@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fuentes/poppins-300.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fuentes/poppins-400.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fuentes/poppins-500.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fuentes/poppins-600.woff2') format('woff2')}
@font-face{font-family:'Righteous';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fuentes/righteous-400.woff2') format('woff2')}
:root{
  --crema:#FFF6EA;
  --crema-2:#FFEFDC;
  --papel:#FFFFFF;
  --tinta:#12262B;
  --tinta-suave:#4A6268;
  --turquesa:#00A8A8;
  --turquesa-vivo:#00C4C4;
  --ambar:#F09000;
  --ambar-vivo:#FFA91C;
  --fucsia:#D4147A;
  --fucsia-vivo:#FF4FA3;
  --morado:#7A3FF2;
  --verde:#0FA958;
  --rojo:#CC2E23;
  --turquesa-texto:#00706F;
  --verde-texto:#0A7A42;
  --destacado:var(--fucsia);
  --acc:var(--turquesa);
  --acc-2:var(--ambar);
  --sobre-acc:#FFFFFF;
  --r:22px;
  --nav-h:72px;
  --wrap:1180px;
  --ease:cubic-bezier(.16,1,.3,1);
  --sombra:6px 6px 0 var(--tinta);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}
body{
  background:var(--crema);color:var(--tinta);
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16px;line-height:1.65;font-weight:400;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;-webkit-tap-highlight-color:transparent}
a,button{touch-action:manipulation}
:focus-visible{outline:3px solid var(--morado);outline-offset:3px;border-radius:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(1.15rem,4.5vw,2rem)}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ambar);color:var(--tinta);padding:.8rem 1.2rem;font-weight:600;border-radius:0 0 12px 0}
.skip:focus{left:0;top:0}
.display em,.display .hl{font-style:normal;color:var(--destacado)}
.display{
  font-family:'Righteous',cursive,sans-serif;font-weight:400;
  line-height:1.05;letter-spacing:-.005em;text-wrap:balance;
}
h1.display{font-size:clamp(2.3rem,9vw,4.6rem)}
h2.display{font-size:clamp(1.9rem,6.5vw,3.2rem)}
h3.display{font-size:clamp(1.25rem,4vw,1.7rem);line-height:1.15}
.lede{font-size:clamp(1.02rem,2.6vw,1.2rem);color:var(--tinta-suave);max-width:56ch}
.lede b{font-weight:600;color:var(--tinta)}
.kicker{
  display:inline-block;margin-bottom:1rem;
  font-family:'Righteous',cursive,sans-serif;
  font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--sobre-acc);background:var(--acc);
  padding:.45rem 1rem;border-radius:999px;
  border:2px solid var(--tinta);box-shadow:3px 3px 0 var(--tinta);
}
.nav{
  position:sticky;top:0;z-index:60;height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:0 clamp(1rem,4vw,2rem);
  background:var(--crema);border-bottom:3px solid var(--tinta);
}
.nav .mark{display:flex;align-items:center;flex:none;padding:.3rem;border-radius:10px}
.nav .mark img{height:42px;width:auto}
.nav ul{list-style:none;display:flex;align-items:center;gap:.3rem}
.nav a.link{
  display:block;text-decoration:none;
  padding:.5rem .9rem;border-radius:999px;
  font-size:.9rem;font-weight:600;color:var(--tinta);
  border:2px solid transparent;
  transition:background-color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease);
}
.nav a.link:hover{background:var(--crema-2);border-color:var(--tinta)}
.nav a.link[aria-current="page"]{
  background:var(--acc);color:var(--sobre-acc);
  border-color:var(--tinta);box-shadow:3px 3px 0 var(--tinta);
}
.burger{
  display:none;align-items:center;gap:.45rem;
  min-height:46px;padding:.45rem .85rem;border-radius:999px;cursor:pointer;
  background:var(--papel);color:var(--tinta);
  border:2px solid var(--tinta);box-shadow:2px 2px 0 var(--tinta);
  font-family:'Poppins',sans-serif;font-size:.85rem;font-weight:600;
}
.burger svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round}
.burger:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tinta)}
.drawer{
  position:fixed;inset:0;z-index:90;display:none;
  background:var(--crema);padding:1.1rem;
  flex-direction:column;
}
.drawer.open{display:flex}
.drawer .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}
.drawer .top img{height:30px;width:auto}
.drawer .cerrar{
  min-width:46px;min-height:46px;display:grid;place-items:center;cursor:pointer;
  background:var(--papel);border:2px solid var(--tinta);border-radius:14px;box-shadow:3px 3px 0 var(--tinta);
}
.drawer .cerrar svg{width:22px;height:22px;stroke:var(--tinta);stroke-width:2.4;fill:none;stroke-linecap:round}
.drawer nav{display:flex;flex-direction:column;gap:.7rem}
.drawer nav a{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  text-decoration:none;font-family:'Righteous',cursive,sans-serif;
  font-size:1.5rem;color:var(--tinta);
  padding:1rem 1.2rem;border-radius:18px;
  border:2px solid var(--tinta);box-shadow:5px 5px 0 var(--tinta);
  background:var(--papel);
}
.drawer nav a svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.drawer nav a.c1{background:var(--crema-2);color:var(--tinta)}
.drawer nav a.c2{background:var(--turquesa);color:var(--tinta)}
.drawer nav a.c3{background:var(--fucsia);color:#fff}
.drawer nav a.c4{background:var(--morado);color:#fff}
.drawer nav a.c5{background:var(--ambar);color:var(--tinta)}
.drawer nav a.c6{background:var(--verde);color:var(--tinta)}
@media (max-width:860px){
  .nav ul{display:none}
  .burger{display:inline-flex}
}
.btn{
  display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;
  min-height:52px;padding:.85rem 1.5rem;border-radius:999px;
  font-size:1rem;font-weight:600;line-height:1.2;
  background:var(--papel);color:var(--tinta);
  border:2.5px solid var(--tinta);box-shadow:var(--sombra);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease);
}
.btn:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--tinta)}
.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--tinta)}
.btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.btn.acc{background:var(--acc);color:var(--sobre-acc)}
.btn.amb{background:var(--ambar);color:var(--tinta)}
.btn.fuc{background:var(--fucsia);color:#fff}
.btn.mor{background:var(--morado);color:#fff}
.btn.tur{background:var(--turquesa);color:var(--tinta)}
.btn .txt{text-align:left}
.btn .txt b{display:block;font-weight:700;font-size:1rem}
.btn .txt small{display:block;font-size:.76rem;font-weight:500;opacity:.85}
.btns{display:flex;flex-wrap:wrap;gap:.9rem}
.hero{position:relative;overflow:hidden;border-bottom:3px solid var(--tinta)}
.hero .foto{position:absolute;inset:0;z-index:0}
.hero .foto img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero .foto.caras img{object-position:center 18%}
@media (min-width:700px){
  .hero.alta .dentro{
    min-height:480px;
    display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
  }
  .hero.alta .foto::after{
    background:
      linear-gradient(180deg,
        rgba(6,20,23,.20) 0%,
        rgba(6,20,23,.06) 40%,
        rgba(6,20,23,.70) 66%,
        rgba(6,20,23,.94) 100%),
      radial-gradient(120% 100% at 10% 90%,
        rgba(6,20,23,.55) 0%, rgba(6,20,23,.22) 45%, transparent 70%),
      linear-gradient(125deg, rgba(0,168,168,.14) 0%, transparent 58%, rgba(240,144,0,.10) 100%);
  }
}
.hero .foto::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(180deg,
      rgba(6,20,23,.34) 0%,
      rgba(6,20,23,.20) 24%,
      rgba(6,20,23,.74) 54%,
      rgba(6,20,23,.94) 100%),
    radial-gradient(120% 100% at 10% 90%,
      rgba(6,20,23,.55) 0%, rgba(6,20,23,.22) 45%, transparent 70%),
    linear-gradient(125deg, rgba(0,168,168,.14) 0%, transparent 58%, rgba(240,144,0,.10) 100%);
}
.hero .dentro{
  position:relative;z-index:2;
  max-width:var(--wrap);margin:0 auto;
  padding:clamp(3rem,10vh,6rem) clamp(1.15rem,4.5vw,2rem) clamp(3rem,9vh,5rem);
  color:#fff;
}
.hero.grande .dentro{min-height:min(88svh,760px);display:flex;flex-direction:column;justify-content:flex-end;gap:1.1rem}
.hero .logo{width:min(80vw,480px);height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.45))}
.hero h1.display,.hero h2.display{color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.45)}
.hero .sub{max-width:44ch;font-size:clamp(1.02rem,2.7vw,1.24rem);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.hero .kicker{background:var(--acc);color:var(--sobre-acc)}
.wave{display:block;width:100%;height:auto;margin-bottom:-1px}
.wave path{fill:var(--crema)}
.band{padding:clamp(3.5rem,9vh,6rem) 0;border-top:3px solid var(--tinta);border-bottom:3px solid var(--tinta)}
.band.tur{background:var(--turquesa);color:var(--tinta)}
.band.fuc{background:var(--fucsia);color:#fff}
.band.mor{background:var(--morado);color:#fff}
.band.amb{background:var(--ambar);color:var(--tinta)}
.band.crema{background:var(--crema-2);border-color:var(--tinta)}
.band .lede{color:inherit;opacity:.94}
.band.crema .lede{color:var(--tinta-suave);opacity:1}
.band .kicker{background:var(--papel);color:var(--tinta)}
section.pagina{padding:clamp(1.9rem,4.5vh,3rem) 0 clamp(3rem,8vh,5rem)}
.grid{display:grid;gap:clamp(1rem,2.4vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid.cuatro{grid-template-columns:1fr}
@media (min-width:560px){.grid.cuatro{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.grid.cuatro{grid-template-columns:repeat(4,1fr)}}
.grid.dos{grid-template-columns:1fr}
@media (min-width:760px){.grid.dos{grid-template-columns:repeat(2,1fr)}}
.card{
  --pad:clamp(1.3rem,3.2vw,1.7rem);
  position:relative;display:flex;flex-direction:column;gap:.6rem;
  background:var(--papel);border:2.5px solid var(--tinta);border-radius:var(--r);
  padding:var(--pad);
  box-shadow:var(--sombra);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--tinta)}
.card .n{
  position:absolute;top:.95rem;right:1.15rem;
  font-family:'Righteous',cursive,sans-serif;font-size:2.4rem;line-height:1;
  color:var(--tinta);opacity:.10;
}
.card .ico{
  width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:15px;
  background:var(--acc);border:2.5px solid var(--tinta);box-shadow:3px 3px 0 var(--tinta);
}
.card .ico svg{width:26px;height:26px;stroke:var(--sobre-acc);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-family:'Righteous',cursive,sans-serif;font-weight:400;font-size:1.3rem;line-height:1.2}
.card p{font-size:.96rem;color:var(--tinta-suave);flex:1}
.card .tag{
  align-self:flex-start;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;
  color:var(--tinta);background:var(--crema-2);border:2px solid var(--tinta);
  padding:.3rem .75rem;border-radius:999px;
}
.card .foto-lugar{
  position:relative;
  margin:calc(-1 * var(--pad)) calc(-1 * var(--pad)) 0;
  border-bottom:2.5px solid var(--tinta);
  border-radius:calc(var(--r) - 2.5px) calc(var(--r) - 2.5px) 0 0;
  overflow:hidden;background:var(--crema-2);
}
.card .foto-lugar img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.card.con-foto .ico{margin-top:calc(-2rem - .6rem);position:relative;z-index:1}
.card.con-foto .n{
  color:#fff;opacity:1;
  text-shadow:
    2px 2px 0 rgba(18,38,43,.55),
    1px 0 0 rgba(18,38,43,.55), -1px 0 0 rgba(18,38,43,.55),
    0 1px 0 rgba(18,38,43,.55), 0 -1px 0 rgba(18,38,43,.55),
    0 0 6px rgba(18,38,43,.45);
}
.card .estado{
  position:absolute;top:.7rem;left:.7rem;z-index:2;
  display:inline-flex;align-items:center;gap:.34rem;
  font-size:.68rem;font-weight:600;letter-spacing:.01em;
  padding:.3rem .62rem;border-radius:999px;
  border:2px solid var(--tinta);box-shadow:2px 2px 0 var(--tinta);
}
.card .estado:empty{display:none}
.card .estado::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.card .estado.si{background:var(--verde);color:var(--tinta)}
.card .estado.no{background:var(--tinta);color:var(--crema);border-color:var(--tinta)}
.card:not(.con-foto) .estado{position:static;align-self:flex-start;box-shadow:2px 2px 0 var(--tinta)}
.card .cuenta{
  position:absolute;top:.7rem;left:.7rem;z-index:2;
  display:inline-flex;align-items:center;gap:.34rem;
  font-size:.68rem;font-weight:600;letter-spacing:.01em;
  padding:.3rem .62rem;border-radius:999px;
  color:var(--tinta);background:var(--crema);
  border:2px solid var(--tinta);box-shadow:2px 2px 0 var(--tinta);
}
.card .cuenta:empty{display:none}
.card .cuenta.cerca{background:var(--ambar)}
.card:not(.con-foto) .cuenta{position:static;align-self:flex-start}
.peak .cuenta{
  display:inline-flex;align-items:center;gap:.4rem;margin-top:1.2rem;
  font-size:.85rem;font-weight:700;color:var(--tinta);background:var(--papel);
  border:2.5px solid var(--tinta);box-shadow:3px 3px 0 var(--tinta);
  padding:.5rem 1rem;border-radius:999px;position:relative;z-index:2;
}
.peak .cuenta:empty{display:none}
.peak .cuenta.cerca{background:var(--ambar-vivo)}
.grid > .card.sin-foto{align-self:start}
.datos{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));
  gap:.42rem;margin:.15rem 0 0;
}
.datos > div{
  background:var(--crema-2);border:2px solid var(--tinta);border-radius:12px;
  padding:.45rem .5rem;min-width:0;
}
.datos dt{
  display:flex;align-items:center;gap:.24rem;margin-bottom:.15rem;
  font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;
  color:var(--tinta-suave);
}
.datos dt svg{width:12px;height:12px;flex:none;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.datos dd{margin:0;min-width:0}
.datos dd b{display:block;font-size:.82rem;font-weight:600;line-height:1.2;color:var(--tinta)}
.datos dd small{display:block;font-size:.78rem;line-height:1.3;color:var(--tinta-suave);margin-top:.12rem}
.card .gratis{
  flex:none;align-self:flex-start;
  display:inline-flex;align-items:center;gap:.34rem;
  font-size:.66rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  color:var(--tinta);background:var(--ambar);
  border:2px solid var(--tinta);border-radius:999px;
  padding:.3rem .62rem;box-shadow:2px 2px 0 var(--tinta);
}
.card .gratis svg{width:12px;height:12px;flex:none;stroke:var(--tinta);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fuente{
  flex:none;margin-top:.05rem;
  display:flex;align-items:center;gap:.32rem;
  font-size:.64rem;line-height:1.35;color:var(--tinta-suave);
}
.fuente svg{width:11px;height:11px;flex:none;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fuente a{
  color:inherit;text-decoration:underline;text-underline-offset:2px;
  text-decoration-thickness:1px;
}
.fuente a:hover,.fuente a:focus-visible{color:var(--tinta)}
.card .donde-ir{align-items:flex-start}
.card .donde-ir svg{margin-top:.16rem}
.card .donde-ir b{color:var(--tinta);font-weight:600}
.peak .fuente{
  display:flex;align-items:center;gap:.32rem;margin-top:1rem;
  font-size:.74rem;line-height:1.35;color:#fff;position:relative;z-index:2;
}
.peak .fuente svg{width:11px;height:11px;flex:none;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.peak .fuente a{color:#fff;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.aviso-datos{
  display:flex;align-items:flex-start;gap:.6rem;
  background:var(--crema-2);border:2.5px solid var(--tinta);border-radius:14px;
  box-shadow:4px 4px 0 var(--ambar);
  padding:.8rem 1rem;margin:1.2rem 0 2.4rem;font-size:.88rem;line-height:1.5;
}
.aviso-datos svg{width:20px;height:20px;flex:none;margin-top:.15rem;stroke:var(--ambar);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.aviso-datos + .aviso-datos{margin-top:-1.7rem}
.aviso-gratis{box-shadow:4px 4px 0 var(--turquesa)}
.aviso-gratis svg{stroke:var(--turquesa-texto)}
.aviso-gratis a{color:var(--tinta);text-underline-offset:2px}
.card.k1,.cifra.k1{--acc:var(--turquesa);--sobre-acc:var(--tinta)}
.card.k2,.cifra.k2{--acc:var(--fucsia);--sobre-acc:#fff}
.card.k3,.cifra.k3{--acc:var(--ambar);--sobre-acc:var(--tinta)}
.card.k4,.cifra.k4{--acc:var(--morado);--sobre-acc:#fff}
.card.k5,.cifra.k5{--acc:var(--verde);--sobre-acc:var(--tinta)}
.card.k6,.cifra.k6{--acc:var(--rojo);--sobre-acc:#fff}
.prosa h3{
  font-family:'Righteous',cursive,sans-serif;font-weight:400;
  font-size:clamp(1.25rem,3.6vw,1.55rem);line-height:1.2;
  margin:clamp(1.6rem,4.5vh,2.2rem) 0 .5rem;
}
.prosa h3:first-of-type{margin-top:clamp(1.2rem,3.5vh,1.6rem)}
.prosa p{max-width:64ch;font-size:clamp(.98rem,2.7vw,1.05rem);line-height:1.65}
.prosa p + p{margin-top:.7rem}
.prosa code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.9em;background:var(--crema-2);color:var(--tinta);
  border:1.5px solid rgba(18,38,43,.22);border-radius:6px;padding:.05em .35em;
}
.prosa p a{color:var(--turquesa-texto);text-underline-offset:3px}
.cinta-carnaval{
  display:block;text-decoration:none;color:#fff;
  background:var(--fucsia);
  border-bottom:3px solid var(--tinta);
}
.cinta-carnaval .dentro{
  max-width:var(--wrap);margin:0 auto;
  padding:.6rem clamp(1.15rem,4.5vw,2rem);
  display:flex;align-items:center;justify-content:center;
  gap:.4rem .7rem;flex-wrap:wrap;text-align:center;
  font-size:clamp(.8rem,2.3vw,.94rem);line-height:1.4;
}
.cinta-carnaval .rotulo{
  font-family:'Righteous',cursive,sans-serif;letter-spacing:.08em;
  text-transform:uppercase;font-size:clamp(.86rem,2.5vw,1rem);
}
.cinta-carnaval .sep{opacity:.6}
.cinta-carnaval .cuenta:empty{display:none}
.cinta-carnaval .cuenta{font-weight:700}
.cinta-carnaval .cuenta::before{content:'·';opacity:.6;margin-right:.55rem;font-weight:400}
.cinta-carnaval .ir{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cinta-carnaval .ir svg{width:15px;height:15px;flex:none;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.cinta-carnaval:hover .ir svg{transform:translateX(4px)}
.popup-carnaval[hidden]{display:none}
.popup-carnaval{
  position:fixed;inset:0;z-index:120;
  display:grid;place-items:center;padding:1.1rem;
  background:rgba(6,20,23,.72);
}
.popup-carnaval .caja{
  position:relative;overflow:hidden;
  width:min(100%,440px);max-height:92svh;overflow-y:auto;
  background:var(--fucsia);color:#fff;text-align:center;
  border:2.5px solid var(--tinta);border-radius:var(--r);
  box-shadow:8px 8px 0 var(--tinta);
  padding:clamp(1.6rem,5vw,2.2rem) clamp(1.2rem,4.5vw,1.8rem);
}
.popup-carnaval .rotulo{
  display:inline-block;font-family:'Righteous',cursive,sans-serif;
  font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--tinta);background:var(--ambar);
  border:2px solid var(--tinta);border-radius:999px;
  padding:.3rem .8rem;box-shadow:2px 2px 0 var(--tinta);margin-bottom:.9rem;
}
.popup-carnaval h2{
  font-family:'Righteous',cursive,sans-serif;font-weight:400;
  font-size:clamp(1.9rem,7vw,2.5rem);line-height:1.04;margin-bottom:.5rem;
  text-shadow:3px 3px 0 rgba(6,20,23,.35);
}
.popup-carnaval p{font-size:clamp(.95rem,2.8vw,1.05rem);line-height:1.55;opacity:.97}
.popup-carnaval .cuenta{
  display:inline-block;margin:1rem 0 .2rem;
  font-family:'Righteous',cursive,sans-serif;font-size:clamp(1.2rem,4.4vw,1.5rem);
  color:var(--tinta);background:#fff;
  border:2.5px solid var(--tinta);border-radius:999px;
  padding:.35rem 1rem;box-shadow:3px 3px 0 var(--tinta);
}
.popup-carnaval .btns{display:flex;flex-direction:column;gap:.55rem;margin-top:1.3rem}
.popup-carnaval .cerrar{
  position:absolute;top:.55rem;right:.55rem;z-index:2;
  width:38px;height:38px;display:grid;place-items:center;
  background:transparent;border:0;border-radius:12px;color:#fff;cursor:pointer;
}
.popup-carnaval .cerrar:hover{background:rgba(255,255,255,.16)}
.popup-carnaval .cerrar svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round}
.popup-carnaval .luego{
  background:none;border:0;color:#fff;opacity:.85;cursor:pointer;
  font:inherit;font-size:.88rem;text-decoration:underline;text-underline-offset:3px;padding:.35rem;
}
@media (prefers-reduced-motion: no-preference){
  .popup-carnaval .caja{animation:entra-popup .34s var(--ease) both}
  @keyframes entra-popup{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
}
.bloque-2027{
  position:relative;overflow:hidden;
  background:var(--tinta);color:#fff;
  border:2.5px solid var(--tinta);border-radius:var(--r);
  box-shadow:var(--sombra);
  padding:clamp(1.6rem,5vw,2.6rem);
  margin-top:clamp(1.8rem,5vh,2.6rem);
  text-align:center;
}
.bloque-2027 h2{
  font-family:'Righteous',cursive,sans-serif;font-weight:400;
  font-size:clamp(2rem,7vw,3.2rem);line-height:1.04;margin:.5rem 0 .7rem;
}
.bloque-2027 h2 em{font-style:normal;color:var(--ambar-vivo,var(--ambar))}
.bloque-2027 p{max-width:56ch;margin:0 auto;font-size:clamp(.98rem,2.7vw,1.08rem);line-height:1.6;opacity:.95}
.bloque-2027 .cuenta{
  display:inline-block;margin:1.1rem 0 .3rem;
  font-family:'Righteous',cursive,sans-serif;font-size:clamp(1.3rem,5vw,1.9rem);
  color:var(--tinta);background:var(--ambar);
  border:2.5px solid var(--tinta);border-radius:999px;
  padding:.4rem 1.2rem;box-shadow:3px 3px 0 rgba(255,255,255,.55);
}
.bloque-2027 .cuenta:empty,.popup-carnaval .cuenta:empty{display:none}
.bloque-2027 .fuente{
  justify-content:center;align-items:flex-start;
  max-width:58ch;margin:1.3rem auto 0;
  color:rgba(255,246,234,.82);font-size:.7rem;
}
.bloque-2027 .fuente svg{margin-top:.2rem}
.bloque-2027 .fuente a{color:inherit}
.bloque-2027 .fuente a:hover,.bloque-2027 .fuente a:focus-visible{color:#fff}
.bloque-2027 .secreto{
  margin-top:1.4rem;padding-top:1.2rem;border-top:2px dashed rgba(255,255,255,.28);
  font-family:'Righteous',cursive,sans-serif;font-size:clamp(1.05rem,3.4vw,1.3rem);
  color:var(--ambar);
}
.cifras{display:grid;gap:clamp(1rem,2.4vw,1.5rem);grid-template-columns:1fr}
@media (min-width:620px){.cifras{grid-template-columns:repeat(3,1fr)}}
.cifra{
  display:flex;flex-direction:column;gap:.25rem;text-decoration:none;
  padding:clamp(1.2rem,3.2vw,1.6rem);
  border:2.5px solid var(--tinta);border-radius:var(--r);box-shadow:var(--sombra);
  background:var(--acc);color:var(--sobre-acc);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.cifra:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--tinta)}
.cifra .red{display:flex;align-items:center;gap:.45rem;
  font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.cifra .red svg{width:18px;height:18px;flex:none;fill:currentColor}
.cifra .n{font-family:'Righteous',cursive,sans-serif;font-weight:400;
  font-size:clamp(2.5rem,7vw,3.2rem);line-height:1.05;letter-spacing:.01em}
.cifra .que{font-size:.95rem;opacity:.95}
.cifra .mas{font-size:.85rem;margin-top:.4rem}
.cifra .ir{display:inline-flex;align-items:center;gap:.4rem;
  margin-top:auto;padding-top:.9rem;font-weight:600;font-size:.88rem}
.cifra .ir svg{width:16px;height:16px;flex:none;stroke:currentColor;stroke-width:2.4;
  fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.cifra:hover .ir svg{transform:translateX(4px)}
.foto-ancha{
  border:2.5px solid var(--tinta);border-radius:var(--r);box-shadow:var(--sombra);
  overflow:hidden;margin:clamp(1.6rem,4.5vh,2.4rem) 0 0;
}
.foto-ancha img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  object-position:center 30%}
@media (min-width:760px){.foto-ancha img{aspect-ratio:21/9}}
.foto-ancha figcaption{
  padding:.7rem 1rem;font-size:.86rem;line-height:1.5;
  background:var(--crema-2);border-top:2.5px solid var(--tinta);
}
.big{
  position:relative;overflow:hidden;text-decoration:none;
  display:flex;flex-direction:column;gap:.35rem;
  min-height:0;
  padding:calc(clamp(1.3rem,3.5vw,1.8rem) + 1.95rem) clamp(1.3rem,3.5vw,1.8rem) clamp(1.3rem,3.5vw,1.8rem);
  border:2.5px solid var(--tinta);border-radius:var(--r);box-shadow:var(--sombra);
  color:#fff;background:var(--acc);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.big:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--tinta)}
.big .num{
  font-family:'Righteous',cursive,sans-serif;font-size:2rem;line-height:1;
  position:absolute;top:.7rem;right:1rem;opacity:.34;letter-spacing:.01em;
}
.big h3{font-family:'Righteous',cursive,sans-serif;font-weight:400;font-size:clamp(1.5rem,4.6vw,2rem);line-height:1.1}
.big p{font-size:.96rem;opacity:.95;max-width:32ch}
.big .ir{display:inline-flex;align-items:center;gap:.45rem;margin-top:auto;padding-top:.7rem;font-weight:600;font-size:.92rem}
.big .ir svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.big:hover .ir svg{transform:translateX(4px)}
.big.t1{background:var(--turquesa);color:var(--tinta)}
.big.t2{background:var(--fucsia)}
.big.t3{background:var(--morado)}
.big.t4{background:var(--ambar);color:var(--tinta)}
@media (min-width:560px){
  .big h3{min-height:2.2em}
}
.peak{
  --pad-peak:clamp(1.6rem,5vw,2.8rem);
  position:relative;overflow:hidden;
  background:var(--fucsia);color:#fff;
  border:3px solid var(--tinta);border-radius:26px;
  box-shadow:4px 4px 0 var(--tinta);
  padding:var(--pad-peak);
}
.peak .foto-peak{
  margin:calc(-1 * var(--pad-peak)) calc(-1 * var(--pad-peak)) clamp(1.1rem,3vw,1.6rem);
  border-bottom:3px solid var(--tinta);
  border-radius:23px 23px 0 0;
  overflow:hidden;background:var(--tinta);
}
.peak .foto-peak img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  object-position:center 70%}
.peak .mes-grande{display:none}
.peak .fecha-peak{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}
.peak .fecha-peak{position:relative;z-index:2}
.peak .datos{width:100%;margin:0}
.peak .datos > div{background:#B1176C;border-color:rgba(255,255,255,.8)}
.peak .datos dt{color:#fff;opacity:.9}
.peak .datos dd b{color:#fff}
.peak .datos dd small{color:#fff;opacity:.9}
@media (min-width:900px){
  .peak{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
        gap:1.4rem 2rem;align-items:center}
  .peak .texto{min-width:0}
  .peak .foto-peak{grid-column:1 / -1;margin-bottom:0}
  .peak .fuente{grid-column:1 / -1;margin-top:0}
  .peak .fecha-peak{align-items:center;gap:1.4rem}
  .peak .foto-peak img{aspect-ratio:3/1}
  .peak .mes-grande{
    display:block;text-align:center;position:relative;z-index:2;
    font-family:'Righteous',cursive,sans-serif;line-height:.86;
    text-shadow:5px 5px 0 rgba(18,38,43,.35);
  }
  .peak .mes-grande .m{display:block;font-size:clamp(3.6rem,7vw,5.6rem);letter-spacing:-.02em}
  .peak .mes-grande .a{display:block;font-size:1.05rem;letter-spacing:.34em;opacity:.85;margin-top:.5rem}
}
.peak .cuando{font-family:'Righteous',cursive,sans-serif;font-size:.95rem;letter-spacing:.2em;text-transform:uppercase}
.peak h3{font-family:'Righteous',cursive,sans-serif;font-weight:400;font-size:clamp(1.9rem,6.5vw,3rem);line-height:1.05;margin:.3rem 0 .7rem}
.peak p{max-width:52ch;font-size:clamp(1rem,2.5vw,1.1rem)}
.peak .texto p + p{margin-top:.75rem}
@media (max-width:899px){.peak .fecha-peak{margin-top:1.2rem}}
.peak .once{
  display:inline-flex;align-items:center;gap:.55rem;margin-top:1.2rem;
  font-size:.88rem;font-weight:600;color:var(--tinta);background:var(--ambar-vivo);
  border:2.5px solid var(--tinta);box-shadow:3px 3px 0 var(--tinta);
  padding:.5rem 1rem;border-radius:999px;
}
.peak .once svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.confeti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.confeti span{position:absolute;border-radius:3px;opacity:.85}
.confeti .cuadro{width:16px;height:16px}
.confeti .tira{width:9px;height:30px;border-radius:5px}
.confeti .punto{width:11px;height:11px;border-radius:50%}
.peak .cuando,.peak h3,.peak p{position:relative;z-index:2}
@media (max-width:899px){.confeti .solo-ancho{display:none}}
.nota{
  display:flex;gap:.8rem;align-items:flex-start;max-width:64ch;
  background:var(--papel);border:2.5px solid var(--tinta);border-radius:18px;
  box-shadow:4px 4px 0 var(--tinta);padding:1rem 1.15rem;
  font-size:.92rem;color:var(--tinta-suave);
}
.nota svg{width:20px;height:20px;flex:none;margin-top:.2rem;stroke:var(--fucsia);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.chips{display:flex;flex-wrap:wrap;gap:.6rem}
.chip{
  font-size:.9rem;font-weight:600;color:var(--tinta);background:var(--papel);
  border:2.5px solid var(--tinta);border-radius:999px;padding:.45rem 1rem;
  box-shadow:3px 3px 0 var(--tinta);
}
.band .chip{background:var(--papel)}
.gallery{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}
.gallery figure{margin:0;border:2.5px solid var(--tinta);border-radius:var(--r);overflow:hidden;box-shadow:var(--sombra);background:var(--papel)}
.gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;transition:transform .5s var(--ease)}
.gallery figure:hover img{transform:scale(1.05)}
.gallery .lead{grid-column:1 / -1}
.gallery .lead img{aspect-ratio:16/10}
@media (min-width:820px){
  .gallery{grid-template-columns:repeat(4,1fr)}
  .gallery .lead{grid-column:span 2;grid-row:span 2}
  .gallery .lead img{aspect-ratio:auto;height:100%}
}
.cierre{
  background:var(--papel);border:3px solid var(--tinta);border-radius:26px;
  box-shadow:8px 8px 0 var(--tinta);padding:clamp(1.6rem,5vw,2.6rem);
}
@media (min-width:900px){
  .cierre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:2.4rem;align-items:center}
  .cierre .btns{flex-direction:column;align-items:stretch;gap:.8rem}
  .cierre p{margin-bottom:0}
}
.cierre h3{font-family:'Righteous',cursive,sans-serif;font-weight:400;font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.1;margin-bottom:.5rem}
.cierre p{color:var(--tinta-suave);max-width:48ch;margin-bottom:1.4rem}
.siguiente{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  text-decoration:none;margin-top:clamp(2.2rem,6vh,3.4rem);
  background:var(--tinta);color:var(--crema);
  border:2.5px solid var(--tinta);border-radius:var(--r);
  padding:clamp(1.1rem,3.5vw,1.5rem) clamp(1.2rem,4vw,1.8rem);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.siguiente:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--acc)}
.siguiente .et{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.siguiente .ti{font-family:'Righteous',cursive,sans-serif;font-size:clamp(1.2rem,3.6vw,1.6rem);line-height:1.2}
.siguiente .fl{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;background:var(--acc);color:var(--sobre-acc)}
.siguiente .fl svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
footer{position:relative;background:var(--tinta);color:var(--crema);padding:clamp(2.6rem,7vh,4rem) 0 0;text-align:center}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;
  background:linear-gradient(90deg,var(--turquesa) 0 20%,var(--ambar) 20% 40%,
    var(--fucsia) 40% 60%,var(--morado) 60% 80%,var(--verde) 80% 100%)}
footer .frase{font-family:'Righteous',cursive,sans-serif;font-size:clamp(1.3rem,4.5vw,2rem);line-height:1.2;margin-bottom:clamp(1.7rem,4.5vh,2.9rem);text-wrap:balance}
footer .frase em{font-style:normal;color:var(--ambar-vivo)}
footer .rejilla{display:grid;gap:1.8rem;padding-bottom:2.1rem}
footer .tit{font-family:'Righteous',cursive,sans-serif;font-size:1rem;font-weight:400;color:var(--ambar-vivo);margin-bottom:.9rem}
footer .sello{display:block;width:124px;height:auto;margin:0 auto .8rem}
footer .lema{font-size:.88rem;line-height:1.55;color:rgba(255,246,234,.82);max-width:30ch;margin:0 auto 1.1rem}
footer .mapa{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.1rem}
footer .mapa .tit{flex:0 0 100%;margin-bottom:.15rem}
footer .mapa a{text-decoration:none;font-size:.92rem;color:rgba(255,246,234,.85);
  transition:color .2s var(--ease)}
footer .mapa a:hover{color:var(--ambar-vivo)}
footer .pie-nota{font-size:.82rem;line-height:1.5;color:rgba(255,246,234,.78);margin-bottom:.95rem;max-width:32ch;margin-inline:auto}
footer .wa{display:flex;align-items:center;gap:.65rem;width:100%;max-width:280px;margin:0 auto .6rem;
  text-decoration:none;color:var(--crema);border:2px solid rgba(255,246,234,.24);border-radius:14px;
  padding:.55rem .8rem;text-align:left;
  transition:background-color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}
footer .wa:hover{background:rgba(255,169,28,.12);border-color:var(--ambar-vivo);transform:translateY(-2px)}
footer .wa svg{width:21px;height:21px;flex:none;fill:#25D366}
footer .wa .txt{display:flex;flex-direction:column;line-height:1.25}
footer .wa b{font-weight:600;font-size:.9rem}
footer .wa small{font-size:.78rem;color:rgba(255,246,234,.78)}
footer .meta a,footer .aviso a{
  color:inherit;font-weight:600;text-decoration:none;
}
footer .meta a:hover,footer .aviso a:hover,
footer .meta a:focus-visible,footer .aviso a:focus-visible{
  text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;
}
footer .barra{border-top:1px solid rgba(255,246,234,.18);padding:1.15rem 0 1.5rem;
  display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:.55rem;font-size:.8rem}
footer .barra .pz,footer .meta a{white-space:nowrap}
footer .meta{color:rgba(255,246,234,.82)}
footer .sep{opacity:.45;margin:0 .5rem}
footer .aviso{display:inline-flex;align-items:center;gap:.42rem;color:rgba(255,246,234,.78)}
footer .aviso a{display:inline-flex;align-items:center;gap:.42rem}
footer .aviso svg{width:15px;height:15px;flex:none;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
footer .credits{font-size:.78rem;color:rgba(255,246,234,.78)}
footer .credits b{color:var(--ambar-vivo);font-weight:600}
footer :focus-visible{outline-color:var(--ambar-vivo)}
footer .social{display:flex;gap:.7rem;justify-content:center}
footer .social a{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;
  background:rgba(255,246,234,.08);border:2px solid rgba(255,246,234,.3);color:var(--crema);
  transition:background-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
footer .social a:hover{background:var(--ambar-vivo);color:var(--tinta);border-color:var(--ambar-vivo);transform:translateY(-3px)}
footer .social svg{width:21px;height:21px;fill:currentColor}
@media (min-width:560px){
  footer .rejilla{grid-template-columns:1fr 1fr;gap:2.3rem 2rem;text-align:left}
  footer .marca{grid-column:1 / -1}
  footer .sello{width:140px;margin-left:0}
  footer .lema{margin-left:0}
  footer .social{justify-content:flex-start}
  footer .wa{margin-left:0}
  footer .mapa{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:.5rem}
  footer .mapa .tit{flex:none;margin-bottom:.9rem}
  footer .barra{flex-direction:row;gap:.45rem 1.5rem}
}
@media (max-width:389px){
  footer .barra .contacto .sep{display:none}
  footer .barra .contacto .pz{display:block}
  footer .barra .contacto wbr{display:none}
}
@media (max-width:339px){
  footer .barra .meta:not(.contacto) .sep{display:none}
  footer .barra .meta:not(.contacto) .pz{display:block}
  footer .barra .meta:not(.contacto) wbr{display:none}
}
@media (min-width:900px){
  footer .rejilla{grid-template-columns:1.3fr 1fr 1.3fr;gap:2.6rem}
  footer .marca{grid-column:auto}
  footer .barra{justify-content:space-between;gap:.45rem 1.2rem}
}
.marcas{list-style:none;padding:0;margin:0;
  display:flex;flex-wrap:wrap;justify-content:flex-start;gap:clamp(.7rem,2vw,1.1rem)}
.marcas .marca{background:#fff;border-radius:16px;
  border:2px solid rgba(18,38,43,.10);
  padding:clamp(.7rem,2vw,1rem) clamp(.9rem,2.5vw,1.3rem);
  display:grid;place-items:center}
.marcas .marca img{display:block;width:clamp(128px,34vw,220px);height:auto;
  }
a.marca{position:relative;text-decoration:none;
  transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}
a.marca:hover,a.marca:focus-visible{transform:translateY(-3px);
  border-color:rgba(18,38,43,.28);box-shadow:0 8px 18px rgba(18,38,43,.13)}
.marcas .wa-marca{position:absolute;right:.4rem;bottom:.35rem;
  display:grid;place-items:center;width:17px;height:17px;pointer-events:none}
.marcas .wa-marca svg{width:17px;height:17px;fill:#128C7E}
@media (prefers-reduced-motion:reduce){
  a.marca{transition:none}
  a.marca:hover,a.marca:focus-visible{transform:none}
}
.historia{display:grid;column-gap:clamp(1.2rem,3vw,2rem);row-gap:0;
  align-items:start;margin-top:clamp(1.3rem,3.5vh,1.9rem)}
.historia > p{max-width:60ch;line-height:1.65;margin:0 0 .95rem}
.historia > p:last-child{margin-bottom:0}
.historia b{font-weight:600;color:var(--tinta)}
.historia .remate{font-size:clamp(1.02rem,2.7vw,1.15rem);font-weight:600;
  color:var(--tinta);max-width:44ch;margin-top:1.3rem}
.historia > .hito{margin:.5rem 0 1.4rem}
@media (min-width:860px){
  .historia{display:block}
  .historia::after{content:"";display:block;clear:both}
  .historia > .hito{float:right;width:min(34%,360px);
    margin:.35rem 0 1.2rem clamp(1.2rem,3vw,2rem)}
}
.historia .hito{background:var(--acc);color:var(--sobre-acc);
  border:2px solid var(--tinta);border-radius:18px;
  padding:clamp(1.1rem,3vw,1.5rem);box-shadow:6px 6px 0 var(--tinta)}
.historia .hito .fecha{display:flex;align-items:baseline;gap:.4rem;margin:0 0 .6rem;
  font-family:var(--display,inherit);line-height:1}
.historia .hito .d{font-size:clamp(2.8rem,8vw,3.6rem);font-weight:800;letter-spacing:-.02em}
.historia .hito .ma{font-size:clamp(1.1rem,3.4vw,1.35rem);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.historia .hito .an{font-size:clamp(1.1rem,3.4vw,1.35rem);font-weight:700;opacity:.85}
.historia .hito .que{margin:0;font-size:clamp(.95rem,2.6vw,1.02rem);line-height:1.55}
.historia .hito b{font-weight:700}
.nombre{list-style:none;padding:0;margin:clamp(1.4rem,4vh,2rem) 0 0;
  display:flex;flex-wrap:wrap;gap:clamp(.7rem,2vw,1.1rem)}
.nombre li{flex:1 1 240px;background:var(--papel);border-radius:16px;
  border:2.5px solid var(--tinta);box-shadow:4px 4px 0 var(--tinta);padding:clamp(.85rem,2.4vw,1.1rem) clamp(1rem,2.6vw,1.3rem);
  display:flex;align-items:baseline;gap:.7rem}
.nombre b{font-size:clamp(1.5rem,4.5vw,1.9rem);font-weight:800;color:var(--turquesa-texto);
  letter-spacing:-.01em;flex:none}
.nombre span{font-size:clamp(.93rem,2.5vw,1rem);color:var(--tinta-suave);line-height:1.45}
.nombre em{font-style:normal;font-weight:600;color:var(--tinta)}
.nombre-pie{margin:clamp(.9rem,2.5vh,1.2rem) 0 0;max-width:52ch;
  font-size:clamp(.93rem,2.5vw,1rem);color:var(--tinta-suave);line-height:1.55}
.reel{
  margin:0;flex:none;width:100%;max-width:340px;
  border:3px solid var(--tinta);border-radius:var(--r);
  box-shadow:var(--sombra);overflow:hidden;background:var(--tinta);
}
.reel video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:var(--tinta)}
.reel figcaption{
  display:flex;align-items:center;gap:.45rem;
  padding:.55rem .85rem;
  background:var(--tinta);color:var(--crema);
  font-size:.82rem;font-weight:500;
}
.reel figcaption svg{width:15px;height:15px;flex:none;stroke:var(--ambar-vivo);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.reel figcaption b{color:var(--ambar-vivo);font-weight:600}
.escucha{display:flex;flex-wrap:wrap;gap:clamp(1.2rem,3.5vw,2.2rem);align-items:center}
.escucha .lado{flex:1 1 300px;min-width:0}
.btns-lado{display:flex;flex-direction:column;gap:.7rem;max-width:22rem}
@media (max-width:640px){.btns-lado{max-width:none}}
.enlace-texto{color:var(--turquesa-texto);font-weight:600;
  text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
.enlace-texto:hover,.enlace-texto:focus-visible{color:var(--tinta)}
footer .legal{
  border-top:1px solid rgba(255,246,234,.12);
  margin-top:.2rem;padding-top:1rem;padding-bottom:.4rem;
  text-align:center;font-size:.74rem;line-height:1.6;
  color:rgba(255,246,234,.62)}
footer .legal .lin{display:block}
footer .legal b{font-weight:600;color:rgba(255,246,234,.82)}
.reg{font-size:.62em;vertical-align:super;line-height:0;margin-left:.06em;font-weight:600}
.marca-reg{display:flex;gap:.6rem;align-items:flex-start;
  margin:clamp(1.4rem,4vh,2rem) 0 0;max-width:62ch;
  font-size:clamp(.9rem,2.4vw,.97rem);color:var(--tinta-suave);line-height:1.55}
.marca-reg svg{width:19px;height:19px;flex:none;margin-top:.12rem;
  stroke:var(--verde-texto);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.marca-reg b{font-weight:600;color:var(--tinta)}
.chips-oferta{gap:.7rem}
.chips-oferta .chip{font-size:clamp(.92rem,2.6vw,1.02rem);padding:.55rem 1.15rem}
@media (max-width:640px){
  .escucha{justify-content:center}
  .reel{max-width:100%}
}
.hero.viva .foto img{animation:respirar 34s ease-in-out infinite alternate}
@keyframes respirar{from{transform:scale(1)}to{transform:scale(1.09)}}
.hero.viva h1.display{text-shadow:0 4px 0 rgba(6,20,23,.5), 0 16px 44px rgba(0,0,0,.55)}
.lluvia{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.lluvia i{position:absolute;top:-8%;display:block;animation:caer linear infinite}
.lluvia .cuadro{width:13px;height:13px;border-radius:3px}
.lluvia .tira{width:7px;height:26px;border-radius:4px}
.lluvia .punto{width:10px;height:10px;border-radius:50%}
.lluvia .c-amb{background:var(--ambar-vivo)}
.lluvia .c-tur{background:var(--turquesa-vivo)}
.lluvia .c-fuc{background:var(--fucsia-vivo)}
.lluvia .c-ver{background:var(--verde)}
.lluvia .c-mor{background:var(--morado)}
@keyframes caer{
  from{transform:translateY(0) rotate(0deg)}
  to{transform:translateY(115vh) rotate(540deg)}
}
.cinta{
  background:var(--tinta);border-top:3px solid var(--ambar);border-bottom:3px solid var(--ambar);
  overflow:hidden;padding:.6rem 0;
}
.cinta .rueda{display:flex;width:max-content;animation:rodar 42s linear infinite}
.cinta ul{display:flex;list-style:none;align-items:center}
.cinta li{
  display:flex;align-items:center;gap:clamp(.9rem,2.5vw,1.4rem);
  padding:0 clamp(.45rem,1.4vw,.7rem);
  font-family:'Righteous',cursive,sans-serif;
  font-size:clamp(.82rem,2.2vw,1rem);letter-spacing:.09em;text-transform:uppercase;
  color:var(--crema);white-space:nowrap;
}
.cinta li::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--ambar-vivo);flex:none}
.cinta li:nth-child(3n+2){color:var(--ambar-vivo)}
.cinta li:nth-child(3n+2)::after{background:var(--turquesa-vivo)}
.cinta li:nth-child(3n+3)::after{background:var(--fucsia-vivo)}
@keyframes rodar{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
  .rv.in{opacity:1;transform:none}
  .rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
}
@media (scripting:none){
  .rv{opacity:1!important;transform:none!important}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .lluvia{display:none}
}
@media (max-width:520px){
  :root{--sombra:4px 4px 0 var(--tinta)}
  .card:hover,.big:hover,.btn:hover,.siguiente:hover{transform:none}
}
.hero.onda{border-bottom:0}
.hero .wave{position:absolute;left:0;right:0;bottom:-1px;z-index:3;pointer-events:none}
.display + .lede,.display + .sub,.display + .escucha{margin-top:clamp(.7rem,1.8vw,1rem)}
.hero.grande .display + .sub{margin-top:0}
.cinta{position:relative}
.quieto .cinta .rueda,.quieto .lluvia i,.quieto .hero.viva .foto img{animation-play-state:paused}
.cinta .pausa{
  position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:2;
  width:34px;height:34px;display:grid;place-items:center;
  background:var(--tinta);color:var(--crema);cursor:pointer;
  border:2px solid var(--ambar-vivo);border-radius:50%;
}
.cinta .pausa svg{width:16px;height:16px;fill:currentColor}
.cinta .pausa .play,.quieto .cinta .pausa .pausar{display:none}
.quieto .cinta .pausa .play{display:block}
.cinta .pausa:focus-visible{outline:3px solid var(--ambar-vivo);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.cinta .pausa{display:none}}
@media (max-width:559px){.cinta-carnaval .cuenta::before{content:none}}
@media (pointer:coarse){
  footer .barra a{position:relative}
  footer .barra a::after{content:'';position:absolute;inset:-10px 0}
}
@media (scripting:none){.burger{display:none}}
.inicio-27{display:grid;gap:clamp(1.6rem,4vw,3rem)}
.reloj-27{display:none}
@media (min-width:900px){
  .inicio-27{grid-template-columns:1.25fr 1fr;align-items:center}
  .reloj-27{display:block;justify-self:center;text-align:center;
    background:var(--crema);color:var(--tinta);
    border:2.5px solid var(--tinta);border-radius:24px;box-shadow:8px 8px 0 var(--tinta);
    padding:clamp(1.6rem,3vw,2.2rem) clamp(1.8rem,3.5vw,2.8rem);transform:rotate(-2deg)}
  .reloj-27:has(.cuenta:empty){display:none}
  .reloj-27 .rotulo{font-family:'Righteous',cursive,sans-serif;font-size:.85rem;
    letter-spacing:.2em;text-transform:uppercase;color:var(--fucsia)}
  .reloj-27 .cuenta{display:block;margin:.5rem 0 .4rem;
    font-family:'Righteous',cursive,sans-serif;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1}
  .reloj-27 .prox{display:block;font-size:.95rem;color:var(--tinta-suave)}
}