@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-s.woff2) format("woff2");font-weight:500 800;font-display:swap}
@font-face{font-family:"Figtree";src:url(/fonts/figtree-s.woff2) format("woff2");font-weight:400 800;font-display:swap}
:root{--t:#2b2119;--t2:#5c4d41;--p:#f8eddb;--p2:#f0dfc2;--b:#1e3a2f;--b2:#2f5846;--a:#c4512e;--a2:#b84a29;--sol:#f3b72f;--sal:#bccdaf;--ro:#f2c5b0;--mad:#c98b5a;--blanco:#fffaf0;
  --d:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;--f:"Figtree",system-ui,sans-serif;color-scheme:light;
  --pared:#f6e0a6;--toldo1:#c4512e;--toldo2:#fffaf0}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--p);color:var(--t)}
body{font:700 20px/1.25 var(--f);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%}
h1,h2,p{margin:0}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
svg{display:block}
[hidden]{display:none!important}

/* ---------- pantallas ---------- */
.pantalla{position:fixed;inset:0;display:none;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--p)}
.pantalla.activa{display:flex;animation:entra .3s ease}
@keyframes entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- botones ---------- */
.btn{min-height:64px;min-width:64px;border:3px solid var(--t);border-radius:20px;background:var(--blanco);box-shadow:0 5px 0 var(--t);font:800 26px/1 var(--d);letter-spacing:.01em;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .08s,box-shadow .08s,background-color .2s;position:relative}
.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--t)}
.btn.prim{background:var(--a);color:var(--blanco)}
.btn.suave{background:var(--p2)}
.btn.grande{min-height:84px;font-size:32px;border-radius:24px;padding:0 34px}
.btn.ico{padding:0;width:64px;height:64px;border-radius:18px;flex:none}
.btn.ico svg{width:38px;height:38px}
.btn:disabled{opacity:.45}
.btn:focus-visible,.voz:focus-visible{outline:4px dashed var(--sol);outline-offset:3px}
.voz{flex:none;width:64px;height:64px;border-radius:50%;border:3px solid var(--t);background:var(--sol) center/36px no-repeat;box-shadow:0 4px 0 var(--t);padding:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M6 15h7l9-7v24l-9-7H6z' fill='%23fffaf0' stroke='%232b2119' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M27 14q4 6 0 12M31 10q7 10 0 20' fill='none' stroke='%232b2119' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}
.voz:active{transform:translateY(3px);box-shadow:0 1px 0 var(--t)}
.voz.sonando{animation:latido .7s ease-in-out infinite}
body.sin-voz .voz{display:none}
@keyframes latido{50%{transform:scale(1.08)}}

/* ---------- barra superior ---------- */
.barra{display:flex;align-items:center;gap:14px;padding:12px 16px 10px;flex:none}
.barra .titulo-voz{flex:1;min-width:0}
.barra h2{font:800 clamp(24px,3.2vw,34px)/1.05 var(--d)}
.titulo-voz{display:flex;align-items:center;gap:14px}
.marcador{display:flex;align-items:center;gap:8px;background:var(--blanco);border:3px solid var(--t);border-radius:999px;height:64px;padding:0 18px 0 12px;font:800 30px/1 var(--d);flex:none}
.estrella{width:38px;height:38px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 3l5 10.5 11.5 1.5-8.4 8 2.1 11.5L20 29l-10.2 5.5L11.9 23 3.5 15 15 13.5z' fill='%23f3b72f' stroke='%232b2119' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E")}
.marcador.salta{animation:salta .5s ease}
@keyframes salta{40%{transform:scale(1.25)}}
.frasco-btn{background:var(--blanco) center/40px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='13' y='3' width='14' height='6' rx='2' fill='%23c98b5a' stroke='%232b2119' stroke-width='2.5'/%3E%3Cpath d='M12 9h16v3q5 3 5 9v12a4 4 0 0 1-4 4H11a4 4 0 0 1-4-4V21q0-6 5-9z' fill='%23dfece4' stroke='%232b2119' stroke-width='2.5' stroke-linejoin='round'/%3E%3Ccircle cx='15' cy='30' r='4' fill='%23f3b72f' stroke='%232b2119' stroke-width='2'/%3E%3Ccircle cx='24' cy='30' r='4' fill='%23f3b72f' stroke='%232b2119' stroke-width='2'/%3E%3Ccircle cx='20' cy='23' r='4' fill='%23f3b72f' stroke='%232b2119' stroke-width='2'/%3E%3C/svg%3E")}
.escalon{flex:1;display:flex;align-items:center;gap:14px;font:800 clamp(22px,2.6vw,30px)/1 var(--d);min-width:0}
.puntos{display:flex;gap:8px}
.puntos i{width:24px;height:24px;border-radius:50%;border:3px solid var(--t);background:var(--blanco)}
.puntos i.lleno{background:var(--sol)}
.puntos i.nuevo{animation:salta .5s ease}

/* ---------- inicio ---------- */
.esquina{position:absolute;top:calc(14px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:2}
.esquina .btn{font:700 20px/1 var(--f);min-height:64px;padding:0 20px}
.portada{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,70px);padding:80px 24px 0;text-align:left}
.logo-grande svg{width:clamp(180px,28vmin,300px);height:auto}
.marca{font:800 clamp(24px,3vw,32px)/1 var(--d);color:var(--a)}
.portada h1{font:800 clamp(56px,10vmin,110px)/.95 var(--d);letter-spacing:-.03em;margin:.12em 0 .08em}
.sub{font:800 clamp(20px,2.6vmin,26px)/1 var(--f);color:var(--t2);letter-spacing:.06em;margin-bottom:28px}
.jugar{min-height:100px;font-size:46px;padding:0 48px 0 40px;border-radius:30px;box-shadow:0 7px 0 var(--t)}
.tri{width:0;height:0;border-left:30px solid var(--blanco);border-top:19px solid transparent;border-bottom:19px solid transparent;filter:drop-shadow(0 0 0 var(--t))}
.calle{flex:none;height:clamp(110px,20vh,190px);display:flex;justify-content:center;align-items:flex-end;gap:2vw;border-bottom:clamp(26px,5vh,46px) solid var(--b2);position:relative}
.calle::after{content:"";position:absolute;left:0;right:0;bottom:0;border-top:3px solid var(--t)}
.calle>svg{height:100%;width:auto}
@media (orientation:portrait){.portada{flex-direction:column;text-align:center;gap:24px}.portada .logo-grande svg{width:min(46vw,300px)}}

/* ---------- nombre ---------- */
.nombre-caja{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px}
.nombre-caja h2{font:800 clamp(30px,4.5vmin,46px)/1 var(--d)}
.campo{min-width:min(560px,90vw);height:86px;border:3px solid var(--t);border-radius:22px;background:var(--blanco);font:800 54px/80px var(--d);text-align:center;letter-spacing:.04em;padding:0 20px}
.campo::after{content:"";display:inline-block;width:4px;height:52px;background:var(--a);vertical-align:-6px;margin-left:4px;animation:cursor 1s steps(1) infinite}
@keyframes cursor{50%{opacity:0}}
.teclado{display:flex;flex-direction:column;gap:8px;align-items:center}
.teclado .fila{display:flex;gap:8px;justify-content:center}
.tecla{width:clamp(56px,8.2vw,76px);height:68px;border:3px solid var(--t);border-radius:14px;background:var(--blanco);box-shadow:0 4px 0 var(--t);font:800 32px/1 var(--d);padding:0}
.tecla:active{transform:translateY(3px);box-shadow:0 1px 0 var(--t)}
.tecla.ancha{width:auto;padding:0 16px;font-size:22px;background:var(--p2)}
.fila-btn{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}

/* ---------- tiendas ---------- */
.tiendas{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,28px);padding:8px clamp(16px,3vw,40px) 24px;min-height:0;align-items:center}
@media (orientation:portrait){.tiendas{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}
.tienda{border:3px solid var(--t);border-radius:26px;background:var(--blanco);box-shadow:0 6px 0 var(--t);padding:14px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;max-height:440px;justify-content:center;min-height:0}
.tienda>svg{width:100%;height:auto;max-height:calc(100% - 50px);flex:1 1 auto;min-height:0}
.tienda b{font:800 clamp(26px,4vmin,40px)/1 var(--d);letter-spacing:.02em}
.tienda:active{transform:translateY(5px);box-shadow:0 1px 0 var(--t)}
.tienda.elegida{animation:elegida .8s ease;background:#fff3cf}
@keyframes elegida{20%{transform:scale(1.06) rotate(-1.5deg)}45%{transform:scale(1.04) rotate(1.5deg)}70%{transform:scale(1.05)}}

/* ---------- juego ---------- */
.mesa{flex:1;display:grid;gap:16px;padding:4px 16px 16px;min-height:0}
@media (orientation:landscape){.mesa{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
@media (orientation:portrait){.mesa{grid-template-rows:minmax(0,.82fr) minmax(0,1fr)}}
.escena{position:relative;container-type:size;border:3px solid var(--t);border-radius:24px;overflow:hidden;background:var(--pared);min-height:0}
.toldo{position:absolute;left:0;right:0;top:0;height:clamp(26px,7cqh,48px);border-bottom:3px solid var(--t);
  background:repeating-linear-gradient(90deg,var(--toldo1) 0 40px,var(--toldo2) 40px 80px)}
.toldo::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:12px;
  background:radial-gradient(circle at 20px 0,var(--toldo1) 0 17px,var(--t) 17px 20px,transparent 20.5px) 0 0/80px 12px repeat-x,
             radial-gradient(circle at 20px 0,var(--toldo2) 0 17px,var(--t) 17px 20px,transparent 20.5px) 40px 0/80px 12px repeat-x}
.estante{position:absolute;right:3%;width:44%;bottom:calc(16% + min(32cqh,27cqw) + 5cqh);height:12cqh;display:flex;justify-content:space-around;align-items:flex-end;border-bottom:8px solid var(--mad);opacity:.55}
.estante svg{height:100%;width:auto}
.mostrador{position:absolute;left:-3px;right:-3px;bottom:-3px;height:17%;background:var(--mad);border-top:3px solid var(--t)}
.mostrador::before{content:"";position:absolute;left:0;right:0;top:0;height:22%;background:#b07448;border-bottom:3px solid var(--t)}
.persona{position:absolute;left:2%;bottom:16%;height:min(46cqh,50cqw);aspect-ratio:200/220}
.persona svg{width:100%;height:100%}
.persona .boca{transform-box:fill-box;transform-origin:50% 0}
.persona.habla .boca{animation:boca .22s ease-in-out infinite alternate}
@keyframes boca{from{transform:scaleY(.35)}to{transform:scaleY(1.1)}}
.persona .ojos{transform-box:fill-box;transform-origin:center;animation:parpadeo 4.5s infinite}
@keyframes parpadeo{0%,92%,100%{transform:none}95%{transform:scaleY(.1)}}
.persona.entra{animation:entraP .5s ease}
@keyframes entraP{from{transform:translateY(30%)}to{transform:none}}
.bocadillo{position:absolute;left:3%;right:3%;top:calc(clamp(26px,7cqh,48px) + 4cqh);display:flex;align-items:center;gap:14px;background:var(--blanco);border:3px solid var(--t);border-radius:24px;padding:12px 18px 12px 12px;box-shadow:0 5px 0 rgba(43,33,25,.18);max-height:40cqh}
.bocadillo::after{content:"";position:absolute;left:min(14cqw,90px);bottom:-22px;width:30px;height:24px;background:var(--blanco);border:3px solid var(--t);border-top:0;clip-path:polygon(0 0,100% 0,8% 100%);border-left:3px solid var(--t)}
.bocadillo::before{content:"";position:absolute;left:min(14cqw,90px);bottom:-22px;width:30px;height:25px;background:var(--t);clip-path:polygon(0 0,100% 0,8% 100%);transform:translate(-3px,3px)}
.bocadillo p{font:800 clamp(24px,min(6.2cqw,8cqh),48px)/1.12 var(--d);letter-spacing:.01em}
.bocadillo p span{display:block}
.bocadillo.pop{animation:pop .35s ease}
@keyframes pop{from{transform:scale(.92);opacity:.3}to{transform:none;opacity:1}}
.productos{position:absolute;right:3%;left:44%;bottom:16.5%;height:min(32cqh,27cqw);display:flex;justify-content:flex-end;align-items:flex-end;gap:3cqw}
.prod{position:relative;height:100%;aspect-ratio:1/1.05;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.prod svg{width:100%;flex:1;min-height:0}
.prod.nuevo{animation:pop .45s ease}
.etiqueta{position:absolute;right:-8%;top:-4%;background:var(--blanco);border:3px solid var(--t);border-radius:12px;padding:4px 10px;font:800 clamp(22px,min(4.4cqw,6cqh),40px)/1 var(--d);transform:rotate(6deg);white-space:nowrap;box-shadow:0 3px 0 var(--t)}
.prod.billete-cli{aspect-ratio:1.75/1;height:62%}
.prod.billete-cli svg{width:100%}

/* zona derecha */
.zona{display:flex;flex-direction:column;gap:12px;min-height:0}
.consigna{display:flex;align-items:center;gap:12px;min-height:72px;flex:none}
.consigna p{font:800 clamp(26px,3.6vmin,34px)/1.1 var(--d)}
.consigna .c-ico{width:56px;height:56px;flex:none}
.consigna .c-ico:empty{display:none}
.consigna.aviso-pista p{color:var(--a)}
.consigna.pop{animation:pop .35s ease}
.panel{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}
#p-preg{justify-content:center;gap:20px}
.bandeja,.monedero{position:relative;flex:1;min-height:150px;border:3px solid var(--t);border-radius:22px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px;padding:34px 12px 12px}
.bandeja{background:var(--blanco);border-style:dashed;border-width:4px}
.bandeja.llena{border-style:solid}
.monedero{background:var(--b2)}
.monedero .etq{background:var(--sal)}
.etq{position:absolute;left:14px;top:-3px;transform:translateY(-50%);background:var(--sol);border:3px solid var(--t);border-radius:999px;padding:4px 14px;font:800 18px/1 var(--d);letter-spacing:.04em;pointer-events:none;white-space:nowrap}
.panel .btn.grande{flex:none;align-self:stretch}
.din{border:0;background:none;padding:0;width:84px;height:84px;touch-action:none;position:relative;transition:filter .2s;flex:none;border-radius:50%}
.din.billete{width:148px;border-radius:12px}
.din svg{width:100%;height:100%;filter:drop-shadow(0 4px 0 rgba(43,33,25,.35));pointer-events:none}
.din.arrastra{z-index:20;transition:none;filter:drop-shadow(0 10px 8px rgba(0,0,0,.25))}
.din.brilla{animation:brilla 1s ease-in-out infinite}
.din.brilla::after{content:"";position:absolute;inset:-7px;border-radius:inherit;border:5px solid var(--sol);box-shadow:0 0 18px 6px rgba(243,183,47,.85)}
@keyframes brilla{50%{transform:translateY(-6px) scale(1.06)}}
.din.fijo{pointer-events:none}
.din:focus-visible{outline:4px dashed var(--sol);outline-offset:3px}
.bandeja.encima,.monedero.encima{box-shadow:inset 0 0 0 6px var(--sol)}

/* preguntas */
.apoyo{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;min-height:0}
.apoyo:empty{display:none}
.apoyo .grupo{display:flex;align-items:center;gap:10px;background:var(--blanco);border:3px solid var(--t);border-radius:18px;padding:8px 14px;font:800 32px/1 var(--d)}
.apoyo .grupo svg{height:64px;width:auto}
.apoyo .op-signo{font:800 56px/1 var(--d)}
.opciones{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;flex:none}
.opciones.dos{grid-template-columns:repeat(2,1fr)}
.op{min-height:clamp(130px,21vh,200px);border-radius:26px;font-size:clamp(50px,7vmin,68px);flex-direction:column;gap:8px;padding:10px}
.op small{font:800 24px/1.1 var(--d);letter-spacing:.02em}
.op svg{width:min(150px,90%);height:auto;max-height:80px}
.op.razon{min-height:150px;font-size:24px}
.op.mal{background:#e7ddd0;opacity:.5;animation:no .4s ease}
.op.bien{background:var(--sal);animation:salta .5s ease}
.op.guia{animation:brilla 1s ease-in-out infinite;box-shadow:0 5px 0 var(--t),0 0 0 6px var(--sol),0 0 24px 8px rgba(243,183,47,.7)}
@keyframes no{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.pista{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0}
.pista:empty{display:none}
.fila-m{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}
.fila-m b{font:800 22px/1 var(--d);margin-right:8px;min-width:96px;text-align:right}
.m1{width:40px;height:40px;border-radius:50%;border:3px solid var(--t);background:var(--sol);position:relative}
.m1.tachada{background:#ddd3c4}
.m1.tachada::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:4px;background:var(--a);transform:rotate(-35deg)}
.m1.luz{animation:brilla 1s ease-in-out infinite;box-shadow:0 0 12px 4px rgba(243,183,47,.9)}
.m1.hueco{background:transparent;border-style:dashed}
.m1.hueco.luz{background:rgba(243,183,47,.25)}

/* ---------- frasco ---------- */
.frasco-sitio{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,70px);padding:8px 24px 24px;min-height:0}
.frasco{height:100%;max-height:560px;aspect-ratio:300/380;min-height:0}
.frasco svg{width:100%;height:100%}
.frasco .cae{animation:cae .6s cubic-bezier(.5,0,.75,0) both;transform-box:fill-box}
@keyframes cae{from{transform:translateY(-420px)}to{transform:none}}
.frasco-texto{display:flex;flex-direction:column;gap:14px;max-width:440px}
.frasco-texto p{font:800 clamp(30px,4vmin,44px)/1.1 var(--d)}
.frasco-texto .pequeno{font:700 clamp(20px,2.6vmin,26px)/1.25 var(--f);color:var(--t2)}
@media (orientation:portrait){.frasco-sitio{flex-direction:column;text-align:center}.frasco{height:auto;width:min(70vw,420px);max-height:60vh}.frasco-texto{align-items:center}}

/* ---------- festejo ---------- */
.festejo{position:fixed;inset:0;z-index:40;background:rgba(43,33,25,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.festejo-caja{background:var(--p);border:3px solid var(--t);border-radius:30px;box-shadow:0 8px 0 var(--t);padding:28px 34px 34px;text-align:center;max-width:680px;display:flex;flex-direction:column;align-items:center;gap:14px;animation:pop .45s ease}
.festejo-estrella{width:130px;height:130px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 3l5 10.5 11.5 1.5-8.4 8 2.1 11.5L20 29l-10.2 5.5L11.9 23 3.5 15 15 13.5z' fill='%23f3b72f' stroke='%232b2119' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");animation:gira 1.4s ease}
@keyframes gira{from{transform:rotate(-200deg) scale(.2)}to{transform:none}}
.festejo h2{font:800 clamp(34px,5vmin,52px)/1.05 var(--d)}
.festejo p{font:800 clamp(24px,3vmin,30px)/1.2 var(--d);color:var(--b2)}
.mini-frasco{width:40px;height:40px;background:inherit}
#b-festejo-frasco .mini-frasco{background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='13' y='3' width='14' height='6' rx='2' fill='%23c98b5a' stroke='%232b2119' stroke-width='2.5'/%3E%3Cpath d='M12 9h16v3q5 3 5 9v12a4 4 0 0 1-4 4H11a4 4 0 0 1-4-4V21q0-6 5-9z' fill='%23dfece4' stroke='%232b2119' stroke-width='2.5' stroke-linejoin='round'/%3E%3Ccircle cx='15' cy='30' r='4' fill='%23f3b72f' stroke='%232b2119' stroke-width='2'/%3E%3Ccircle cx='24' cy='30' r='4' fill='%23f3b72f' stroke='%232b2119' stroke-width='2'/%3E%3C/svg%3E")}

/* ---------- aviso, estrella volando, confeti ---------- */
.aviso{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%) scale(.6);z-index:35;background:var(--sol);border:3px solid var(--t);border-radius:26px;box-shadow:0 6px 0 var(--t);padding:18px 34px;font:800 clamp(40px,7vmin,70px)/1 var(--d);opacity:0;pointer-events:none;transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1);white-space:nowrap}
.aviso.ver{opacity:1;transform:translate(-50%,-50%) scale(1)}
.vuela{position:fixed;z-index:36;width:70px;height:70px;pointer-events:none}
#confeti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}

/* ---------- padres (adultos: texto normal) ---------- */
#s-padres{-webkit-user-select:text;user-select:text}
.adulto-t{font:800 32px/1 var(--d)}
.puerta{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:12px}
.puerta .pq{font:600 22px/1.3 var(--f);color:var(--t2)}
.puerta .cuenta{font:800 46px/1 var(--d)}
.respuesta{min-width:200px;height:78px;border:3px solid var(--t);border-radius:18px;background:var(--blanco);font:800 48px/72px var(--d);text-align:center}
.teclado.num .fila{gap:10px}
.teclado.num .tecla{width:84px;height:68px}
.adultos{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:4px 24px 40px;font:500 19px/1.5 var(--f)}
.adultos .col{max-width:980px;margin:0 auto;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.tarj{background:var(--blanco);border:3px solid var(--t);border-radius:22px;padding:18px 22px}
.tarj h3{font:800 24px/1.15 var(--d);margin:0 0 10px}
.tarj ol,.tarj ul{margin:0;padding-left:1.3em}
.tarj li{margin:.25em 0}
.tarj p{margin:.4em 0}
.tarj .btn{font:700 19px/1 var(--f);min-height:56px;padding:0 16px}
.ajuste{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:.5em 0}
.ajuste .btn.on{background:var(--sal)}
.esc-b{width:64px}
.esc-b.on{background:var(--sol)!important}
.nota{font-size:16px;color:var(--t2)}

.esquina{display:flex;gap:12px}
.btn.completa{font:700 18px/1.1 var(--f);min-height:64px;padding:0 18px;text-decoration:none;color:var(--t)}
@media (max-width:700px){.btn.completa{font-size:15px;padding:0 12px}}