*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#202020}body:before{content:"FERIA PARA TODOS";position:fixed;inset:-8vh -5vw;font-size:9vw;font-weight:900;color:#8cc415;opacity:.07;line-height:1.25;z-index:0}#app{position:relative;z-index:1;width:100vw;height:100vh;background:rgba(255,255,255,.92)}.counter-section{position:relative;display:flex;align-items:center;gap:4vw;padding:3vh 4vw;background:#fff}.brand{width:24vw;text-align:center}.brand img{max-width:19vw;max-height:13vh;object-fit:contain}.text-logo{font-size:4vw;line-height:.9}.text-logo span{color:#8cc415}.year{font-size:1.4vw;font-weight:900}.date-label{display:inline-block;background:#8cc415;color:#fff;border-radius:999px;padding:.3vh .8vw;font-weight:900;font-size:1vw;text-transform:uppercase}.counter-card{flex:1;border:7px solid #8cc415;border-radius:2vw;padding:2vh 3vw;position:relative}.title{position:absolute;top:-3.5vh;left:8%;right:8%;display:flex;align-items:center;gap:1vw;justify-content:center}.title span{height:7px;background:#8cc415;flex:1}.title b{font-size:4vw;background:#fff;padding:0 1vw}.time-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;text-align:center}.time-grid strong{font-size:5.7vw;font-weight:400;letter-spacing:.04em}.time-grid small{display:block;font-size:1.25vw}.time-grid em{font-style:normal;font-size:5vw}.carousel-section{position:relative;height:74vh;display:none;background:#111;overflow:hidden}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}.slide.active{opacity:1}.nav{position:absolute;top:50%;transform:translateY(-50%);width:5vw;height:5vw;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.35);color:#fff;font-size:5vw;line-height:1}.left{left:2vw}.right{right:2vw}.dots{position:absolute;bottom:2vh;left:0;right:0;display:flex;justify-content:center;gap:.8vw}.dots button{width:1.1vw;height:1.1vw;border-radius:50%;border:0;background:#fff;opacity:.85}.dots button.active{background:#8cc415}.full-mode .counter-section{height:100vh}.full-mode .counter-card{max-width:56vw}.full-mode .brand{width:30vw}.full-mode .brand img{max-width:24vw;max-height:22vh}.full-mode .full-hint{display:block}.split-mode .counter-section{height:26vh}.split-mode .carousel-section{display:block}.split-mode .full-hint{display:none}.full-hint{position:absolute;bottom:10vh;left:50%;transform:translateX(-50%);font-size:1.3vw}#fullTimer{display:inline-grid;place-items:center;width:3vw;height:3vw;border:4px solid #8cc415;border-radius:50%;color:#8cc415;font-weight:900;margin-right:1vw}.empty-carousel{height:100%;display:grid;place-items:center;color:#fff;font-size:3vw}