/* =========================================================
   La Sandwichoneria · Caso de branding · "Capas & Colores"
   Cada sección es un bloque con comentario de inicio.
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--font-texto);font-size:17px;line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%}
img{height:auto}
button{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:3px solid var(--foco);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.saltar{position:absolute;left:12px;top:-60px;z-index:90;background:var(--tinta);color:var(--fondo);padding:10px 14px;border-radius:10px;font-weight:700}
.saltar:focus{top:12px}
section[id]{scroll-margin-top:72px}

/* Lenis 1.3.11 */
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel]{overscroll-behavior:contain}
.lenis.lenis-smooth{scroll-behavior:auto!important}

/* ---------- piezas comunes ---------- */
.ceja{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-suave);display:flex;align-items:center;gap:10px}
.ceja::before{content:"";width:28px;height:9px;flex:none;background:linear-gradient(90deg,var(--chipotle) 0 33.3%,var(--queso) 0 66.6%,var(--nuez) 0);border:var(--trazo-fino) solid var(--linea);border-radius:3px}
.ceja b{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:14px;letter-spacing:0;color:var(--tinta)}
.titulo{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(40px,7.2vw,104px);line-height:.95;letter-spacing:-.025em;margin:0 0 20px;max-width:15ch;text-wrap:balance}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--tinta-suave);max-width:58ch;margin:0 0 8px}
.nota{color:var(--tinta-suave);font-size:14px;max-width:60ch;margin:14px 0}
.mini{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave);margin:0 0 10px}
.subt{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(28px,4vw,48px);margin:0 0 18px}
.firma{font-family:var(--font-firma);font-weight:400;color:var(--chipotle-texto);letter-spacing:0;font-size:1.08em;padding:0 .08em}
.calca{border:var(--trazo) solid var(--linea);border-radius:var(--r-md);box-shadow:0 0 0 var(--borde-corte) var(--blanco-corte),var(--sombra-calca);background:var(--fondo-elevado);overflow:hidden}
[data-theme="plancha"] .calca{box-shadow:var(--sombra-calca)}
.lmask{padding:.12em .1em .18em;margin:-.12em -.1em -.18em}

/* Botón: calcomanía con sombra dura */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border:var(--trazo) solid var(--tinta);border-radius:var(--r-pill);background:var(--cta);color:var(--cta-ink);font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:19px;line-height:1;text-decoration:none;box-shadow:4px 4px 0 var(--tinta);position:relative;isolation:isolate;overflow:hidden;transition:transform var(--t-hover) var(--ease-pop),box-shadow var(--t-hover) var(--ease);cursor:pointer;-webkit-tap-highlight-color:transparent}
[data-theme="plancha"] .btn{border-color:var(--fondo-hundido);box-shadow:4px 4px 0 var(--linea)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--chipotle) 0 33.4%,var(--queso) 0 66.7%,var(--nuez) 0);transform:translateY(101%);transition:transform .5s var(--ease)}
.btn::after{content:"→";font-size:1.05em;transition:transform var(--t-hover) var(--ease-pop)}
@media (hover:hover) and (pointer:fine){
  .btn:hover{transform:translate(-2px,-3px) rotate(-1.5deg);box-shadow:6px 7px 0 var(--tinta)}
  .btn:hover::before{transform:translateY(0)}
  .btn:hover::after{transform:translateX(4px)}
}
.btn:active{transform:translate(3px,3px) scale(.97,.93);box-shadow:0 0 0 var(--tinta);transition-duration:.08s}
.btn--mini{min-height:44px;padding:8px 16px;font-size:15px;box-shadow:3px 3px 0 var(--tinta)}
.btn--mini::after{content:none}
.btn--grande{min-height:64px;font-size:clamp(19px,2vw,24px);padding:16px 34px}
.enlace{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;padding:12px 4px;display:inline-flex;align-items:center;min-height:44px}
.enlace:hover{color:var(--chipotle-texto)}

/* Descarga */
.dl{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 14px;border:var(--trazo-fino) solid var(--linea);border-radius:var(--r-pill);background:var(--fondo-elevado);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color var(--t-hover) var(--ease),transform var(--t-hover) var(--ease-pop)}
.dl::before{content:"";width:15px;height:15px;flex:none;background:currentColor;-webkit-mask:var(--ic-dl) center/contain no-repeat;mask:var(--ic-dl) center/contain no-repeat}
.dl:hover{background:var(--queso);color:var(--tinta);transform:translateY(-2px)}
.dl--zip{background:var(--tinta);color:var(--fondo);border-color:var(--tinta)}
[data-theme="plancha"] .dl--zip{background:var(--queso);color:var(--tinta);border-color:var(--queso)}
:root{--ic-dl:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 4v11M7 10l5 5 5-5M5 20h14"/></svg>')}
.dl-fila{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dl-fila--centro{justify-content:center;margin-top:34px}

/* Plancha tricolor (cierre de secciones) */
.plancha{position:absolute;left:0;right:0;bottom:0;height:16px;display:flex;border-top:var(--trazo) solid var(--tinta)}
.plancha i{flex:1;transform-origin:0 50%}
.plancha i:nth-child(1){background:var(--chipotle)}.plancha i:nth-child(2){background:var(--queso)}.plancha i:nth-child(3){background:var(--nuez)}

/* ===================== CORTINA ===================== */
.cortina{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;pointer-events:none}
.cortina i{flex:1;transform-origin:50% 100%}
.cortina i:nth-child(1){background:var(--chipotle)}.cortina i:nth-child(2){background:var(--queso)}.cortina i:nth-child(3){background:var(--nuez)}
@media (min-width:900px){.cortina{flex-direction:row}}
.no-js .cortina,.cortina.fuera{display:none}
.js .cortina{animation:rescate .3s 5.5s forwards}
@keyframes rescate{to{opacity:0;visibility:hidden}}

/* ===================== NAV ===================== */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:10px var(--gutter);background:color-mix(in srgb,var(--fondo) 90%,transparent);backdrop-filter:saturate(1.2) blur(8px);-webkit-backdrop-filter:saturate(1.2) blur(8px);border-bottom:var(--trazo-fino) solid var(--linea-suave)}
.nav__marca{display:flex;align-items:center;gap:10px;text-decoration:none;min-height:44px;margin-right:auto}
.nav__marca img{height:28px;width:auto}
.nav__marca span{display:flex;flex-direction:column;line-height:1.1}
.nav__marca b{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:16px}
.nav__marca small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave);font-weight:600}
.nav__links{display:none;gap:4px}
.nav__links a{text-decoration:none;font-weight:600;font-size:15px;padding:10px 12px;border-radius:var(--r-pill);transition:background-color .2s}
.nav__links a:hover{background:var(--fondo-hundido)}
.nav__menu{width:46px;height:46px;border:var(--trazo-fino) solid var(--linea);border-radius:50%;background:var(--fondo-elevado);display:grid;place-content:center;gap:6px;cursor:pointer}
.nav__menu span{display:block;width:18px;height:2.5px;background:var(--tinta);border-radius:2px;transition:transform .35s var(--ease-pop)}
.nav__menu[aria-expanded="true"] span:nth-child(1){transform:translateY(4.25px) rotate(45deg)}
.nav__menu[aria-expanded="true"] span:nth-child(2){transform:translateY(-4.25px) rotate(-45deg)}
.nav__cta{display:none}
@media (min-width:1080px){.nav__links{display:flex}.nav__menu{display:none}.nav__cta{display:inline-flex}}

.menu{position:fixed;inset:0;z-index:45;padding:96px var(--gutter) 40px;display:flex;flex-direction:column;gap:28px;overflow:auto}
.menu[hidden]{display:none}
.menu__bandas{position:absolute;inset:0;z-index:-1;display:flex;flex-direction:column}
.menu__bandas i{flex:1}
.menu__bandas i:nth-child(1){background:var(--chipotle)}.menu__bandas i:nth-child(2){background:var(--queso)}.menu__bandas i:nth-child(3){background:var(--nuez)}
.menu__links{display:flex;flex-direction:column}
.menu__links a{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(30px,8.5vw,48px);line-height:1.12;text-decoration:none;padding:2px 0}
.menu .btn{align-self:flex-start}

/* ===================== PORTADA ===================== */
.hero{position:relative;display:grid;gap:clamp(8px,2vw,24px);padding:14px var(--gutter) 64px;align-content:start}
.hero__art{position:relative;width:100%;max-width:400px;aspect-ratio:1.32;margin:0 auto}
.hero__logo{position:absolute;left:3%;top:2%;width:52%;color:var(--tinta);z-index:2}
.logo{width:100%;height:auto;overflow:visible}
.lg-row,.lg-c,.iso path{transform-box:fill-box;transform-origin:50% 100%}
.hero__foto{position:absolute;right:4%;top:5%;width:30%;aspect-ratio:3/4;margin:0;rotate:7deg;z-index:1}
.hero__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.hero__chispa{position:absolute;left:4%;bottom:5%;width:22%;aspect-ratio:1;z-index:3;rotate:-12deg;filter:drop-shadow(0 4px 8px rgba(11,11,11,.18))}
.hero__chispa svg{width:100%;height:100%}
.hero__chispa span{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-family:var(--font-firma);font-size:clamp(14px,3.6vw,24px);line-height:.85;padding-top:4%}
.hero__personaje{position:absolute;right:-2%;bottom:-2%;width:54%;z-index:4}
.hero__char{width:100%;height:auto;filter:drop-shadow(0 8px 12px rgba(11,11,11,.14))}
.chispitas{position:absolute;width:14%;right:4%;top:-10%;rotate:18deg}
.hero__copy{max-width:660px}
.hero__title{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(40px,11.2vw,108px);line-height:.94;letter-spacing:-.025em;margin:0 0 16px}
.hero__title .firma{font-size:1.12em;line-height:.8}
.hero__sub{font-size:clamp(16px,1.5vw,20px);color:var(--tinta-suave);margin:0 0 22px;max-width:46ch}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
@media (min-width:900px){
  .hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;padding:24px var(--gutter) 84px;min-height:calc(100svh - 68px);max-width:calc(var(--maxw) + 2*var(--gutter));margin:0 auto}
  .hero__copy{order:-1}
  .hero__art{max-width:none;aspect-ratio:1.04}
  .hero__personaje{width:60%}.hero__foto{width:36%;top:8%}.hero__logo{width:58%}.hero__chispa{width:19%;bottom:14%}
  .hero>.plancha{left:calc(50% - 50vw);right:calc(50% - 50vw)}
}

/* ===================== CINTA ===================== */
.cinta{background:var(--tinta);color:var(--fondo);overflow:hidden;padding:14px 0;border-bottom:var(--trazo) solid var(--tinta)}
.cinta__pista{display:flex;align-items:center;gap:22px;width:max-content;will-change:transform}
.cinta span{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(22px,3vw,34px);white-space:nowrap;text-transform:uppercase}
.cinta svg{width:30px;height:30px;flex:none}
.no-js .cinta__pista,.cinta--css .cinta__pista{animation:cinta 28s linear infinite}
@keyframes cinta{to{transform:translateX(-50%)}}

/* ===================== SECCIONES ===================== */
.sec{position:relative;padding:var(--section-y) var(--gutter)}
.sec>*{max-width:var(--maxw);margin-left:auto;margin-right:auto}
.sec>.plancha{max-width:none}
.sec__head{margin-bottom:clamp(32px,5vw,64px)}
.sec--hundido{background:var(--fondo-hundido)}

/* ---------- 01 reto: antes y después ---------- */
.compara{max-width:880px}
.compara__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.compara__tabs button{min-height:44px;padding:8px 18px;border:var(--trazo-fino) solid var(--linea);border-radius:var(--r-pill);background:var(--fondo-elevado);font-weight:700;font-size:15px;cursor:pointer;transition:background-color .2s,transform .3s var(--ease-pop)}
.compara__tabs button[aria-selected="true"]{background:var(--tinta);color:var(--fondo);transform:rotate(-2deg)}
.compara__marco{position:relative;aspect-ratio:1;max-height:76svh;margin:0 auto;--x:50%;touch-action:pan-y;user-select:none;-webkit-user-select:none}
@media (min-width:700px){.compara__marco{aspect-ratio:4/3}}
.compara__lado{position:absolute;inset:0;display:grid;place-items:center}
.compara__antes{background:#1b1b1b}
.compara__despues{background:var(--fondo);clip-path:inset(0 0 0 var(--x))}
.compara__lado img{width:100%;height:100%;object-fit:contain;padding:6%}
.compara__antes img{padding:0;object-fit:cover}
.compara__tag{position:absolute;top:14px;left:14px;background:var(--tinta);color:var(--fondo);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:var(--r-pill);border:var(--trazo-fino) solid var(--fondo)}
.compara__tag--d{left:auto;right:14px;background:var(--queso);color:var(--tinta);border-color:var(--tinta)}
.compara__linea{position:absolute;top:0;bottom:0;left:var(--x);width:0;border-left:var(--trazo) solid var(--tinta);pointer-events:none}
.compara__linea span{position:absolute;top:50%;left:50%;translate:-50% -50%;width:52px;height:52px;border-radius:50%;background:var(--queso);border:var(--trazo) solid var(--tinta);display:grid;place-items:center;box-shadow:3px 3px 0 var(--tinta)}
.compara__linea svg{width:24px;fill:none;stroke:var(--tinta);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.compara__rango{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.compara__rango:focus-visible+*{outline:none}
.compara__marco:has(.compara__rango:focus-visible){outline:3px solid var(--foco);outline-offset:6px}
.compara__nota{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(20px,2.4vw,28px);margin:22px 0 0;max-width:30ch}

/* ---------- 02 estrategia ---------- */
.estr{display:grid;gap:clamp(24px,4vw,56px)}
@media (min-width:960px){.estr{grid-template-columns:1.1fr 1fr;align-items:start}}
.estr__arq{padding:clamp(20px,3vw,36px)}
.arq-barra{display:flex;height:64px;border:var(--trazo) solid var(--linea);border-radius:14px;overflow:hidden;margin-bottom:18px}
.arq-barra i{display:block;transform-origin:0 50%}
.arq-barra__bufon{flex:70;background:var(--chipotle);border-right:var(--trazo) solid var(--linea)}
.arq-barra__cuidador{flex:30;background:var(--nuez)}
.arq-txt{display:grid;gap:16px}
@media (min-width:600px){.arq-txt{grid-template-columns:7fr 3fr}}
.arq-txt b{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:24px;display:block}
.arq-txt em{font-style:normal;font-family:var(--font-texto);font-size:14px;color:var(--tinta-suave)}
.arq-txt p{margin:4px 0 0;font-size:15px;color:var(--tinta-suave)}
.arq-res{margin:22px 0 0;padding-top:16px;border-top:var(--trazo-fino) dashed var(--linea-suave);font-weight:700}
.arq-res .firma{font-size:1.6em}
.plat{margin:0 0 28px;display:grid;gap:18px}
.plat div{border-left:6px solid var(--chipotle);padding-left:16px}
.plat div:nth-child(2){border-color:var(--queso)}.plat div:nth-child(3){border-color:var(--nuez)}
.plat dt{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave)}
.plat dd{margin:2px 0 0;font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(22px,2.4vw,30px);line-height:1.1}
.rasgos{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:10px}
.rasgos li{background:var(--c);border:var(--trazo) solid var(--linea);border-radius:var(--r-pill);padding:8px 18px;font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:18px;box-shadow:0 0 0 5px var(--blanco-corte),var(--sombra-calca)}
.rasgos li:nth-child(odd){rotate:-3deg}.rasgos li:nth-child(even){rotate:2deg}
.voz p{margin:0 0 8px;font-size:18px}
.voz b{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-pill);margin-right:8px;vertical-align:2px}
.voz__si b{background:var(--nuez)}.voz__no b{background:var(--tinta);color:var(--fondo)}
.voz__no{text-decoration:line-through;text-decoration-color:var(--chipotle);text-decoration-thickness:3px;color:var(--tinta-suave)}
.voz__no b{text-decoration:none}

/* ---------- 03 logo ---------- */
.logo-build{display:grid;gap:clamp(28px,4vw,48px)}
.logo-build__lienzo{position:relative;padding:clamp(28px,6vw,80px) clamp(20px,6vw,80px);background:var(--fondo-elevado);display:grid;gap:28px;align-items:center;background-image:linear-gradient(var(--linea-suave) 1px,transparent 1px),linear-gradient(90deg,var(--linea-suave) 1px,transparent 1px);background-size:40px 40px}
.logo-build__lienzo .logo{max-width:560px;margin:0 auto;color:var(--tinta)}
.guia{position:absolute;left:0;right:0;border-top:1.5px dashed color-mix(in srgb,var(--chipotle-texto) 55%,transparent);pointer-events:none;transform-origin:0 50%}
.guia--1{top:31%}.guia--2{top:50%}.guia--3{top:69%}
.logo-build__notas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}
.logo-build__notas li{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;background:var(--fondo-elevado);padding:4px 10px;border-radius:var(--r-pill);border:var(--trazo-fino) solid var(--linea)}
.logo-build__notas i{width:14px;height:14px;border-radius:50%;background:var(--c);border:var(--trazo-fino) solid var(--linea)}
@media (min-width:900px){.logo-build__lienzo{grid-template-columns:1fr auto}.logo-build__notas{flex-direction:column}}
.versiones{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:22px}
.ver-logo{margin:0;border:var(--trazo) solid var(--linea);border-radius:var(--r-md);overflow:hidden;background:var(--fondo-elevado)}
.ver-logo__pv{aspect-ratio:1.35;display:grid;place-items:center;padding:16px;border-bottom:var(--trazo) solid var(--linea)}
.ver-logo__pv img{max-height:100%;width:auto;object-fit:contain}
.ver-logo__pv--papel{background:var(--nuez)}.ver-logo__pv--plancha{background:var(--queso)}.ver-logo__pv--nin{background:var(--fondo)}
.ver-logo__pv--nin img{height:78%}
.ver-logo figcaption{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:14px 16px}
.ver-logo figcaption b{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:20px}
.ver-logo figcaption span{grid-column:1;font-size:13px;color:var(--tinta-suave)}
.ver-logo figcaption .dl{grid-row:1/3;grid-column:2}

/* ---------- 04 color ---------- */
.color{display:grid;gap:clamp(28px,4vw,56px)}
@media (min-width:1000px){.color{grid-template-columns:1.25fr 1fr;align-items:start}}
.capas{list-style:none;margin:0;padding:0;border:var(--trazo) solid var(--linea);border-radius:var(--r-md);overflow:hidden;box-shadow:0 0 0 var(--borde-corte) var(--blanco-corte),var(--sombra-calca)}
.capas li{background:var(--c);border-top:var(--trazo) solid var(--linea)}
.capas li:first-child{border-top:0}
.capas button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:1fr auto;grid-template-areas:"n h" "r r";gap:2px 12px;padding:16px clamp(16px,3vw,28px);min-height:76px;color:var(--tinta);transition:padding .35s var(--ease-pop)}
.capas button:focus-visible{outline:3px solid var(--foco);outline-offset:-6px}
@media (hover:hover) and (pointer:fine){.capas button:hover{padding-left:clamp(26px,4vw,40px)}}
.capas b{grid-area:n;font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(22px,2.6vw,32px);line-height:1.1}
.capas span{grid-area:r;font-size:14px;line-height:1.35}
.capas code{grid-area:h;align-self:center;font:700 13px/1 var(--font-texto);letter-spacing:.08em;background:rgba(255,255,255,.55);border:var(--trazo-fino) solid var(--linea);border-radius:var(--r-pill);padding:6px 10px}
.capas .capa--tinta button{color:var(--fondo)}
.capas .capa--tinta code{background:transparent;border-color:var(--fondo)}
.proporcion{display:flex;height:84px;padding:0;margin-bottom:24px}
.proporcion i{width:var(--w);display:flex;align-items:flex-end;padding:10px;font-style:normal;font-size:12px;font-weight:700;border-right:var(--trazo) solid var(--linea);transform-origin:0 50%}
.proporcion i:last-child{border-right:0}
.p-crema{background:var(--fondo)}.p-foto{background:repeating-linear-gradient(-45deg,var(--fondo-hundido) 0 8px,var(--linea-suave) 8px 10px)}
.p-sabor{background:linear-gradient(180deg,var(--chipotle) 0 33.3%,var(--queso) 0 66.6%,var(--nuez) 0)}
.reglas p{margin:0 0 12px;font-size:16px}
.modos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.modo{border:var(--trazo) solid var(--tinta);border-radius:var(--r-md);padding:18px;min-height:120px;display:flex;flex-direction:column;justify-content:flex-end}
.modo b{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:26px}
.modo span{font-size:13px}
.modo--papel{background:var(--fondo)}
.modo--plancha{background:var(--tinta);color:var(--fondo)}

/* ---------- 05 letras ---------- */
.letras{display:grid;gap:18px}
@media (min-width:900px){.letras{grid-template-columns:1.2fr 1fr}.letra--display{grid-column:1/-1}}
.letra{border:var(--trazo) solid var(--linea);border-radius:var(--r-md);padding:22px clamp(18px,3vw,36px);background:var(--fondo-elevado);overflow:hidden}
.letra small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave);margin-bottom:12px}
.letra p{margin:0}
.cartel{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;text-transform:uppercase;font-size:clamp(46px,10.5vw,150px);line-height:.88;letter-spacing:-.02em;display:flex;flex-direction:column;color:var(--chipotle-texto)}
.cartel span{white-space:nowrap}
.cartel--hueca{color:transparent;-webkit-text-stroke:2px var(--chipotle-texto)}
.letra--firma{background:var(--queso)}
.letra--firma small{color:var(--tinta)}
.firma-xl{font-family:var(--font-firma);font-size:clamp(46px,7vw,92px);line-height:1;padding:.05em 0 .14em}
.letra--texto p{max-width:60ch;font-size:18px}
.etiqueta{margin:16px 0!important;font-size:13px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;display:inline-block;border:var(--trazo-fino) solid var(--linea);border-radius:var(--r-pill);padding:8px 14px}
.letra--texto .dl{margin-top:6px}

/* ---------- 06 sabores: tarjetas que se apilan ---------- */
.sabores{display:grid;gap:22px}
.sabor{position:relative;display:grid;gap:12px;align-items:center;background:var(--ss);border:var(--trazo) solid var(--linea);border-radius:var(--r-lg);padding:clamp(22px,4vw,48px);overflow:hidden;box-shadow:0 0 0 var(--borde-corte) var(--blanco-corte),var(--sombra-calca);min-height:min(78svh,620px)}
.sabor::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;background:var(--s);border-bottom:var(--trazo) solid var(--linea)}
.sabor__letra{position:absolute;right:-.06em;bottom:-.24em;font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(220px,40vw,560px);line-height:1;color:var(--s);opacity:.55;pointer-events:none}
.sabor__sticker{position:relative;width:min(72%,300px);height:auto;margin:10px auto 0;filter:drop-shadow(0 8px 14px rgba(11,11,11,.2))}
.sabor__txt{position:relative}
.sabor h3{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;text-transform:uppercase;font-size:clamp(44px,7vw,96px);line-height:.9;margin:4px 0 12px;letter-spacing:-.02em}
.sabor__frase{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(20px,2.2vw,28px);line-height:1.15;margin:0 0 10px}
.sabor p{max-width:44ch}
.hex{display:inline-block;margin-top:8px;font-size:13px;font-weight:700;letter-spacing:.08em;border:var(--trazo-fino) solid var(--linea);border-radius:var(--r-pill);padding:6px 12px;background:var(--fondo-elevado)}
@media (min-width:900px){
  .sabor{grid-template-columns:.9fr 1.1fr;position:sticky;top:96px}
  .sabor:nth-child(2){top:116px}.sabor:nth-child(3){top:136px}
  .sabor__sticker{margin:0;width:100%;max-width:380px}
}

/* ---------- 07 personaje y stickers ---------- */
.pers{display:grid;gap:clamp(20px,4vw,56px);align-items:center;margin-bottom:clamp(40px,6vw,80px)}
@media (min-width:900px){.pers{grid-template-columns:1fr 1fr}}
.pers__fig{position:relative}
.pers__img{width:100%;max-width:560px;margin:0 auto;height:auto;filter:drop-shadow(0 12px 18px rgba(11,11,11,.16))}
.pers__reglas{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pers__reglas li{font-size:13px;font-weight:700;border:var(--trazo-fino) solid var(--linea);border-radius:var(--r-pill);padding:6px 12px;background:var(--fondo-elevado)}
.stickers__tabs{display:flex;flex-wrap:wrap;gap:8px}
.stickers__tabs button{min-height:46px;padding:8px 20px;border:var(--trazo) solid var(--linea);border-radius:var(--r-pill);background:var(--fondo-elevado);font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:17px;cursor:pointer;transition:transform .3s var(--ease-pop)}
.stickers__tabs button[aria-selected="true"]{background:var(--queso);box-shadow:3px 3px 0 var(--linea);transform:rotate(-2deg)}
.muro{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,2vw,24px)}
@media (min-width:640px){.muro{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.muro{grid-template-columns:repeat(5,1fr)}}
.muro[hidden]{display:none}
.muro li{rotate:var(--r,0deg)}
.muro li:nth-child(4n+1){--r:-3deg}.muro li:nth-child(4n+2){--r:2deg}.muro li:nth-child(4n+3){--r:-1deg}.muro li:nth-child(4n){--r:3deg}
.muro a{display:block;border-radius:24px;transition:transform .35s var(--ease-pop)}
.muro img{width:100%;height:auto;filter:drop-shadow(0 6px 10px rgba(11,11,11,.18))}
@media (hover:hover) and (pointer:fine){.muro a:hover{transform:scale(1.07) rotate(-3deg)}}
.muro a:active{transform:scale(.94)}

/* ---------- 08 elementos ---------- */
.elems{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px}
.elem{border:var(--trazo) solid var(--linea);border-radius:var(--r-md);background:var(--fondo-elevado);overflow:hidden;display:flex;flex-direction:column}
.elem__pv{aspect-ratio:1.5;display:grid;place-items:center;background:var(--fondo-hundido);border-bottom:var(--trazo) solid var(--linea);overflow:hidden;padding:18px}
.elem__txt{padding:16px 18px 8px;flex:1}
.elem h3{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:24px;line-height:1.1;margin:0 0 6px}
.elem p{margin:0;font-size:15px;color:var(--tinta-suave)}
.elem__acc{display:flex;gap:8px;padding:8px 18px 18px}
.ver{background:none;border:var(--trazo-fino) solid var(--linea);border-radius:var(--r-pill);padding:6px 16px;min-height:40px;font-size:13px;font-weight:700;cursor:pointer}
.ver:hover{background:var(--chipotle)}
.d-plancha{display:flex;width:86%;height:56%;border:var(--trazo) solid var(--linea);border-radius:10px;overflow:hidden}
.d-plancha i{flex:1;transform-origin:50% 100%}
.d-plancha i:nth-child(1){background:var(--chipotle)}.d-plancha i:nth-child(2){background:var(--queso);border-inline:var(--trazo) solid var(--linea)}.d-plancha i:nth-child(3){background:var(--nuez)}
.d-corte{width:58%;height:86%;display:flex;flex-direction:column;border:var(--trazo) solid var(--linea);border-radius:14px 14px 6px 6px;overflow:hidden}
.d-corte i{flex:1;transform-origin:50% 100%}
.d-corte i:nth-child(1){background:var(--tinta);flex:.9}
.d-corte i:nth-child(even){background:var(--chipotle)}
.d-corte i:nth-child(odd):not(:first-child){background:#F3E8D4}
.d-chispa{width:50%;height:auto;filter:drop-shadow(0 4px 8px rgba(11,11,11,.18))}
.d-nin{height:86%;display:grid;place-items:center}
.d-nin .iso{height:100%;width:auto;overflow:visible}
.d-mantel{width:100%;height:100%;border-radius:10px;border:var(--trazo) solid var(--linea);background:conic-gradient(var(--tinta) 25%,var(--fondo) 0 50%,var(--tinta) 0 75%,var(--fondo) 0) 0 0/40px 40px}
.d-chispitas{width:40%;height:auto;overflow:visible}
.d-chispitas line{transform-box:fill-box;transform-origin:50% 100%}

/* ---------- 09 aplicaciones (modo Plancha) ---------- */
.sec--plancha{background:var(--fondo);color:var(--tinta);padding-bottom:calc(var(--section-y) + 16px)}
.sec--plancha .firma{color:var(--queso)}
.riel{display:flex;gap:clamp(14px,2vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 26px;max-width:none!important;margin-inline:calc(var(--gutter)*-1)!important;padding-inline:var(--gutter);scrollbar-width:thin;scrollbar-color:var(--queso) transparent;cursor:grab}
.riel:active{cursor:grabbing}
.riel__item{flex:none;width:min(62vw,300px);margin:0;scroll-snap-align:start}
.riel__item img{width:100%;height:auto;border-radius:18px;border:var(--trazo) solid var(--linea);background:#222;pointer-events:none}
.riel__item figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 2px 0;font-weight:700;font-size:15px}
.riel__item--alto{width:min(52vw,260px)}
.empaque{margin-top:clamp(48px,7vw,96px)}
.empaque__grid{display:grid;gap:22px;align-items:center}
@media (min-width:900px){.empaque__grid{grid-template-columns:1fr 1fr;grid-template-areas:"a b" "a c"}.e1{grid-area:a}.e2{grid-area:b}.e3{grid-area:c}}
.empaque__item{margin:0}
.empaque__item img{width:100%;height:auto;border-radius:12px;box-shadow:0 0 0 6px var(--fondo-elevado),0 14px 30px rgba(0,0,0,.45)}
.e1 img{rotate:-2deg}.e2 img{rotate:1.5deg}.e3 img{rotate:-1deg}
.empaque__item figcaption{font-size:13px;color:var(--tinta-suave);margin-top:14px;font-weight:600}
.redes{margin-top:clamp(48px,7vw,96px)}
.redes__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,2vw,22px);align-items:start}
@media (min-width:900px){.redes__grid{grid-template-columns:repeat(5,1fr)}}
.redes__grid img{width:100%;height:auto;border-radius:16px;border:var(--trazo) solid var(--linea)}
.redes__grid img:nth-child(even){margin-top:40px}
@media (max-width:899px){.redes__grid img:nth-child(5){display:none}}

/* ---------- 10 en la calle ---------- */
.calle{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,3vw,34px);padding-bottom:20px}
@media (min-width:900px){.calle{grid-template-columns:repeat(3,1fr)}}
.polaroid{margin:0;background:var(--fondo-elevado);padding:10px 10px 34px;border:var(--trazo) solid var(--linea);border-radius:14px;box-shadow:var(--sombra-calca);rotate:var(--r)}
.polaroid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px}
.polaroid:nth-child(even){margin-top:36px}
.calle__sticker{position:absolute;width:clamp(110px,18vw,220px);right:-2%;top:-70px;rotate:10deg;filter:drop-shadow(0 8px 14px rgba(11,11,11,.22));z-index:2}

/* ---------- 11 motion ---------- */
.videos{display:grid;gap:22px;grid-template-columns:repeat(2,1fr);align-items:start}
.vid{margin:0}
.vid--ancho{grid-column:1/-1}
@media (min-width:1000px){.videos{grid-template-columns:2.2fr 1fr 1fr}.vid--ancho{grid-column:1/-1}.vid--cuadro{grid-column:auto}}
.vid__marco{background:var(--fondo)}
.vid video{width:100%;height:auto;background:var(--fondo)}
.vid--ancho video{aspect-ratio:16/9}.vid--alto video{aspect-ratio:9/16}.vid--cuadro video{aspect-ratio:1}
.vid figcaption{display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:center;padding:14px 4px 0}
.vid figcaption b{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:19px;line-height:1.15}
.vid figcaption span{grid-column:1;font-size:13px;color:var(--tinta-suave)}
.vid figcaption .dl{grid-row:1/3;grid-column:2}

/* ---------- 12 descargas ---------- */
.kit{display:grid;gap:22px}
@media (min-width:900px){.kit{grid-template-columns:1fr 1.2fr;align-items:start}}
.kit__grande{display:grid;text-decoration:none;transition:transform var(--t-hover) var(--ease-pop)}
@media (hover:hover) and (pointer:fine){.kit__grande:hover{transform:rotate(-1deg) translateY(-4px)}}
.kit__capas{display:flex;flex-direction:column;height:200px;border-bottom:var(--trazo) solid var(--linea)}
.kit__capas i{flex:1;transform-origin:50% 100%}
.kit__capas i:nth-child(1){background:var(--tinta)}.kit__capas i:nth-child(2){background:var(--chipotle)}.kit__capas i:nth-child(3){background:var(--fondo-hundido)}.kit__capas i:nth-child(4){background:var(--queso)}.kit__capas i:nth-child(5){background:var(--nuez)}
.kit__txt{display:flex;flex-direction:column;gap:6px;padding:22px 24px 26px}
.kit__txt b{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(32px,4vw,48px);line-height:1}
.kit__txt span{color:var(--tinta-suave);font-size:15px}
.kit__txt em{font-style:normal;align-self:flex-start;margin-top:8px;background:var(--tinta);color:var(--fondo);font-weight:700;font-size:14px;padding:10px 18px;border-radius:var(--r-pill);display:inline-flex;gap:8px;align-items:center}
.kit__txt em::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--ic-dl) center/contain no-repeat;mask:var(--ic-dl) center/contain no-repeat}
.kit__lista{list-style:none;margin:0;padding:0;border-top:var(--trazo) solid var(--linea)}
.kit__lista a{display:grid;grid-template-columns:1fr auto;gap:0 12px;align-items:center;padding:16px 4px;border-bottom:var(--trazo-fino) solid var(--linea-suave);text-decoration:none;min-height:64px;transition:padding .3s var(--ease-pop),background-color .2s}
.kit__lista a::after{content:"";width:38px;height:38px;border:var(--trazo-fino) solid var(--linea);border-radius:50%;grid-row:1/3;grid-column:2;background:var(--fondo-elevado) var(--ic-dl);background:var(--fondo-elevado);-webkit-mask:none;position:relative}
.kit__lista a{position:relative}
.kit__lista a::before{content:"";position:absolute;right:15px;top:50%;width:16px;height:16px;translate:0 -50%;background:var(--tinta);-webkit-mask:var(--ic-dl) center/contain no-repeat;mask:var(--ic-dl) center/contain no-repeat;z-index:1}
.kit__lista b{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:22px}
.kit__lista span{grid-column:1;font-size:13px;color:var(--tinta-suave)}
@media (hover:hover) and (pointer:fine){.kit__lista a:hover{padding-left:16px;background:var(--queso-suave)}}

/* ---------- 13 cierre ---------- */
.cierre{position:relative;padding:var(--section-y) var(--gutter);overflow:hidden}
.cierre__mantel{position:absolute;inset:0;background:conic-gradient(var(--tinta) 25%,var(--fondo) 0 50%,var(--tinta) 0 75%,var(--fondo) 0) 0 0/64px 64px}
.cierre__caja{position:relative;max-width:900px;margin:0 auto;padding:clamp(28px,6vw,72px);text-align:center;display:flex;flex-direction:column;align-items:center}
.cierre__caja .ceja{justify-content:center}
.cierre__pers{width:clamp(120px,22vw,200px);height:auto;margin:-10px auto 4px;filter:drop-shadow(0 8px 14px rgba(11,11,11,.2))}
.cierre__titulo{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(40px,7vw,96px);line-height:.95;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}
.cierre .lead{margin:0 auto 28px}
.cierre__falta{margin:20px 0 0;background:#FFE500;color:#0B0B0B;font-weight:700;font-size:13px;padding:6px 12px;border-radius:6px}
.cierre__falta[hidden]{display:none}

/* ===================== PIE ===================== */
.pie{position:relative;background:var(--fondo-hundido);padding:clamp(56px,8vw,96px) var(--gutter) calc(clamp(56px,8vw,96px) + 16px);display:grid;gap:28px;align-items:end}
@media (min-width:900px){.pie{grid-template-columns:minmax(0,520px) 1fr;padding-inline:max(var(--gutter),calc(50% - var(--maxw)/2))}}
.pie__logo{max-width:420px;color:var(--tinta)}
.pie__txt p{margin:0 0 6px}
.pie__mini{font-size:13px;color:var(--tinta-suave)}

/* Barra fija en celular */
.barra-cel{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:40;display:flex;transform:translateY(160%);transition:transform .45s var(--ease-pop)}
.barra-cel .btn{flex:1}
.barra-cel.on{transform:none}
@media (min-width:1080px){.barra-cel{display:none}}

.toast{position:fixed;left:50%;bottom:90px;translate:-50% 0;z-index:90;background:var(--tinta);color:var(--fondo);border-radius:var(--r-pill);padding:10px 18px;font-weight:700;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s,translate .35s var(--ease-pop)}
.toast.on{opacity:1;translate:-50% -6px}

/* ===================== MENOS MOVIMIENTO ===================== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .cortina{display:none}
  .cinta__pista{animation:none!important}
}

/* rejillas: que ninguna imagen ensanche su columna */
.empaque__grid,.estr,.color,.kit,.pers,.letras,.logo-build{grid-template-columns:minmax(0,1fr)}
.empaque__item,.estr>*,.color>*,.kit>*{min-width:0}
@media (min-width:900px){.empaque__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pers{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kit{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.letras{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.logo-build__lienzo{grid-template-columns:minmax(0,1fr) auto}}
@media (min-width:960px){.estr{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
@media (min-width:1000px){.color{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
.calle,.redes__grid,.muro,.videos{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.muro{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.calle{grid-template-columns:repeat(3,minmax(0,1fr))}.redes__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1000px){.muro{grid-template-columns:repeat(5,minmax(0,1fr))}.videos{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr)}}
.polaroid,.vid,.muro li{min-width:0}
.compara__rango{opacity:.001}
@media (max-width:999px){
  .vid figcaption{grid-template-columns:1fr;gap:4px}
  .vid figcaption .dl{grid-row:auto;grid-column:1;justify-self:start;margin-top:6px}
  .vid figcaption b{font-size:17px}
}

/* ----- 11 Motion: presentación del logo con jingle ----- */
.estreno{display:grid;gap:22px;margin-bottom:clamp(34px,5vw,56px);align-items:center}
@media (min-width:1000px){.estreno{grid-template-columns:minmax(0,2.2fr) minmax(0,1.1fr);gap:44px}}
.estreno__vid{position:relative;min-width:0}
.estreno__vid video{width:100%;height:auto;aspect-ratio:16/9;display:block;background:var(--fondo)}
.estreno__sonido{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px 8px 12px;border:var(--trazo-fino) solid var(--tinta);border-radius:var(--r-pill);background:var(--queso);color:var(--tinta);font:700 14px/1 var(--font-texto);cursor:pointer;box-shadow:3px 3px 0 var(--tinta);transition:transform var(--t-hover) var(--ease-pop),box-shadow var(--t-hover) var(--ease)}
.estreno__sonido:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--tinta)}
.estreno__sonido:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tinta)}
.estreno__sonido:focus-visible{outline:3px solid var(--tinta);outline-offset:3px}
.estreno__sonido .on{display:none}
.estreno__sonido[aria-pressed="true"]{background:var(--chipotle)}
.estreno__sonido[aria-pressed="true"] .on{display:inline}
.estreno__sonido[aria-pressed="true"] .off{display:none}
.estreno__txt{min-width:0}
.estreno__titulo{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:900;font-size:clamp(26px,3vw,38px);line-height:1.05;letter-spacing:-.015em;margin:10px 0 14px}
.estreno__txt p:not(.ceja){color:var(--tinta-suave);max-width:46ch}
.estreno__txt i{font-family:var(--font-firma);font-style:normal;font-size:1.25em;color:var(--chipotle-texto)}
@media (max-width:520px){.estreno__sonido{left:10px;bottom:10px;font-size:13px}}
.riel__item--feed{width:min(72vw,360px)}
/* Stickers redondos de empaque */
.redondos{margin-top:clamp(40px,6vw,72px)}
.redondos .mini{margin-top:22px}
.redondos__grid{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:700px){.redondos__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1100px){.redondos__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.redondos__grid--mini{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:700px){.redondos__grid--mini{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1100px){.redondos__grid--mini{grid-template-columns:repeat(8,minmax(0,1fr))}}
.redondos__grid a{display:grid;gap:8px;text-decoration:none;justify-items:center;text-align:center}
.redondos__grid img{width:100%;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.4));transition:transform .4s var(--ease-pop)}
.redondos__grid a:hover img{transform:rotate(-6deg) scale(1.05)}
.redondos__grid span{font-size:12px;color:var(--tinta-suave);line-height:1.3}
.redondos__grid b{display:block;color:var(--tinta);font-size:14px}