/* Segunda reunión: encima de app.css. */
:root{--nav:66px}
@media (max-width:720px){:root{--nav:58px}}

/* Entrada sin cortinas */
.carga-logo{position:absolute}
.carga-rojo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}

/* Barra blanca */
#cabeza,#cabeza.solida{mix-blend-mode:normal;background:#ffffffeb;backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);color:#21130c;height:var(--nav);padding-block:0;box-shadow:0 1px 0 #21130c12}
#cabeza .logo img{width:auto;height:clamp(32px,4.6vh,40px)}
#cabeza nav a{font-size:.9rem}
#cabeza .btn-bolsa{color:#21130c;border-color:#21130c33}
#cabeza .btn-bolsa b{background:var(--rojo);color:#fff}
#dial{display:none!important}
#progreso{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--rojo);transform:scaleX(0);transform-origin:left;pointer-events:none}
@media (max-width:980px){#cabeza nav{display:none}}

/* Portada */
#portada{position:relative;height:100svh;min-height:540px;padding-top:var(--nav);display:block;background:#fff;overflow:hidden}
.sl-marco{position:relative;width:100%;height:100%;overflow:hidden;background:#150b07;will-change:transform}
.sl{position:absolute;inset:0;opacity:0;visibility:hidden;overflow:hidden;background:#150b07}
.sl.on{opacity:1;visibility:visible}
.s-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.s-fondo{display:none}
.s-velo{position:absolute;inset:0;background:linear-gradient(180deg,#0e0705b8 0,#0e070566 26%,#0e070500 52%,#0e070500 78%,#0e070566 100%);pointer-events:none}
.s-txt{position:absolute;left:0;right:0;top:clamp(26px,6.4vh,70px);text-align:center;color:#fff;padding:0 clamp(16px,6vw,90px);z-index:2}
.s-sup{font-size:clamp(.82rem,1.2vw,1rem);letter-spacing:.02em;opacity:.95}
.s-tit{font-size:clamp(36px,6.2vw,96px);font-weight:300;line-height:1.02;margin:.14em 0 .18em;font-variation-settings:"SOFT" 100,"WONK" 1;letter-spacing:-.015em;text-wrap:balance}
.s-baj{font-size:clamp(.95rem,1.45vw,1.2rem);max-width:46ch;margin:0 auto;text-wrap:balance}
.s-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:clamp(14px,2.2vh,22px);padding:0 26px;border:1.5px solid currentColor;border-radius:99px;color:inherit;text-decoration:none;font-weight:500;font-size:.95rem;transition:background .35s var(--ease),color .35s var(--ease)}
.s-btn:hover{background:#fff;color:#21130c}

/* Composiciones */
.sl-app{background:radial-gradient(120% 120% at 50% 100%,#8c0c26,#bb1032 62%)}.sl-app .s-velo{display:none}
.s-tels{position:absolute;left:0;right:0;bottom:-16%;display:flex;justify-content:center;align-items:flex-end;gap:clamp(10px,3vw,46px)}
.s-tel{width:clamp(120px,19vw,250px);border-radius:clamp(18px,2.4vw,34px);overflow:hidden;background:#100806;padding:clamp(4px,.5vw,7px);box-shadow:0 30px 70px #2a040f8c}
.s-tel img{width:100%;display:block;border-radius:clamp(14px,2vw,28px)}
.s-tel.cen{width:clamp(138px,22vw,290px);transform:translateY(-7%)}
.sl-club{background:radial-gradient(90% 90% at 50% 70%,#3a1208,#120a07 75%)}.sl-club .s-velo{display:none}
.s-tjs{position:absolute;left:50%;bottom:7%;width:min(62vw,620px);aspect-ratio:1.56;transform:translateX(-50%)}
.s-tjs img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 40px #0009)}
.s-tjs img:nth-child(1){transform:translateX(-30%) rotate(-15deg) scale(.82)}.s-tjs img:nth-child(2){transform:translateX(-15%) rotate(-7deg) scale(.9)}.s-tjs img:nth-child(4){transform:translateX(15%) rotate(7deg) scale(.9)}.s-tjs img:nth-child(5){transform:translateX(30%) rotate(15deg) scale(.82)}.s-tjs img:nth-child(3){z-index:2;transform:scale(.98)}
.s-tjs img:nth-child(5),.s-tjs img:nth-child(4){z-index:1}
.sl-redes{background:#fff6ee}.sl-redes .s-velo{display:none}.sl-redes .s-txt{color:#21130c}.sl-redes .s-btn:hover{background:#21130c;color:#fff}
.s-ree{position:absolute;left:0;right:0;bottom:-9%;display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,1.6vw,22px)}
.s-ree img{width:clamp(96px,14.5vw,210px);aspect-ratio:9/16;object-fit:cover;border-radius:clamp(12px,1.5vw,20px);box-shadow:0 18px 44px #3a241833}
.s-ree img:nth-child(2n){transform:translateY(-8%)}.s-ree img:nth-child(3){transform:translateY(-14%)}

/* En pantalla vertical la foto horizontal se ve completa; atrás, la misma foto difuminada llena el marco */
@media (max-aspect-ratio:1/1){
  .sl-foto .s-fondo{display:block;position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(26px) brightness(.62) saturate(1.2)}
  .sl-foto .s-img{top:auto;bottom:11%;height:auto;aspect-ratio:3/2;object-fit:cover;box-shadow:0 18px 40px #0007}
  .s-velo{background:linear-gradient(180deg,#0e070599,#0e070500 58%)}
  .s-tit{font-size:clamp(34px,10.4vw,72px)}
  .s-tels{bottom:-5%}.s-tel{width:29vw;border-radius:18px}.s-tel.cen{width:34vw}
  .s-tjs{width:88vw;bottom:13%}
  .s-ree{bottom:-3%}.s-ree img{width:27vw}.s-ree img:nth-child(1),.s-ree img:nth-child(5){display:none}
}
.sl-fl{position:absolute;top:calc(50% + var(--nav)/2);transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;color:#fff;border:1px solid #ffffff3d;transition:background .35s var(--ease)}
.sl-fl:hover{background:#ffffff4d}.sl-fl svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sl-fl.izq{left:clamp(10px,2vw,28px)}.sl-fl.der{right:clamp(10px,2vw,28px)}
@media (max-width:640px){.sl-fl{display:none}}
.sl-bar{position:absolute;left:50%;bottom:clamp(14px,3vh,28px);transform:translateX(-50%);z-index:5;display:flex;gap:7px;padding:4px 8px;border-radius:99px}
.sl-bar button{position:relative;width:clamp(18px,3.4vw,38px);height:24px;background:none;padding:0}
.sl-bar button::before,.sl-bar i{content:"";position:absolute;left:0;right:0;top:11px;height:3px;border-radius:2px}
.sl-bar button::before{background:#ffffff66;box-shadow:0 0 0 .5px #0002}.sl-bar i{display:block;background:#fff;transform:scaleX(0);transform-origin:left}
body:has(.sl-redes.on) .sl-bar button::before{background:#21130c33}body:has(.sl-redes.on) .sl-bar i{background:var(--rojo)}
body:has(.sl-redes.on) .sl-fl{color:#21130c;background:#21130c12;border-color:#21130c22}

/* Marquesina */
#marq{position:relative;z-index:2;background:var(--rojo);color:#fff;overflow:hidden;padding:clamp(14px,2.4vh,26px) 0;will-change:transform}
.mq{display:flex;width:max-content;white-space:nowrap;font:italic 300 clamp(28px,5vw,74px)/1.16 var(--dis);will-change:transform}
.mq span{padding-right:.2em}.mq.inv{font-size:clamp(17px,2.4vw,34px);font-style:normal;opacity:.82;margin-top:.15em}

/* Cifras */
#cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,20px);padding:clamp(48px,9vh,110px) var(--g);background:#fff6ee;color:#3a2418}
.cif{text-align:left;background:#fff;border-radius:22px;padding:clamp(16px,2.4vw,34px);box-shadow:0 8px 28px #4f1c0814;display:flex;flex-direction:column;gap:6px;min-width:0;transition:box-shadow .4s var(--ease)}
.cif:hover{box-shadow:0 16px 40px #4f1c0824}
.cif b{font:300 clamp(34px,5.4vw,84px)/1 var(--dis);color:var(--rojo);font-variant-numeric:tabular-nums;white-space:nowrap}
.cif span{font-size:clamp(.82rem,1.1vw,1rem);opacity:.8}
@media (max-width:760px){#cifras{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Generador */
#queque{background:#fff;color:#21130c;padding:clamp(40px,7vh,84px) 0 clamp(36px,6vh,70px);position:relative;overflow:hidden}
#queque::before{content:"";position:absolute;inset:0 0 auto;height:560px;background:radial-gradient(60% 70% at 50% 0,#fff 30%,#fff3e9 70%,#fff0);pointer-events:none}
.q-cab{position:relative;text-align:center;padding:0 var(--g)}
.q-lustre{display:block;width:min(100%,920px);margin:0 auto;overflow:visible}
#qLT{font:italic 500 124px var(--dis);fill:#bb1032;stroke:#bb1032;stroke-width:2.4;stroke-linejoin:round;stroke-dasharray:900;font-variation-settings:"SOFT" 100,"WONK" 1}
.q-sub{font-size:clamp(1rem,1.9vw,1.5rem);max-width:34em;margin:-.1em auto 0;color:#55433a;text-wrap:balance}
.q-app{position:relative;display:grid;grid-template-columns:136px minmax(0,1fr) 322px;grid-template-rows:minmax(0,1fr) auto;gap:14px;padding:clamp(18px,3vh,30px) var(--g) 0;height:min(84vh,780px);min-height:560px}
.q-pasos{grid-row:1/3;display:flex;flex-direction:column;gap:3px;overflow:auto;scrollbar-width:none}
.q-pasos::-webkit-scrollbar{display:none}
.q-pasos button{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 11px;border-radius:13px;background:none;color:#55433a;font-size:.9rem;text-align:left;transition:background .3s,color .3s;position:relative;flex:none}
.q-pasos button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.q-pasos button:hover{background:#f7f1ec}.q-pasos button.on{background:var(--rojo);color:#fff}
.q-pasos button.lleno:not(.on)::after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--rojo)}
.q-esc{position:relative;min-width:0;min-height:0;border-radius:24px;overflow:hidden;background:#2a060e;box-shadow:0 24px 60px #4f1c0830}
#qLienzo{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}
#qLienzo:active{cursor:grabbing}
.q-ayuda{position:absolute;left:50%;top:12px;transform:translateX(-50%);padding:7px 14px;border-radius:99px;background:#0000006b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.8rem;white-space:nowrap;pointer-events:none;transition:opacity .5s}
.q-ayuda.fuera{opacity:0}
.q-hist{position:absolute;bottom:12px;right:12px;display:flex;gap:7px}
.q-hist button{width:44px;height:44px;border-radius:50%;background:#ffffffe6;color:#21130c;display:grid;place-items:center;transition:opacity .3s,background .3s}
.q-hist button:disabled{opacity:.42}.q-hist svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.q-ops{min-height:0;overflow:auto;padding:4px 4px 4px 2px;display:flex;flex-direction:column;scrollbar-width:thin}
.q-ops h3{font:400 clamp(26px,2.6vw,34px)/1.1 var(--dis);color:#21130c}
.q-sub2{font-size:.88rem;color:#826f64;margin:2px 0 11px}.q-seg{margin-top:14px;margin-bottom:7px}
.q-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.q-op{display:flex;align-items:center;gap:11px;min-height:52px;padding:7px 11px;border-radius:14px;background:#fff;text-align:left;box-shadow:inset 0 0 0 1px #3a24181c;transition:box-shadow .3s,background .3s,transform .3s var(--ease)}
.q-op:hover:not(:disabled){box-shadow:inset 0 0 0 1px #bb103266}
.q-op.on{box-shadow:inset 0 0 0 2px var(--rojo);background:#fff5f6}
.q-op:disabled{opacity:.48;cursor:not-allowed}
.q-op i{width:30px;height:30px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #0000001f}
.q-op em{width:30px;height:30px;border-radius:50%;background:#f7f1ec;color:var(--rojo);font:600 .95rem/30px var(--cuerpo,inherit);text-align:center;flex:none;font-style:normal}
.q-op span{min-width:0}.q-op b{display:block;font-weight:500;font-size:.93rem;line-height:1.2;color:#21130c}.q-op small{display:block;font-size:.76rem;color:#826f64;margin-top:1px}
.q-chips{display:flex;flex-wrap:wrap;gap:6px}.q-chip{min-height:38px;padding:0 13px;border-radius:99px;box-shadow:inset 0 0 0 1px #3a241826;font-size:.86rem;color:#21130c;transition:background .3s,color .3s}.q-chip.on{background:var(--rojo);color:#fff;box-shadow:none}
.q-quita{align-self:flex-start;min-height:40px;margin-top:8px;padding:0 13px;color:var(--rojo);font-size:.86rem;background:none;border-radius:10px}
.q-quita:hover{background:#bb10320f}
.q-nav{display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.q-nav button{min-height:42px;padding:0 15px;border-radius:99px;font-size:.88rem;color:#21130c;box-shadow:inset 0 0 0 1px #3a241826;background:#fff}
.q-txt{display:block;position:relative}.q-txt span{display:block;font-size:.8rem;color:#826f64;margin-bottom:4px}.q-txt input{width:100%;height:50px;padding:0 54px 0 14px;border-radius:13px;border:1px solid #3a241829;background:#fdf8f2;font:inherit;color:#21130c;outline:0;transition:border-color .3s,box-shadow .3s}.q-txt input:focus{border-color:var(--rojo);box-shadow:0 0 0 3px #bb103222}.q-txt small{position:absolute;right:12px;bottom:15px;font-size:.72rem;color:#826f64}
.q-txtb{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}
.q-pie{grid-column:2/4;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 2px 2px}
.q-pre small{display:block;font-size:.76rem;color:#826f64}.q-pre b{font:400 clamp(24px,2.6vw,34px)/1.1 var(--dis);color:#21130c;font-variant-numeric:tabular-nums}
.q-pedir{min-height:52px;padding:0 28px;font-size:1rem}
.q-nota{font-size:.78rem;color:#826f64;text-align:center;padding:14px var(--g) 0}
@media (max-width:900px){
  .q-app{display:flex;flex-direction:column;height:auto;min-height:0;gap:10px}
  .q-esc{order:1;height:clamp(290px,46svh,460px);flex:none;position:sticky;top:6px;z-index:4}
  .q-pasos{order:2;flex-direction:row;overflow-x:auto;padding-bottom:2px;margin-inline:calc(var(--g)*-1);padding-inline:var(--g)}
  .q-pasos button{padding:0 13px;background:#f7f1ec}.q-pasos button.lleno:not(.on)::after{right:5px;top:9px;margin:0}
  .q-ops{order:3;overflow:visible}.q-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .q-pie{order:4;position:sticky;bottom:0;background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-inline:calc(var(--g)*-1);padding:10px var(--g);z-index:3;box-shadow:0 -1px 0 #21130c12}
  .q-pedir{padding:0 16px;font-size:.92rem;white-space:nowrap}
  .q-hist{bottom:8px;right:8px}
}
@media (max-width:360px){.q-op{padding:6px 8px;gap:8px}.q-op i,.q-op em{width:24px;height:24px;line-height:24px}.q-op b{font-size:.84rem}.q-pre b{font-size:22px}}

/* Pago */
#qPago{position:fixed;inset:0;z-index:150;background:#120a07a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;place-items:center;padding:clamp(10px,2.6vw,28px);overflow:auto;overscroll-behavior:contain}
.qp-caja{position:relative;width:min(960px,100%);background:#fff;color:#21130c;border-radius:24px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);overflow:hidden}
.qp-x{position:absolute;right:10px;top:10px;width:44px;height:44px;border-radius:50%;background:#f7f1ec;display:grid;place-items:center;z-index:2}.qp-x svg{width:18px;height:18px;fill:none;stroke:#21130c;stroke-width:1.8;stroke-linecap:round}
.qp-izq{background:#fbf7f2;padding:clamp(14px,2vw,22px);display:flex;flex-direction:column;gap:8px}
.qp-izq img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;background:#2a060e}
.qp-izq h3{font:400 24px/1.15 var(--dis)}.qp-izq ul{list-style:none;padding:0;font-size:.86rem;color:#55433a;display:grid;gap:3px}
.qp-tot{margin-top:auto;padding-top:8px}.qp-tot small{display:block;font-size:.76rem;color:#826f64}.qp-tot b{font:400 28px/1.1 var(--dis);font-variant-numeric:tabular-nums}
.qp-der{padding:clamp(16px,2.4vw,26px);display:flex;flex-direction:column;min-width:0}
.qp-der h2{font:400 clamp(24px,3vw,32px)/1.12 var(--dis);padding-right:44px}
.qp-et{font-size:.8rem;color:#826f64;margin:12px 0 5px}
.qp-suc{background:#fbf7f2;border-radius:12px;padding:9px 12px;font-size:.9rem}.qp-suc b{font-weight:500;display:block}.qp-suc small{color:#826f64}
.qc-cab{display:flex;align-items:center;justify-content:space-between}.qc-cab b{font-weight:500;font-size:.92rem;text-transform:capitalize}.qc-cab button{width:40px;height:40px;border-radius:50%;font-size:1.3rem;color:#21130c}.qc-cab button:disabled{opacity:.3}
.qc-sem,.qc-dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.qc-sem i{font-style:normal;font-size:.72rem;color:#826f64;padding:2px 0}
.qc-dias button{height:36px;border-radius:50%;font-size:.86rem;color:#21130c;transition:background .25s,color .25s}.qc-dias button:disabled{color:#c9bdb4}.qc-dias button:hover:not(:disabled){background:#f7f1ec}.qc-dias button.on{background:var(--rojo);color:#fff}
.qp-horas{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:5px}.qp-horas button{min-height:38px;border-radius:10px;font-size:.8rem;box-shadow:inset 0 0 0 1px #3a24181f;color:#21130c;transition:background .25s,color .25s}.qp-horas button.on{background:var(--rojo);color:#fff;box-shadow:none}
.qp-c{display:block;margin-top:10px}.qp-c span{display:block;font-size:.8rem;color:#826f64;margin-bottom:4px}.qp-c input{width:100%;height:46px;padding:0 13px;border-radius:12px;border:1px solid #3a241829;background:#fdf8f2;font:inherit;color:#21130c;outline:0}.qp-c input:focus{border-color:var(--rojo);box-shadow:0 0 0 3px #bb103222}
.qp-err{font-size:.78rem;color:var(--rojo);min-height:0;margin-top:3px}.qp-err:empty{display:none}
.qp-pago{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#f7f1ec;border-radius:13px;padding:3px}.qp-pago button{position:relative;z-index:1;min-height:40px;font-size:.88rem;color:#55433a;transition:color .3s}.qp-pago button.on{color:#fff}.qp-pago i{position:absolute;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);background:var(--rojo);border-radius:10px;transition:transform .42s var(--ease)}.qp-pago.der i{transform:translateX(100%)}
.qp-ok{min-height:50px;margin-top:14px;font-size:1rem}
.qp-der .q-nota{padding:8px 0 0}
.qp-fin{grid-column:1/-1;padding:clamp(34px,6vw,64px) clamp(18px,5vw,50px);text-align:center;display:grid;justify-items:center;gap:10px}.qp-fin svg{width:60px;height:60px;fill:none;stroke:var(--rojo);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.qp-fin h2{font:400 clamp(26px,4vw,40px)/1.1 var(--dis)}.qp-fin .cta{min-width:150px;margin-top:8px}
@media (max-width:760px){#qPago{place-items:start center}.qp-caja{grid-template-columns:minmax(0,1fr)}.qp-izq img{aspect-ratio:16/9}}

/* Un día */
#dia{position:relative;height:calc(100svh + 460vw);background:#1a0f18}
.dia-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;color:#fff6ee;background:#1a0f18;transition:color .6s}
.dia-pin.claro{color:#2a1208}
.dia-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:calc(var(--nav) + 6px) var(--g) clamp(10px,2vh,22px)}
.dia-cab h2{font-size:clamp(30px,5vw,76px);font-weight:300;line-height:1}.dia-cab em{color:inherit}
.dia-sol{width:clamp(96px,14vw,200px);flex:none}.dia-sol svg{display:block;width:100%;overflow:visible}
.dia-riel{display:flex;gap:clamp(14px,2.4vw,36px);width:max-content;padding:0 var(--g);will-change:transform}
.dia-p{width:min(66vw,calc((100svh - 300px)*1.5));flex:none}
.dia-f{aspect-ratio:3/2;overflow:hidden;border-radius:clamp(14px,1.8vw,24px);box-shadow:0 22px 54px #0004}
.dia-f img{width:100%;height:100%;object-fit:cover;will-change:transform}
.dia-p h3{font:300 clamp(24px,3.1vw,46px)/1.08 var(--dis);margin-top:.5em}
.dia-p p{font-size:clamp(.92rem,1.3vw,1.14rem);opacity:.86;margin-top:.2em}
@media (max-aspect-ratio:1/1){.dia-p{width:82vw}#dia{height:calc(100svh + 500vw)}}

/* Juegos */
#jugar{background:#fff6ee;color:#3a2418;padding:clamp(52px,10vh,120px) var(--g)}
.jg-tit{font-size:clamp(34px,6vw,92px);font-weight:300;line-height:1.02;text-align:center;margin-bottom:clamp(22px,4vh,44px)}.jg-tit em{color:var(--rojo)}
.jg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,22px)}
.jg{background:#fff;border-radius:24px;padding:clamp(14px,1.8vw,24px);box-shadow:0 10px 32px #4f1c0814;display:flex;flex-direction:column;gap:6px;min-width:0}
.jg h3{font:400 clamp(24px,2.5vw,34px)/1.1 var(--dis)}.jg>p{font-size:.92rem;color:#55433a;min-height:2.6em}
.jg-lienzo{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;margin-top:6px}
#panLienzo{display:block;width:100%;height:100%}
.jg-tapa{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:#120a0766;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:#fff;transition:opacity .45s var(--ease),visibility .45s;text-align:center}
.jg-tapa.fuera{opacity:0;visibility:hidden}.jg-tapa b{font:400 clamp(24px,2.5vw,32px)/1.15 var(--dis)}.jg-tapa small{display:block;font:400 .84rem var(--cuerpo,inherit);opacity:.85;margin-top:4px}.jg-tapa .cta{min-width:120px}
.jg-hud{position:absolute;left:10px;right:10px;top:9px;display:flex;justify-content:space-between;color:#fff;font-size:.88rem;font-variant-numeric:tabular-nums;pointer-events:none}
.ras{position:relative;margin-top:6px;border-radius:16px;overflow:hidden;aspect-ratio:1.56;background:#f7f1ec}.ras>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16}
.ras-pre{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:12px;gap:3px}.ras-pre small{font-size:.82rem;color:#55433a}.ras-pre b{font:400 clamp(22px,2.3vw,32px)/1.1 var(--dis);color:var(--rojo)}
#rasLienzo{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.jg-otra{align-self:center;min-height:42px;padding:0 16px;color:var(--rojo);font-size:.9rem;border-radius:99px;box-shadow:inset 0 0 0 1px #bb103255;margin-top:8px;background:#fff}
.rul{position:relative;overflow:hidden;height:170px;border-radius:16px;background:#f7f1ec;margin-top:6px}
.rul-v{will-change:transform}.rul-i{height:170px;display:grid;place-items:center}.rul-i img{height:146px;width:146px;object-fit:cover;border-radius:50%;box-shadow:0 10px 26px #4f1c0833}
.rul-m{position:absolute;inset:0;box-shadow:inset 0 22px 22px -18px #f7f1ec,inset 0 -22px 22px -18px #f7f1ec;pointer-events:none}
.rul-res{min-height:46px;text-align:center;display:grid;justify-items:center;gap:1px;padding-top:7px}.rul-res b{font-weight:500}.rul-res span{color:var(--rojo2);font-size:.9rem}
#jgRul{gap:6px}#rulIr{margin-top:auto}
@media (max-width:980px){.jg-grid{grid-template-columns:minmax(0,1fr)}.jg-lienzo{aspect-ratio:1/1}.jg>p{min-height:0}}

.chispas{position:fixed;inset:0;width:100%;height:100%;z-index:170;pointer-events:none}
@media (prefers-reduced-motion:reduce){#dia{height:auto}.dia-pin{position:relative;height:auto;padding-bottom:30px}}

@media (max-width:900px){body.q-activo #cabeza{transform:translateY(-110%)}}

.ven-info{padding:clamp(20px,3vw,30px);text-align:center;display:grid;gap:8px}.ven-info h3{font:400 clamp(24px,3vw,32px)/1.12 var(--dis);color:var(--rojo)}
.jg-tapa b small{font-family:inherit;font-size:.84rem;font-weight:400}
.q-op em{font:600 .95rem/30px inherit;font-family:inherit}

/* Revisión en computadora */
.s-velo{background:linear-gradient(180deg,#0e0705d6 0,#0e070599 24%,#0e070500 50%,#0e070500 80%,#0e070566 100%)}
.s-tel{width:min(19vw,23svh)}.s-tel.cen{width:min(22vw,27svh)}
.s-tels{bottom:-14%}
.s-tjs{width:min(62vw,calc(48svh*1.56))}
@media (max-aspect-ratio:1/1){.s-velo{background:linear-gradient(180deg,#0e070599,#0e070500 58%)}.s-tel{width:29vw}.s-tel.cen{width:34vw}.s-tels{bottom:-5%}.s-tjs{width:88vw}}
.q-pedir{flex:0 1 340px}.q-pre{flex:none}.q-pre small{white-space:nowrap}
#qPago{display:flex;align-items:flex-start}.qp-caja{margin:auto}
@media (min-width:600px) and (max-width:980px){.jg-lienzo{aspect-ratio:3/2}.jg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#jgPan{grid-column:1/-1}}
@media (max-width:360px){.q-pre small{white-space:normal;max-width:96px}}

/* ===== 2026-11-07: un solo estilo de botón en toda La Nonna (rojo vivo con brillo, como el del Club) ===== */
.cta{position:relative;overflow:hidden;isolation:isolate;border:1px solid #ffffff4d;color:#fff;font-weight:600;background:linear-gradient(105deg,#8c0c26,#d3173b 26%,#ff5a42 50%,#e2902b 66%,#d3173b 84%,#8c0c26);background-size:260% 100%;animation:vivo 5.5s ease-in-out infinite alternate;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -6px 14px #6d0a1b4d,0 10px 26px #bb103250;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.cta::after{content:"";position:absolute;top:0;bottom:0;width:32%;left:-45%;background:linear-gradient(100deg,transparent,#ffffff6b,transparent);transform:skewX(-18deg);animation:brilla 3.6s ease-in-out infinite;pointer-events:none}
.cta:hover{background:linear-gradient(105deg,#8c0c26,#d3173b 26%,#ff5a42 50%,#e2902b 66%,#d3173b 84%,#8c0c26);background-size:260% 100%;transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -6px 14px #6d0a1b55,0 16px 36px #bb103270}
.cta:active{transform:scale(.98)}

/* ===== Generador: pasos y opciones con identidad ===== */
.q-pasos{padding:4px}
.q-pasos button{border-radius:14px;transition:background .35s,color .35s,transform .5s var(--ease),box-shadow .5s var(--ease)}
.q-pasos button.on{color:#fff;background:linear-gradient(105deg,#8c0c26,#d3173b 30%,#ff5a42 56%,#d3173b 82%,#8c0c26);background-size:260% 100%;animation:vivo 5.5s ease-in-out infinite alternate;box-shadow:inset 0 1px 0 #ffffff6b,0 10px 22px #bb103247;transform:translateX(4px)}
.q-pasos button.on svg{filter:drop-shadow(0 1px 2px #0000004d)}
.q-pasos button.lleno:not(.on)::after{width:8px;height:8px;margin-top:-4px;background:linear-gradient(140deg,#f3b24a,#e2902b);box-shadow:0 0 0 2px #fff,0 2px 6px #e2902b80}
.q-op{position:relative;border:2px solid transparent;background:linear-gradient(180deg,#fff,#fdf8f3) padding-box,linear-gradient(#3a24181a,#3a24181a) border-box;box-shadow:0 1px 2px #3a24180d;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.q-op:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #4f1c0814}
.q-op.on{background:linear-gradient(180deg,#fff9f6,#ffefe9) padding-box,linear-gradient(120deg,#bb1032,#ff5a42 55%,#e2902b) border-box;box-shadow:0 14px 28px #bb10322e,inset 0 1px 0 #fff;transform:translateY(-3px);animation:opOn .55s var(--ease)}
.q-op.on::after{content:"";position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:linear-gradient(140deg,#d3173b,#ff5a42);box-shadow:0 0 0 2px #fff,0 4px 10px #bb103266}
.q-op.on::before{content:"";position:absolute;top:-2px;right:-1px;width:9px;height:5px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg);z-index:1}
.q-op.on b{color:#8c0c26}
.q-op.on i{box-shadow:0 0 0 2px #fff,0 0 0 4px #d3173b}
.q-op.on em{background:linear-gradient(140deg,#d3173b,#ff5a42);color:#fff}
@keyframes opOn{from{transform:none;box-shadow:0 1px 2px #3a24180d}}
.q-chip{transition:background .35s,color .35s,transform .5s var(--ease),box-shadow .5s var(--ease)}
.q-chip.on{background:linear-gradient(105deg,#8c0c26,#d3173b 35%,#ff5a42 65%,#d3173b);background-size:220% 100%;animation:vivo 5.5s ease-in-out infinite alternate;box-shadow:inset 0 1px 0 #ffffff6b,0 8px 18px #bb103240;transform:translateY(-2px)}
.q-ops{padding-top:10px;padding-right:10px}
@media (max-width:900px){.q-pasos{padding:6px var(--g) 8px}.q-pasos button.on{transform:translateY(-2px)}}

/* ===== Pago del queque: mismo lenguaje del Club ===== */
#qPago{background:radial-gradient(120% 80% at 50% 0,#4f1c08b8,#120a07d1)}
.qp-caja{background:linear-gradient(160deg,#fffaf5,#fff4ec 55%,#fbe8e2);border:1px solid #ffffffb3;box-shadow:0 40px 100px #00000080,inset 0 1px 0 #fff;border-radius:28px}
.qp-x{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #fff,0 4px 14px #4f1c081f}
.qp-izq{background:radial-gradient(90% 60% at 30% 0,#ffe0d2,#fbf3ec 72%);gap:10px}
.qp-izq img{border-radius:20px;box-shadow:0 18px 40px #4f1c083d}
.qp-izq h3{font-size:28px}
.qp-izq ul{gap:6px}.qp-izq li{position:relative;padding-left:16px}.qp-izq li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:linear-gradient(140deg,#d3173b,#ff5a42)}
.qp-tot{border-top:1px solid #3a24181a;padding-top:12px}.qp-tot b{font-size:36px;color:var(--rojo)}
.qp-der{padding:clamp(18px,2.8vw,32px)}
.qp-ojo{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rojo);font-weight:600;margin-bottom:4px}
.qp-der h2{font-size:clamp(28px,3.4vw,38px)}
.qp-suc{display:flex;align-items:center;gap:12px;margin-top:14px;background:#ffffff94;border:1px solid #fff;border-radius:18px;padding:12px 14px;box-shadow:inset 0 1px 0 #fff,0 4px 14px #6d0a1b0f}
.qp-suc svg{width:24px;height:24px;flex:none;fill:none;stroke:var(--rojo);stroke-width:1.6;stroke-linejoin:round}
.qp-et{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7a6358;margin:18px 0 8px}.qp-et small{text-transform:none;letter-spacing:0;font-weight:400;color:#a8968b;margin-left:6px}
.qp-cal{background:#ffffff94;border:1px solid #fff;border-radius:20px;padding:8px 10px 10px;box-shadow:inset 0 1px 0 #fff,0 4px 14px #6d0a1b0f}
.qc-dias button{transition:background .3s,color .3s,transform .45s var(--ease),box-shadow .45s var(--ease)}
.qc-dias button.on{background:linear-gradient(140deg,#d3173b,#ff5a42);box-shadow:0 6px 14px #bb103259;transform:scale(1.08)}
.qp-rueda{position:relative;display:flex;align-items:center;justify-content:center;gap:2px;height:200px;border-radius:22px;background:linear-gradient(180deg,#fff,#fdf5ef);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 6px 20px #6d0a1b14;overflow:hidden;perspective:520px}
.qp-rueda::before,.qp-rueda::after{content:"";position:absolute;left:0;right:0;height:62px;z-index:2;pointer-events:none}
.qp-rueda::before{top:0;background:linear-gradient(#fffffff2,#fff0)}.qp-rueda::after{bottom:0;background:linear-gradient(#fdf5ef00,#fdf5eff2)}
.qr-banda{position:absolute;left:14px;right:14px;top:50%;height:44px;margin-top:-22px;border-radius:14px;background:linear-gradient(105deg,#bb103214,#ff5a4224);box-shadow:inset 0 0 0 1px #bb10322e;pointer-events:none}
.qr-col{position:relative;z-index:1;height:200px;width:74px;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;outline:0;touch-action:pan-y}
.qr-col::-webkit-scrollbar{display:none}
.qr-col:focus-visible{box-shadow:inset 0 0 0 2px var(--oro);border-radius:12px}
.qr-pista{padding:80px 0;transform-style:preserve-3d}
.qr-col button{display:block;width:100%;height:40px;scroll-snap-align:center;font:400 28px/40px var(--dis);color:#3a2418;font-variant-numeric:tabular-nums;transition:color .25s;will-change:transform,opacity}
.qr-col button.on{color:var(--rojo)}
.qr-dos{position:relative;z-index:1;font:400 28px/1 var(--dis);color:var(--rojo);margin-top:-4px}
.qr-ap{position:relative;z-index:1;min-width:66px;text-align:center;font-weight:600;font-size:1rem;color:var(--rojo)}
.qp-c{margin-top:16px}.qp-c>span:first-child{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7a6358;margin-bottom:8px}
.qp-c input,.qp-c .qp-telw{height:56px;border-radius:18px;border:1px solid #fff;background:linear-gradient(145deg,#ffffffd9,#ffffff99);box-shadow:inset 0 1px 0 #fff,0 3px 12px #6d0a1b14;font-size:1rem;transition:box-shadow .4s var(--ease),background .4s}
.qp-c input{padding:0 16px}
.qp-c input:focus,.qp-c .qp-telw:focus-within{border-color:#fff;background:#fff;box-shadow:0 0 0 3px #bb103233,inset 0 1px 0 #fff,0 8px 22px #bb103224}
.qp-c .qp-telw{display:flex;align-items:center;overflow:hidden;margin:0;color:inherit;letter-spacing:0;text-transform:none;font-weight:400}
.qp-c .qp-pre{display:flex;align-items:center;gap:8px;height:100%;margin:0;padding:0 12px 0 16px;border-right:1px solid #3a24181f;font-size:1rem;font-weight:600;color:#21130c;letter-spacing:0;text-transform:none;flex:none}
.qp-cr{width:24px;height:15px;border-radius:3px;box-shadow:0 0 0 1px #0000001f;flex:none}
.qp-c .qp-telw input{flex:1;min-width:0;height:100%;border:0;border-radius:0;background:none;box-shadow:none;padding:0 14px;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.qp-err:not(:empty){display:flex;gap:6px;align-items:center;font-weight:500;margin-top:6px}.qp-err:not(:empty)::before{content:"!";display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--rojo);color:#fff;font-size:.68rem;font-weight:700;flex:none}
.qp-pago{background:#ffffff94;border:1px solid #fff;border-radius:18px;padding:4px;box-shadow:inset 0 1px 0 #fff,0 4px 14px #6d0a1b0f}
.qp-pago button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;font-weight:500;font-size:.94rem}
.qp-pago button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.qp-pago i{left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:14px;background:linear-gradient(105deg,#8c0c26,#d3173b 35%,#ff5a42 62%,#d3173b 86%);background-size:260% 100%;animation:vivo 5.5s ease-in-out infinite alternate;box-shadow:inset 0 1px 0 #ffffff70,0 8px 18px #bb103250;transition:transform .55s var(--ease)}
.qp-ok{width:100%;min-height:58px;margin-top:22px;font-size:1.04rem}
.qp-fin .cta{width:auto;min-width:170px;padding:0 30px}
@media (prefers-reduced-motion:reduce){.cta,.cta::after,.q-pasos button.on,.q-op.on,.q-chip.on,.qp-pago i{animation:none}}

/* Música de ambiente: cuerda que vibra mientras suena (como uoavid.com) */
.cab-der{display:flex;align-items:center;gap:8px}
.btn-musica{display:grid;place-items:center;width:58px;min-height:38px;border:1px solid #ffffff99;border-radius:99px;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;transition:background .4s,opacity .4s}
.btn-musica svg{width:34px;height:12px;overflow:visible}
.btn-musica path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;opacity:.55;transition:opacity .4s}
.btn-musica.on path{opacity:1}
.btn-musica:hover{background:#ffffff33}
#cabeza .btn-musica{color:#21130c;border-color:#21130c33;background:#ffffff99}
#cabeza .btn-musica.on{color:var(--rojo);border-color:#bb103240}
#cabeza .btn-musica:hover{background:#fff}
/* "Pedir mi queque ahora" completo en 320–400 px */
@media (max-width:420px){.q-pie{gap:10px}.q-pie .q-pedir{flex:1 1 auto;min-width:0;padding:0 14px;font-size:.86rem;letter-spacing:-.01em}}
@media (max-width:340px){.q-pie .q-pedir{font-size:.8rem;padding:0 10px}}
.qp-der h2,.qp-fin h2{text-wrap:balance}
@media (max-width:380px){.q-ayuda{white-space:normal;width:max-content;max-width:calc(100% - 24px);text-align:center;line-height:1.3}}