/* Página de una función · v4 (8 oct 2026)
   Arriba: cartel oscuro con el afiche nítido y el mismo afiche difuminado de fondo.
   En el medio: datos, precio (con forma de boleta) y compra sobre papel claro.
   Abajo: mercancía y preguntas, oscuros como el resto del sitio. */
.pag-funcion{--papel:#f8f0e1;--papel-2:#efe2c9;--borde-papel:#e0cfae;--tinta:#1d1813;--tinta-2:#5c5145;--naranja-tinta:#b4501c;--ok-tinta:#2f6b22;--oro-tinta:#865a0b;--rojo-tinta:#b02b1d}.cartel{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--linea)}.cartel-fondo{position:absolute;inset:-60px;z-index:-2;background-size:cover;background-position:center;filter:blur(34px) saturate(1.35);opacity:.6;transform:scale(1.08)}.cartel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(24,21,18,.25) 0%,rgba(24,21,18,.7) 55%,var(--negro) 100%)}.cartel-in{max-width:1200px;margin:0 auto;padding:20px 16px 28px;display:grid;gap:22px}.cartel-in>*{min-width:0}.afiche{margin:0;justify-self:center;width:100%;max-width:420px}.afiche img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 26px 50px -20px rgba(0,0,0,.85),0 0 0 1px rgba(242,232,213,.14);transform:rotate(-1.2deg)}.cartel-info{display:grid;gap:12px;align-content:center}.cartel-info h1{font-size:clamp(32px,7.5vw,56px);overflow-wrap:anywhere;text-shadow:0 2px 18px rgba(0,0,0,.45)}.fecha-grande{display:flex;gap:12px;align-items:stretch}.fecha-grande>div{background:rgba(24,21,18,.72);backdrop-filter:blur(6px);border:1px solid rgba(242,232,213,.16);border-radius:12px;padding:10px 14px;display:grid;align-content:center}.fecha-grande b{font-family:var(--display);font-weight:400;font-size:44px;line-height:1}.fecha-grande span{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo-vivo)}.fecha-grande .fg-hora b{font-size:26px}.fecha-grande .fg-hora span{color:var(--crema-dim)}.donde{font-size:17px;color:var(--crema-dim)}.donde b{color:var(--crema)}.btn--grande{font-size:17px;padding:16px 20px;border-radius:12px;box-shadow:0 14px 28px -14px rgba(210,98,42,.9)}.sin-cargo{font-size:14px;font-weight:700;color:var(--ok)}.precio-linea{font-size:15px;font-weight:600;color:var(--crema-dim)}.precio-linea b{color:var(--crema);font-weight:800}.desglose{display:grid;gap:6px;font-size:14px;color:var(--tinta-2);border-top:1px solid var(--borde-papel);padding-top:12px}.desglose div{display:flex;justify-content:space-between;gap:10px}.desglose b{font-weight:700;color:var(--tinta);font-variant-numeric:tabular-nums}.desglose+.total{border-top:0;padding-top:2px}.cartel.sin-afiche .cartel-in{max-width:760px}@media(min-width:760px){.cartel-in{grid-template-columns:minmax(280px,440px) 1fr;gap:44px;align-items:center;padding:40px 24px 48px}.cartel.sin-afiche .cartel-in{grid-template-columns:1fr}.cartel-info .btn--grande{max-width:420px}}@media(prefers-reduced-motion:no-preference){.afiche img{animation:asentar .7s cubic-bezier(.2,.8,.2,1) both}@keyframes asentar{from{opacity:0;transform:translateY(14px) rotate(-4deg) scale(.97)}to{opacity:1;transform:rotate(-1.2deg)}}}.ficha{max-width:1200px;margin:0 auto;padding:18px 16px 60px;display:grid;gap:16px}.ficha>*{min-width:0}.caja h2{margin-bottom:10px}.datos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dato{display:flex;gap:12px;align-items:flex-start;background:var(--papel);color:var(--tinta);border:1px solid var(--borde-papel);border-radius:14px;padding:14px;min-width:0}.dato:first-child{grid-column:1/-1}.dato-ico{flex:0 0 40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(210,98,42,.14);color:var(--naranja-tinta)}.dato-ico .ico{width:22px;height:22px}.dato-txt{display:grid;gap:1px;min-width:0}.dato-txt small{font-size:12.5px;font-weight:700;color:var(--tinta-2)}.dato-txt b{font-size:16px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.dato-txt em{font-style:normal;font-size:13.5px;color:var(--tinta-2)}.mapa{justify-self:start;margin-top:8px;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--naranja-tinta);text-decoration:none;background:#fff;border:1px solid var(--borde-papel);border-radius:99px;padding:6px 12px;transition:border-color .15s,background .15s}.mapa:hover{border-color:var(--naranja);background:#fff8f2}@media(max-width:380px){.dato{padding:12px;gap:10px}.dato-ico{flex-basis:34px;height:34px}.dato-ico .ico{width:19px;height:19px}.dato-txt b{font-size:15px}}@media(min-width:760px){.datos{grid-template-columns:1.3fr 1fr 1fr}.dato:first-child{grid-column:1;grid-row:1/span 2;flex-direction:column;justify-content:center}.dato:first-child .dato-ico{flex:0 0 auto;width:44px;height:44px}.ficha{padding:22px 24px 60px}}.boleto{display:grid;background:var(--papel);color:var(--tinta);border-radius:16px;position:relative}.boleto h2{color:var(--tinta);margin-bottom:12px}.boleto-cuerpo{padding:18px}.boleto-filas{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.boleto-filas dt{font-size:12.5px;font-weight:700;color:var(--tinta-2)}.boleto-filas dd{display:grid;gap:0}.boleto-filas dd b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.boleto-filas dd span{font-size:13px;color:var(--tinta-2)}.boleto-filas .cero{color:var(--ok-tinta)}.boleto-talon{position:relative;background:var(--papel-2);border-top:2px dashed var(--borde-papel);border-radius:0 0 16px 16px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px}.boleto-talon::before,.boleto-talon::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--negro)}.boleto-talon::before{left:-11px}.boleto-talon::after{right:-11px}.boleto-talon>span:first-child{font-size:12.5px;font-weight:700;color:var(--tinta-2);grid-column:1}.boleto-talon>b{font-family:var(--display);font-weight:400;font-size:34px;line-height:1.05;grid-column:1}.estado{grid-column:2;grid-row:1/span 2;font-size:12.5px;font-weight:800;border-radius:99px;padding:5px 11px;white-space:nowrap}.estado-disponible{background:rgba(47,107,34,.13);color:var(--ok-tinta)}.estado-quedan-pocas{background:rgba(217,164,65,.28);color:var(--oro-tinta)}.estado-agotado,.estado-ya-pasó{background:rgba(176,43,29,.12);color:var(--rojo-tinta)}@media(min-width:760px){.boleto{grid-template-columns:1fr 230px}.boleto-filas{grid-template-columns:1.4fr 1fr 1fr .8fr}.boleto-talon{border-top:0;border-left:2px dashed var(--borde-papel);border-radius:0 16px 16px 0;grid-template-columns:1fr;justify-items:center;text-align:center;align-content:center;gap:4px}.boleto-talon::before,.boleto-talon::after{left:-12px;right:auto}.boleto-talon::before{top:-11px}.boleto-talon::after{top:auto;bottom:-11px}.boleto-talon>span:first-child,.boleto-talon>b,.estado{grid-column:1;grid-row:auto}.estado{margin-top:6px}}.caja.clara{background:var(--papel);color:var(--tinta);border-color:var(--borde-papel);padding:18px}.clara h2{color:var(--tinta)}.clara .dim{color:var(--tinta-2)}.clara a{color:var(--naranja-tinta)}.clara label.campo{color:var(--tinta-2)}.clara input,.clara select,.clara textarea{background:#fff;color:var(--tinta);border:1px solid var(--borde-papel)}.clara input::placeholder{color:#a3968a}.clara input:focus{outline:none;border-color:var(--naranja);box-shadow:0 0 0 3px rgba(210,98,42,.2)}.clara .error{color:var(--rojo-tinta)}.compra{display:grid;gap:14px}.linea-cant{display:flex;align-items:center;justify-content:space-between;gap:12px}.clara .linea-cant{background:var(--papel-2);border-radius:12px;padding:12px 14px}.linea-cant .nom{font-weight:800}.linea-cant .nom small{display:block;font-weight:600;color:var(--crema-faint);font-size:13px}.clara .linea-cant .nom small{color:var(--tinta-2)}.qty{display:flex;align-items:center;gap:12px}.qty button{width:40px;height:40px;border-radius:10px;font-size:20px;background:var(--negro-3);color:var(--crema);border:1px solid var(--linea);transition:border-color .15s,transform .1s}.clara .qty button{background:#fff;color:var(--tinta);border-color:var(--borde-papel)}.clara .qty button:not(:disabled):hover{border-color:var(--naranja);color:var(--naranja-tinta)}.qty button:not(:disabled):active{transform:scale(.92)}.qty button:disabled{opacity:.35;cursor:not-allowed}.qty b{min-width:22px;text-align:center;font-size:20px}.form-compra{display:grid;gap:10px}.form-compra .dos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--linea);padding-top:12px}.clara .total{border-top-color:var(--borde-papel)}.total b{font-family:var(--display);font-weight:400;font-size:28px}.nota{font-size:12.5px;color:var(--crema-faint)}.clara .nota{color:var(--tinta-2)}.aviso{background:rgba(217,164,65,.12);border:1px dashed rgba(217,164,65,.55);border-radius:10px;padding:9px 12px;font-size:13px;color:var(--dorado);font-weight:600}.clara .aviso{background:rgba(217,164,65,.22);border-color:#c9973a;color:var(--oro-tinta)}.legal a,.preguntas a{color:var(--naranja-vivo)}.texto{color:var(--crema-dim);white-space:normal}.preguntas details{border-top:1px solid var(--linea);padding:12px 0}.preguntas details:first-of-type{border-top:0}.preguntas summary{cursor:pointer;font-weight:800}.preguntas p{margin-top:8px;color:var(--crema-dim);font-size:14.5px}.legal{font-size:12.5px;color:var(--crema-faint);text-align:center}.merch{background:var(--negro-2);border:1px solid var(--linea);border-radius:var(--radius);padding:16px;display:grid;gap:12px;align-content:start}.merch h2{margin:0;font-size:22px}.merch-trato{font-size:13.5px;color:var(--crema-dim)}.merch-trato b{color:var(--dorado)}.merch-lista{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(130px,1fr);gap:10px;overflow-x:auto;padding-bottom:4px}.merch-item{display:grid;gap:8px;text-decoration:none;color:var(--crema);background:var(--negro-3);border:1px solid var(--linea);border-radius:12px;padding:10px}.merch-item img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:var(--negro)}.merch-item span{display:grid;gap:2px}.merch-item b{font-size:14px}.merch-item small{font-size:13px;color:var(--naranja-vivo);font-weight:800}@media(min-width:1000px){.ficha{grid-template-columns:minmax(0,1fr) 300px;column-gap:20px;padding-top:24px}.ficha>*{grid-column:1}.ficha>.merch{grid-column:2;grid-row:1/span 7;align-self:start;position:sticky;top:76px}.merch-lista{grid-auto-flow:row;grid-auto-columns:auto;overflow:visible}.merch-item{grid-template-columns:72px 1fr;align-items:center}}
/* v6 (26 oct 2026): la compra pasa a una ventana encima de la página (paso 2). */
html.hoja-abierta{overflow:hidden}.hoja-capa{position:fixed;inset:0;z-index:100;background:rgba(10,8,6,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s ease}.hoja-capa.on{opacity:1}.hoja{width:100%;max-width:520px;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;background:var(--papel);color:var(--tinta);border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.45);transform:translateY(28px);transition:transform .22s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}.hoja-capa.on .hoja{transform:none}.hoja-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 12px;border-bottom:1px solid var(--borde-papel)}.hoja-cab h2{color:var(--tinta);margin:0}.hoja-cerrar{flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1px solid var(--borde-papel);background:#fff;color:var(--tinta);font-size:17px;line-height:1}.hoja-cuerpo{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 18px;display:grid;gap:14px}.hoja-resumen{background:var(--papel-2);border-radius:12px;padding:12px 14px;display:grid;gap:8px}.hoja-que{display:grid;gap:2px}.hoja-que b{font-size:16px;font-weight:800}.hoja-que span{font-size:13.5px;color:var(--tinta-2)}.hoja-resumen .desglose{border-top:0;padding-top:0}.hoja-resumen .total{border-top:1px solid var(--borde-papel);padding-top:8px}.hoja-resumen .total b{font-size:24px}.hoja-cambiar{justify-self:start;background:none;border:0;padding:2px 0;font-size:13.5px;font-weight:800;color:var(--naranja-tinta);text-decoration:underline;text-underline-offset:3px}.hoja .form-compra{gap:12px}.hoja input{font-size:16px}.hoja-pie{padding:12px 18px 16px;border-top:1px solid var(--borde-papel);display:grid;gap:8px;background:var(--papel);border-radius:0 0 18px 18px}.hoja-pie .nota{text-align:center}@media(min-width:760px){.hoja-capa{align-items:center;padding:24px}.hoja{border-radius:18px;max-height:88vh;transform:translateY(12px) scale(.98)}}@media(max-width:380px){.hoja .form-compra .dos{grid-template-columns:1fr}}
/* v7 (26 oct 2026): sin tabla de precio; la compra va al lado (computador) o arriba (celular); barra fija. */
.lateral{display:contents}.ficha>.lateral>#comprar{order:-1}#comprar.resalta{animation:resalta 1.1s ease}@keyframes resalta{0%{box-shadow:0 0 0 0 rgba(210,98,42,.75)}100%{box-shadow:0 0 0 14px rgba(210,98,42,0)}}#comprar .compra{gap:12px}#comprar .linea-cant .nom{font-size:15px}#comprar .precio-u{display:block;font-family:var(--display);font-weight:400;font-size:28px;line-height:1.1;margin-top:2px}#comprar .nota{text-align:center}@media(min-width:1000px){.ficha{grid-template-columns:minmax(0,1fr) 340px}.ficha>.lateral{display:grid;gap:16px;align-content:start;grid-column:2;grid-row:1/span 8}.ficha>.lateral>#comprar{order:0}.lateral>.merch{position:static}}.barra-compra{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;justify-content:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(24,21,18,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--linea);transform:translateY(110%);transition:transform .25s ease;pointer-events:none}.barra-compra.on{transform:none;pointer-events:auto}.barra-compra button{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:var(--naranja);color:#fff;border:0;border-radius:12px;padding:10px 16px;box-shadow:0 10px 24px -12px rgba(210,98,42,.9)}.barra-compra button:active{transform:scale(.98)}.bc-txt{display:grid;font-weight:800;font-size:16.5px;line-height:1.2}.bc-txt small{font-size:12px;font-weight:600;opacity:.85}.bc-precio{display:grid;text-align:right;line-height:1.1}.bc-precio b{font-family:var(--display);font-weight:400;font-size:25px;letter-spacing:.01em}.bc-precio small{font-size:11.5px;font-weight:700;opacity:.9}body.con-barra{padding-bottom:78px}
/* v8 (26 oct 2026): recuerdo dentro de la compra. */
.rec{display:grid;gap:12px;border-top:1px dashed var(--borde-papel);padding-top:14px}.rec-cab h3{font-size:17px;font-weight:800;color:var(--tinta);margin:0}.rec-cab p{margin:3px 0 0;font-size:13px;color:var(--tinta-2)}.rec-lista{display:grid;gap:8px}.rec-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--borde-papel);border-radius:12px;background:#fff;transition:border-color .15s}.rec-item.on{border-color:var(--naranja)}.rec-item img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex:0 0 48px;background:var(--papel-2)}.rec-nom{display:grid;flex:1;min-width:0}.rec-nom b{font-size:15px;color:var(--tinta)}.rec-nom small{font-size:13px;color:var(--tinta-2)}.qty.chico{gap:8px}.qty.chico button{width:34px;height:34px;font-size:18px}.qty.chico b{min-width:16px;text-align:center}.rec-mas{display:grid;gap:10px}.rec-entrega{display:grid;gap:8px}.rec-op{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--borde-papel);border-radius:12px;background:#fff;cursor:pointer}.rec-op:has(input:checked){border-color:var(--naranja);box-shadow:0 0 0 2px rgba(210,98,42,.15)}.rec-op input{width:18px;height:18px;margin-top:2px;accent-color:var(--naranja);flex:0 0 auto}.rec-op span{display:grid;gap:1px}.rec-op b{font-size:14.5px;color:var(--tinta)}.rec-op small{font-size:12.5px;color:var(--tinta-2)}.rec-nota{margin:2px 0 0;font-size:13px;font-weight:700;color:var(--tinta)}.rec .dos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rec select{width:100%;font-size:16px;padding:11px 12px;border-radius:10px}.rec select:disabled{opacity:.6}.rec-acepto{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.4;color:var(--tinta-2)}.rec-acepto input{width:18px;height:18px;margin-top:1px;accent-color:var(--naranja);flex:0 0 auto}.rec-acepto a{color:var(--naranja-tinta)}.desglose .rec-desc b{color:var(--ok-tinta)}.merch-item[data-recuerdo]{cursor:pointer}.rec input[type=radio],.rec input[type=checkbox]{-webkit-appearance:auto;appearance:auto;background:none;border:0;box-shadow:none;padding:0;min-height:0}.hoja.clara{color-scheme:light}@media(max-width:380px){.rec .dos{grid-template-columns:1fr}}
/* v9 (3 nov 2026): logos de medios de pago debajo de «Continuar» (tarjetas en un grupo; PSE, Nequi y Bre-B en otro). */
.medios{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.mp-grupo{display:flex;gap:5px}.medios .mp{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:5px 7px;background:#fff;border:1px solid var(--borde-papel,#e0cfae);border-radius:6px;box-shadow:0 1px 2px rgba(29,24,19,.06)}.medios .mp img{display:block;height:100%;width:auto}.medios .mp--visa img{height:56%}.medios .mp--mastercard img{height:84%}.medios .mp--nequi img{height:62%}.medios .mp--breb img{height:76%}.nota-pago svg{width:12px;height:12px;vertical-align:-1px;margin-right:3px}