@import"https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";:root{--main-color: #001689;--accent-color: #00d2ff;--background-color: #ffffff;--font-family-main: "Raleway", sans-serif;--font-family-accent: "Bagel Fat One", cursive;--size-title: clamp(2rem, 4vw + 1rem, 3rem);--size-subtitle: clamp(1.2rem, 2vw + .5rem, 1.5rem);--size-paragraph: clamp(1rem, 1vw + .5rem, 1.2rem);--size-counter: clamp(4rem, 8vw + 1rem, 7rem)}body{font-family:var(--font-family-main);line-height:1.5;background-color:#fff;color:#333}h1,h2{font-size:var(--size-title)}.footer-text h2{font-size:var(--size-subtitle)}.footer-text p{font-size:var(--size-paragraph)}.welcome-container{background:url(/bg-totem.jpg) no-repeat center center;background-size:cover;min-height:100vh;width:100%;padding:2rem;font-family:var(--font-family-main);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.logo-desafio{width:300px}@media (min-width: 480px){.logo-desafio{width:40vw;min-width:300px}}.welcome-box{background:var(--background-color);padding:2rem;border-radius:20px;width:70%;box-shadow:0 10px 30px #0003;margin:2rem 0}@media (max-width: 600px){.welcome-box{width:100%}}.title{font-size:var(--size-title);font-weight:900;color:var(--main-color);margin-bottom:1rem}.subtitle{font-size:var(--size-subtitle);color:#333;margin-bottom:2rem}.start-button{background:transparent;color:var(--main-color);font-size:var(--size-subtitle);font-weight:700;padding:.75rem 2rem;border:2px solid var(--main-color);border-radius:30px;cursor:pointer;transition:all .3s ease}.start-button:hover{background:var(--main-color);color:var(--background-color)}.footer{margin:2rem 0;max-width:800px;width:90%}.footer p{font-size:var(--size-paragraph);color:var(--background-color);margin-bottom:1rem}.footer-logos{display:flex;align-items:center;justify-content:center;gap:2rem}.footer-logos img{width:40%}@media (min-width: 1200px){.title{font-size:var(--size-title)}.subtitle{font-size:var(--size-subtitle)}}.voting-container{background:url(/bg-totem.jpg) no-repeat center center;background-size:cover;min-height:100vh;width:100%;padding:2rem;font-family:var(--font-family-main);display:flex;flex-direction:column;justify-content:space-between}.voting-container-logo{text-align:right}@media (max-width: 768px){.voting-container-logo{text-align:center}}.logo-sdp{width:20rem}.voting-content{text-align:center;width:100%}.voting-title{font-size:var(--size-title);color:var(--background-color);font-weight:800;margin-bottom:1rem}.voting-instruccion{font-size:var(--size-subtitle);color:var(--background-color);max-width:800px;margin:0 auto 2rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;max-width:1200px;margin:0 auto 2rem;padding-top:2rem}.card{background:var(--background-color);padding:2rem;border-radius:16px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;align-items:center;transition:transform .2s,border .2s;position:relative;overflow:hidden}.card-watermark:before{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;background:url(/huella.png) no-repeat center center;background-size:contain;opacity:.1;transform:translate(-50%,-50%);pointer-events:none}.card img{width:4rem;height:4rem;margin-bottom:.5rem}.card h3{font-size:var(--size-paragraph);color:var(--main-color);font-weight:700;margin-bottom:2rem;text-align:center}.vermas-button{background:transparent;color:var(--main-color);font-size:var(--size-paragraph);font-weight:700;padding:.3rem 1rem;border:2px solid var(--main-color);border-radius:20px;cursor:pointer;transition:all .3s ease}.vermas-button:hover{background:var(--main-color);color:var(--background-color)}.container-button-end{display:flex;flex-direction:column;width:100%;justify-items:center;align-items:center;align-content:center}.send-button{background:transparent;color:var(--background-color);font-size:var(--size-subtitle);font-weight:700;padding:1rem 4rem;border:4px solid var(--background-color);border-radius:30rem;cursor:pointer;transition:background .3s ease,color .3s ease;margin-top:2rem}.send-button:hover{background:var(--background-color);color:var(--main-color)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:var(--background-color);padding:2rem;border-radius:20px;max-width:500px;width:90%;text-align:center;position:relative}.modal-content img{width:6rem;height:6rem;margin-bottom:1rem}.modal-content h2{color:var(--main-color);font-size:var(--size-subtitle);margin-bottom:1rem}.modal-content p{font-size:var(--size-paragraph);margin-bottom:1rem}.modal-content h3{color:var(--main-color);font-size:var(--size-subtitle);margin-bottom:1rem}.huella-button{background:transparent;color:var(--main-color);font-size:var(--size-paragraph);font-weight:700;padding:.75rem 2rem;border:2px solid var(--main-color);border-radius:30px;cursor:pointer;transition:all .3s ease}.huella-button:hover{background:var(--main-color);color:var(--background-color)}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-text{color:#000}.modal-text ul{list-style-position:inside;padding-left:0;margin:0 auto;display:inline-block;text-align:left}.modal-text li{margin-bottom:.5rem;font-size:var(--size-paragraph);list-style-type:disc}.thanks-container{background:url(/bg-totem.jpg) no-repeat center center;background-size:cover;min-height:100vh;width:100%;padding:2rem;font-family:var(--font-family-main);display:flex;flex-direction:column;justify-content:space-around;text-align:center}.text-right{width:100%;display:flex;justify-content:center;gap:2rem}.pb-2{padding-bottom:2rem}.logo-30{width:20rem}.thanks-box{background:var(--background-color);padding:2rem;border-radius:20px;max-width:600px;width:90%;margin:0 auto;box-shadow:0 10px 30px #0003}.thanks-box h1{font-size:var(--size-title);color:var(--main-color);margin-bottom:1rem}.thanks-box h2{font-size:var(--size-subtitle);color:var(--main-color);margin-bottom:1rem}.thanks-box p{font-size:var(--size-paragraph);color:#333;margin-bottom:1rem}.hashtag{font-weight:700;color:var(--main-color);margin-bottom:1rem}.back-button{background:transparent;color:var(--main-color);font-size:var(--size-paragraph);font-weight:700;padding:.75rem 2rem;border:2px solid var(--main-color);border-radius:30px;cursor:pointer;transition:all .3s ease}.back-button:hover{background:var(--main-color);color:var(--background-color)}.footer{margin-top:2rem;color:var(--background-color);font-size:var(--size-paragraph);max-width:800px;margin-left:auto;margin-right:auto}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Raleway,sans-serif;background:url(/bg-totem-horizontal.jpg) no-repeat center center;background-size:cover;color:#fff;min-height:100vh}.public-container{display:flex;flex-direction:column;justify-content:space-evenly;min-height:100vh}.top-logo{display:flex;justify-content:center;align-items:center;gap:1rem}.top-logo img{height:5rem}@media (max-width: 600px){.top-logo img{height:3.5rem}}.counter-section{display:flex;flex-direction:column;align-items:center}.counter{font-size:clamp(4rem,8vw + 1rem,7rem);font-weight:900;margin-bottom:1rem}.progress-bar{background:#fff;height:70px;border-radius:300px;overflow:hidden;width:80%}.progress-fill{height:100%;width:0%;background:repeating-linear-gradient(100deg,#00d2ff,#00d2ff 10px,#00b6e0 10px 20px);background-size:100px 100px;animation:progress-stripes 1s linear infinite;border-top-left-radius:300px;border-bottom-left-radius:300px}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:100px 0}}.footer-text{text-align:center}.footer-text h2{font-size:clamp(2rem,2vw + .5rem,2.4rem);font-weight:700;margin-bottom:1rem}.footer-text p{font-size:clamp(1.2rem,1vw + .5rem,1.3rem);line-height:1.5;margin:0 2rem}