/* =============================================================
   AAL 2026 · página del evento (la del QR)
   Celular primero: se abre parado en un pasillo, con una mano.
   Marca: la misma de la landing (olivo, lima, noche, papel;
   Anton SC + Fira Sans Condensed). El globo de diálogo de la
   marca es la voz del público.
============================================================= */
@font-face{font-family:'Fira Sans Condensed';font-weight:400;font-style:normal;font-display:swap;src:url('../fonts/fira-condensed-400.woff2') format('woff2')}
@font-face{font-family:'Fira Sans Condensed';font-weight:400;font-style:italic;font-display:swap;src:url('../fonts/fira-condensed-400i.woff2') format('woff2')}
@font-face{font-family:'Fira Sans Condensed';font-weight:500;font-style:normal;font-display:swap;src:url('../fonts/fira-condensed-500.woff2') format('woff2')}
@font-face{font-family:'Fira Sans Condensed';font-weight:700;font-style:normal;font-display:swap;src:url('../fonts/fira-condensed-700.woff2') format('woff2')}
@font-face{font-family:'Anton SC';font-weight:400;font-style:normal;font-display:swap;src:url('../fonts/anton-sc.woff2') format('woff2')}

:root{
  --olivo:#6C8611; --lima:#D9E021; --noche:#3D4B09; --tinta:#55690D;
  --gris:#4D4D4D; --gris-medio:#B3B3B3; --papel:#F2F2F2; --blanco:#fff;
  --linea:rgba(61,75,9,.14);
  --display:'Anton SC','Fira Sans Condensed',Impact,sans-serif;
  --texto:'Fira Sans Condensed','Helvetica Neue',Helvetica,Arial,sans-serif;
  --g:16px; --ancho:680px; --radio:16px;
  --rebote:cubic-bezier(.34,1.56,.64,1); --suave:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:12px}
body{margin:0;background:var(--papel);color:var(--gris);font:400 17px/1.45 var(--texto);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:3px solid var(--lima);outline-offset:2px;border-radius:6px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--lima);color:var(--noche);padding:8px 14px;border-radius:8px;z-index:9}
.skip:focus{left:8px}
main,.cab__fila,.cab__lugar,.pie{max-width:var(--ancho);margin-inline:auto}

/* ---------- Cabecera ---------- */
.cab{background:var(--noche);color:var(--blanco);padding:calc(14px + env(safe-area-inset-top)) var(--g) 12px;position:relative;overflow:hidden}
.cab::after{ /* cenefa de hojas al 20 %, como en las acreditaciones */
  content:"";position:absolute;inset:0 -40px 0 auto;width:220px;background:url('../img/marca/cenefa-lima.png') 0 0/110px auto repeat;opacity:.2;pointer-events:none}
.cab__fila{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.cab__logo img{width:150px}
.cab__estado{font:400 15px/1 var(--display);letter-spacing:.04em;background:var(--lima);color:var(--noche);padding:8px 11px 7px;border-radius:99px;white-space:nowrap;display:flex;align-items:center;gap:7px}
.cab__estado .punto{width:8px;height:8px;border-radius:50%;background:#c0262d;animation:late 1.6s infinite}
@keyframes late{50%{opacity:.25}}
.cab__lugar{position:relative;z-index:1;margin-top:10px;font-size:14px;letter-spacing:.02em;opacity:.8}

/* ---------- Avisos de último momento ---------- */
.avisos{background:var(--lima);color:var(--noche);padding:12px var(--g)}
.aviso{max-width:var(--ancho);margin:0 auto;display:flex;gap:10px;align-items:flex-start;font-weight:500;line-height:1.3}
.aviso+.aviso{margin-top:8px;padding-top:8px;border-top:1px solid rgba(61,75,9,.25)}
.aviso b{font:400 13px/1.5 var(--display);letter-spacing:.06em;flex:none;background:var(--noche);color:var(--lima);padding:1px 7px;border-radius:5px}

/* ---------- Ahora: tablero de salas ----------
   Una fila por sala, de arriba abajo (nada corre de costado ni queda cortado).
   Punto lima que late = está pasando; barra fina = cuánto lleva el panel. */
.ahora{background:var(--noche);color:var(--blanco);padding:2px var(--g) 24px;border-radius:0 0 28px 28px;position:relative;
  margin-inline:calc(50% - 50vw);padding-inline:max(var(--g),calc(50vw - var(--ancho) / 2))}  /* a todo el ancho, como la cabecera */
.ahora__cuerpo{max-width:var(--ancho);margin:0 auto}
.ahora__cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 0 6px;border-top:1px solid rgba(217,224,33,.22)}
.ahora__t{font:400 29px/1 var(--display);letter-spacing:.005em}
.ahora__hora{font-size:14px;color:var(--lima);font-variant-numeric:tabular-nums;white-space:nowrap}
.ahora__msj{padding:12px 0 4px;font-size:17px;line-height:1.4}
.tablero{display:grid}
.tablero li{border-bottom:1px solid rgba(255,255,255,.12);animation:entra .5s var(--suave) backwards}
.tablero li:nth-child(2){animation-delay:.06s}.tablero li:nth-child(3){animation-delay:.12s}.tablero li:nth-child(4){animation-delay:.18s}.tablero li:nth-child(5){animation-delay:.24s}
@keyframes entra{from{opacity:0;transform:translateY(8px)}}
.ya{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:5px 12px;padding:14px 0 13px;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.ya:active .ya__titulo{color:var(--lima)}
@media (hover:hover){.ya:hover .ya__titulo{color:var(--lima)}}
.ya__sala{display:flex;align-items:center;gap:8px;min-width:0;font:400 12.5px/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--lima)}
.ya__vivo{flex:none;width:8px;height:8px;border-radius:50%;background:var(--lima);box-shadow:0 0 0 0 rgba(217,224,33,.6);animation:late-v 1.8s infinite}
@keyframes late-v{70%{box-shadow:0 0 0 7px rgba(217,224,33,0)}100%{box-shadow:0 0 0 0 rgba(217,224,33,0)}}
.ya__resta{font-size:13.5px;color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums;white-space:nowrap}
.ya__titulo{grid-column:1/-1;font-weight:700;font-size:18px;line-height:1.22;text-wrap:pretty;transition:color .2s}
.ya__barra{grid-column:1/-1;height:3px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden;margin-top:7px}
.ya__barra i{display:block;height:100%;background:var(--lima);border-radius:3px;transform-origin:left;transition:transform 1s linear}
.tablero--sig .ya{padding:11px 0 10px}
.tablero--sig .ya__sala{color:rgba(217,224,33,.78)}
.tablero--sig .ya__titulo{font-weight:500;font-size:16px;color:rgba(255,255,255,.92)}
.sigue{margin-top:6px}
.sigue__t{font:400 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62);padding:18px 0 4px}
.ahora__ver{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:13px 16px 11px;border-radius:99px;border:1.5px solid rgba(217,224,33,.55);color:var(--lima);text-decoration:none;font:400 17px/1 var(--display);letter-spacing:.03em}
.ahora__ver:active{background:rgba(217,224,33,.1)}
.cuenta{display:flex;align-items:center;gap:14px;padding:8px 0 4px}
.cuenta__n{font:400 96px/.8 var(--display);color:var(--lima);font-variant-numeric:tabular-nums}
.cuenta__t{font-size:16px;line-height:1.3;max-width:20ch}
.cuenta__t b{display:block;font:400 30px/1 var(--display);margin-bottom:4px}

/* ---------- Accesos ---------- */
.accesos{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px var(--g) 6px}
.acceso{position:relative;display:flex;flex-direction:column;gap:3px;min-height:112px;padding:14px;border-radius:var(--radio);background:var(--blanco);border:1px solid var(--linea);text-decoration:none;color:var(--noche);
  transition:transform .25s var(--rebote),box-shadow .25s}
.acceso:active{transform:scale(.97)}
@media (hover:hover){.acceso:hover{transform:translateY(-3px);box-shadow:4px 4px 0 var(--noche)}}
.acceso__n{font:400 13px/1 var(--display);color:var(--olivo);letter-spacing:.06em}
.acceso b{font:400 23px/1 var(--display);letter-spacing:.01em;margin-top:auto}
.acceso small{font-size:13.5px;line-height:1.25;color:var(--gris);text-wrap:balance}
.acceso--lima{background:var(--lima);border-color:var(--lima)}
.acceso--noche{background:var(--noche);border-color:var(--noche);color:var(--blanco)}
.acceso--noche .acceso__n{color:var(--lima)}
.acceso--noche small{color:rgba(255,255,255,.78)}
.acceso--lima .acceso__n{color:var(--noche)}

/* ---------- Secciones ---------- */
.sec{padding:34px var(--g) 8px}
.sec__cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sec__t{font:400 40px/.95 var(--display);color:var(--noche);letter-spacing:.005em}
.sec__sub{margin-top:8px;font-size:16px}
.eyebrow{font:400 13px/1 var(--display);letter-spacing:.14em;color:var(--noche);margin-bottom:10px}
.eyebrow--olivo{color:var(--olivo)}

/* chips */
.chip{border:1px solid var(--linea);background:var(--blanco);border-radius:99px;padding:8px 13px;font-size:15px;line-height:1;cursor:pointer;white-space:nowrap;color:var(--noche)}
.chip[aria-pressed="true"]{background:var(--noche);color:var(--lima);border-color:var(--noche)}
.chip--mia span{font-weight:700}

/* días: como el encabezado del díptico (olivo con sombra noche; el número, noche con sombra lima) */
.dias{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;border-bottom:3px solid var(--noche);padding-bottom:12px}
.dia{border:0;background:none;padding:0;text-align:left;cursor:pointer;display:grid;gap:7px;justify-items:start;opacity:.42;transition:opacity .25s}
.dia small{font:700 11px/1 var(--texto);letter-spacing:.22em;text-transform:uppercase;background:var(--noche);color:var(--lima);padding:5px 7px 4px}
.dia b{font:400 33px/.86 var(--display);color:var(--olivo);white-space:nowrap}
.dia b span{color:var(--noche)}
.dia[aria-selected="true"]{opacity:1}
.dia[aria-selected="true"] b{text-shadow:3px 3px 0 var(--noche)}
.dia[aria-selected="true"] b span{text-shadow:3px 3px 0 var(--lima)}
@media (hover:hover){.dia:hover{opacity:.8}}

/* filtros */
.filtros{margin-top:12px;display:grid;gap:10px}
.buscar input{width:100%;border:1px solid var(--linea);background:var(--blanco);border-radius:12px;padding:12px 14px;font-size:16px}
.salas{display:flex;gap:6px;overflow-x:auto;margin-inline:calc(var(--g) * -1);padding:0 var(--g) 2px;scrollbar-width:none}
.salas::-webkit-scrollbar{display:none}
.nota-vivo{margin-top:12px;font-size:14px;background:#fff6d6;border-radius:10px;padding:8px 12px}

/* grilla del programa */
.grilla{margin-top:14px}
.franja{display:grid;grid-template-columns:62px 1fr;gap:0 12px;padding:14px 0;border-top:1px solid var(--linea)}
.franja__hora{font:400 24px/1 var(--display);color:var(--noche);padding-top:3px}
.franja__hora small{display:block;font:400 13px/1.3 var(--texto);color:var(--gris);margin-top:3px}
.franja__items{display:grid;gap:8px;min-width:0}
.franja--ahora .franja__hora{color:var(--olivo)}
.franja--ahora .franja__hora::after{content:"AHORA";display:inline-block;margin-top:6px;font:400 11px/1 var(--display);letter-spacing:.1em;background:var(--lima);color:var(--noche);padding:4px 6px 3px;border-radius:5px}
.franja--paso{opacity:.55}

.panel{background:var(--blanco);border:1px solid var(--linea);border-radius:14px;overflow:hidden}
.panel--plenaria{border:2px solid var(--noche)}
.panel--pausa,.panel--acred,.panel--cierre:not(:has(.panel__gente)){background:none;border-style:dashed}
.panel summary{list-style:none;cursor:pointer;padding:12px 44px 12px 13px;position:relative;display:grid;gap:6px}
.panel summary::-webkit-details-marker{display:none}
.panel summary::after{content:"";position:absolute;right:15px;top:17px;width:9px;height:9px;border-right:2px solid var(--olivo);border-bottom:2px solid var(--olivo);transform:rotate(45deg);transition:transform .25s var(--suave)}
.panel[open] summary::after{transform:rotate(-135deg);top:21px}
.panel--sin summary{cursor:default;padding-right:13px}
.panel--sin summary::after{display:none}
.panel__sala{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font:400 12.5px/1 var(--display);letter-spacing:.07em;color:var(--olivo)}
.panel__titulo{font-weight:700;font-size:17px;line-height:1.22;color:var(--noche)}
.panel__meta{font-size:14px;color:var(--gris)}
.panel__est{font:400 11.5px/1 var(--display);letter-spacing:.08em;padding:4px 6px 3px;border-radius:5px;background:var(--noche);color:var(--lima)}
.panel__est--cancelado{background:#b3261e;color:#fff}
.panel--cancelado .panel__titulo{text-decoration:line-through;opacity:.6}
.panel__nota{font-size:14px;font-weight:500;color:#8a5a00}
.panel__guardado{color:var(--olivo);font-size:15px}
.panel__det{padding:0 13px 13px}
.panel__desc{font-size:15px;margin-bottom:10px}
.panel__gente{display:grid;gap:9px;padding-top:10px;border-top:1px solid var(--linea)}
.persona{font-size:15px;line-height:1.3}
.persona b{display:block;color:var(--noche);font-weight:700;font-size:16px}
.persona__rol{font:400 11px/1 var(--display);letter-spacing:.08em;background:var(--papel);color:var(--olivo);padding:3px 5px 2px;border-radius:4px;margin-right:5px;vertical-align:2px}
.panel__acc{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.panel__acc .chip{font-size:14px;padding:8px 11px}
mark{background:var(--lima);color:var(--noche);border-radius:3px;padding:0 2px}
.vacio{padding:24px 0;font-size:16px}

/* ---------- Participá ---------- */
.participa{position:relative;margin-top:30px;background:var(--lima);color:var(--noche);border-radius:28px 28px 0 0;padding-top:54px;padding-bottom:30px;overflow:hidden;max-width:none}
.participa>*:not(.participa__capi):not(.participa__globo){position:relative;z-index:1;max-width:var(--ancho);margin-inline:auto}
.participa__capi{position:absolute;right:-26px;top:18px;width:120px;transform:rotate(8deg);z-index:0;filter:drop-shadow(0 6px 0 rgba(61,75,9,.18))}
.participa__consigna{font:400 34px/1 var(--display);letter-spacing:.005em;padding-right:86px;text-wrap:balance;margin-top:14px}
.participa__sub{margin-top:12px;font-size:18px;font-weight:500;line-height:1.3;max-width:30ch}
.participa__nota{margin-top:6px;font-size:14.5px;opacity:.8}
.form{display:grid;gap:10px;margin-top:18px}
.form__fila{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.campo{display:grid;gap:5px;font-size:14px;position:relative}
.campo i{font-style:normal;opacity:.7}
.campo input,.campo textarea,.campo select{width:100%;border:1.5px solid rgba(61,75,9,.25);border-radius:12px;padding:11px 12px;background:var(--blanco);font-size:16px;color:var(--noche)}
.campo textarea{resize:none;line-height:1.35}
.campo--grande textarea{font-size:19px;padding:14px;padding-bottom:26px;border-width:2px;border-color:var(--noche)}
.campo__cuenta{position:absolute;right:12px;bottom:9px;font-size:12.5px;opacity:.6}
.boton{border:0;border-radius:99px;background:var(--noche);color:var(--lima);font:400 21px/1 var(--display);letter-spacing:.03em;padding:16px 20px 14px;cursor:pointer;text-align:center;text-decoration:none;display:inline-block;transition:transform .2s var(--rebote)}
.boton:active{transform:scale(.97)}
.boton[disabled]{opacity:.5}
.boton--noche{background:var(--noche)}
.boton--borde{background:none;border:2px solid var(--noche);color:var(--noche);font-size:17px;padding:11px 16px 9px}
.form__msj{min-height:1.4em;font-weight:500;font-size:15px}
.form__msj.ok{display:flex;gap:8px;align-items:center}

/* el muro: globos de diálogo */
.muro{margin-top:26px}
.muro__t{font:400 13px/1 var(--display);letter-spacing:.14em;margin-bottom:12px}
.muro__lista{display:flex;flex-direction:column;gap:12px}
.globo{position:relative;align-self:flex-start;max-width:92%;background:var(--noche);color:var(--blanco);border-radius:20px;padding:11px 15px 10px;font-size:16.5px;line-height:1.3;animation:globo .55s var(--rebote) backwards}
.globo::after{content:"";position:absolute;left:18px;bottom:-9px;border:10px solid transparent;border-top-color:var(--noche);border-bottom:0;border-left-width:4px}
.globo:nth-child(even){align-self:flex-end;background:var(--blanco);color:var(--noche)}
.globo:nth-child(even)::after{left:auto;right:18px;border-top-color:var(--blanco);border-left-width:10px;border-right-width:4px}
.globo small{display:block;margin-top:4px;font-size:13px;opacity:.7}
.globo--mia{outline:3px solid var(--blanco)}
@keyframes globo{from{opacity:0;transform:scale(.7) translateY(10px)}}

/* ---------- Preguntas ---------- */
.preguntas .campo span{font-weight:500}
.form--fila{margin-top:10px}
.pregs{margin-top:16px;display:grid;gap:8px}
.preg{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:var(--blanco);border:1px solid var(--linea);border-radius:14px;padding:11px 12px}
.voto{display:grid;justify-items:center;gap:1px;min-width:46px;border:1.5px solid var(--linea);background:var(--papel);border-radius:10px;padding:6px 4px 5px;cursor:pointer;color:var(--noche)}
.voto b{font:400 19px/1 var(--display)}
.voto small{font-size:11px;line-height:1}
.voto[aria-pressed="true"]{background:var(--lima);border-color:var(--lima)}
.preg__t{font-size:16px;line-height:1.3;color:var(--noche)}
.preg__q{display:block;font-size:13px;color:var(--gris);margin-top:3px}
.preg--respondida{opacity:.55}
.preg--respondida .preg__q::before{content:"✓ Respondida · "}

/* ---------- Cómo llegar ---------- */
.lugares{display:grid;gap:10px;margin-top:16px}
.lugar{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:16px;display:grid;gap:6px;justify-items:start}
.lugar h3{font:400 28px/1 var(--display);color:var(--noche)}
.lugar__cuando{font:400 12.5px/1 var(--display);letter-spacing:.08em;color:var(--olivo)}
.lugar__salas{font-size:14px}
.lugar .boton{margin-top:6px}
.lugar--teatro{border:2px solid var(--noche)}

/* ---------- Pie ---------- */
.pie{margin-top:40px;background:var(--noche);color:var(--blanco);padding:28px var(--g) calc(30px + env(safe-area-inset-bottom));max-width:none;text-align:center}
.pie__t{font:400 12px/1 var(--display);letter-spacing:.16em;opacity:.7}
.pie__logo{width:min(320px,90%);margin:14px auto 18px}
.pie__links{font-size:14px;opacity:.8;line-height:1.7}

@media (min-width:720px){
  .accesos{grid-template-columns:repeat(4,1fr);max-width:var(--ancho);margin:0 auto}
  .ya{flex-basis:300px}
  .participa__capi{width:170px;right:calc(50% - 400px)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ---------- Etiquetas de sala: los colores del díptico ---------- */
.tag{display:inline-block;font:700 11px/1.15 var(--texto);letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:4px 6px 3px;border-radius:3px;white-space:nowrap}
.t-carlotto{background:#3D4B09}.t-mendes{background:#6C8611}.t-ortiz{background:#B9472A}.t-caceres{background:#6A4C9C}
.t-nave,.t-teatro{background:var(--lima);color:var(--noche)}
.t-lugar{background:none;color:var(--olivo);padding-left:0}
.ahora .t-carlotto{box-shadow:0 0 0 1px rgba(255,255,255,.55)}   /* noche sobre noche: se marca el borde, como en la contratapa */
.ahora .t-lugar{color:var(--lima)}
.ya__sala .tag{font-size:10.5px}
.panel__sala{font:inherit;letter-spacing:0}
.chip--sala i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:0;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.chip--sala[aria-pressed="true"] i{box-shadow:0 0 0 1.5px var(--lima)}
.marcador{background:linear-gradient(transparent 58%,var(--lima) 58%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 2px}

/* ---------- El carpincho asoma por el borde del bloque verde ---------- */
.ahora__pie{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:18px 0 -24px}
.ahora__pie .ahora__ver{margin:0 0 24px;flex:0 1 auto;padding-inline:18px}
.capi{position:relative;flex:none;width:112px;height:88px;margin-right:18px}
.capi__ventana{position:absolute;inset:0;overflow:hidden}
.capi__ventana img{position:absolute;left:0;top:2px;width:112px;max-width:none;animation:asoma 1s var(--rebote) .3s backwards}
@keyframes asoma{from{transform:translateY(70px)}}
.capi__globo{position:absolute;right:86px;top:-14px;z-index:1;background:var(--lima);color:var(--noche);font:400 14px/1 var(--display);letter-spacing:.02em;padding:8px 11px 7px;border-radius:14px;white-space:nowrap;transform:rotate(-4deg);transform-origin:right bottom;animation:globito .5s var(--rebote) 1s backwards}
.capi__globo::after{content:"";position:absolute;right:10px;bottom:-7px;border:8px solid transparent;border-top-color:var(--lima);border-bottom:0;border-right-width:2px}
@keyframes globito{from{opacity:0;transform:rotate(-4deg) scale(.4)}}
@media (max-width:360px){.capi{width:92px;height:72px}.capi__ventana img{width:92px}.capi__globo{right:70px;font-size:13px}}
.participa__globo{position:absolute;right:78px;top:6px;z-index:2;background:var(--noche);color:var(--lima);font:400 13px/1 var(--display);letter-spacing:.02em;padding:7px 10px 6px;border-radius:12px;transform:rotate(-5deg);white-space:nowrap}
.participa__globo::after{content:"";position:absolute;right:8px;bottom:-6px;border:7px solid transparent;border-top-color:var(--noche);border-bottom:0;border-right-width:2px}
.participa>.participa__globo{max-width:none;margin:0}
@media (min-width:720px){.participa__globo{right:calc(50% - 400px + 130px)}}

/* ---------- Linktree: el botón de la sección abierta queda marcado ---------- */
.acceso[aria-current="true"]{box-shadow:4px 4px 0 var(--noche);transform:translateY(-2px)}
.acceso--lima[aria-current="true"],.acceso:not(.acceso--noche)[aria-current="true"]{border-color:var(--noche)}
.acceso--noche[aria-current="true"]{box-shadow:4px 4px 0 var(--lima)}
.acceso[aria-current="true"]::after{content:"";position:absolute;left:50%;bottom:-9px;margin-left:-8px;border:8px solid transparent;border-top-color:var(--noche);border-bottom:0}
.acceso--noche[aria-current="true"]::after{border-top-color:var(--noche)}
.sec{scroll-margin-top:8px}
.chip--pasado{display:block;width:100%;margin:2px 0 6px;text-align:center;background:none;border-style:dashed;color:var(--olivo)}
.chip--mas{display:block;margin:14px auto 0;background:var(--blanco)}
.participa .chip--mas{background:var(--noche);color:var(--lima);border-color:var(--noche)}

/* ---------- Llevate una nativa (viernes 30) ---------- */
.acceso--nativa{grid-column:1/-1;min-height:0;background:var(--noche);border-color:var(--noche);color:var(--blanco);padding:16px 16px 14px;
  background-image:radial-gradient(circle at 92% 20%,rgba(217,224,33,.22),transparent 45%)}
.acceso--nativa .acceso__n{color:var(--lima)}
.acceso--nativa b{color:var(--lima);font-size:30px;margin-top:6px}
.acceso--nativa small{color:rgba(255,255,255,.82)}
.acceso__quedan{position:absolute;right:14px;top:14px;background:var(--lima);color:var(--noche);border-radius:99px;padding:5px 11px 4px;font-size:13px;font-weight:500}
.acceso__quedan b{font:400 18px/1 var(--display);color:var(--noche);margin:0}
.acceso__quedan:empty{display:none}
.nativa .sec__sub{margin-bottom:16px}
.evalua{display:grid;gap:10px;margin-top:16px}
.evalua__p{background:var(--blanco);border:1.5px solid var(--linea);border-radius:var(--radio);padding:4px 12px 12px}
.evalua__p.on{border-color:var(--noche);box-shadow:3px 3px 0 var(--lima)}
.evalua__t{display:flex;gap:12px;align-items:flex-start;width:100%;border:0;background:none;padding:10px 0 2px;text-align:left;cursor:pointer;color:var(--noche)}
.evalua__t b{display:block;font-weight:700;line-height:1.25}
.evalua__t small{display:block;font-size:14px;color:var(--gris);margin-top:2px}
.evalua__check{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--noche);margin-top:1px;position:relative}
.evalua__p.on .evalua__check{background:var(--noche)}
.evalua__p.on .evalua__check::after{content:"";position:absolute;left:7px;top:2px;width:6px;height:12px;border:solid var(--lima);border-width:0 3px 3px 0;transform:rotate(45deg)}
.evalua__q{font-size:14px;margin:10px 0 6px}
.notas{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.notas button{border:2px solid var(--noche);background:var(--blanco);color:var(--noche);border-radius:12px;padding:10px 0 8px;font:400 24px/1 var(--display);cursor:pointer}
.notas--chico button{font-size:20px;padding:8px 0 6px}
.notas button[aria-checked="true"]{background:var(--noche);color:var(--lima)}
.notas__ref{display:flex;justify-content:space-between;font-size:12.5px;opacity:.7;margin-top:4px}
.nativa__acciones{display:grid;gap:10px;justify-items:center;margin-top:6px}
.nativa__acciones .boton{width:100%}
.nativa .form{display:grid;gap:16px}
.nativa .form > .chip{justify-self:center}
.nativa__acepta{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.3}
.nativa__acepta input{width:20px;height:20px;flex:none;accent-color:var(--noche);margin-top:0}
.ticket{position:relative;margin-top:6px;background:var(--noche);color:var(--blanco);border-radius:22px;padding:22px 20px 24px;text-align:center;overflow:hidden;
  background-image:radial-gradient(circle at 50% 0,rgba(217,224,33,.25),transparent 60%)}
.ticket::before,.ticket::after{content:"";position:absolute;top:62%;width:28px;height:28px;border-radius:50%;background:var(--papel)}
.ticket::before{left:-14px}.ticket::after{right:-14px}
.ticket__cab{font:400 14px/1 var(--display);letter-spacing:.16em;color:var(--lima)}
.ticket__n{font:400 120px/.9 var(--display);color:var(--lima);margin-top:14px;text-shadow:5px 5px 0 var(--olivo)}
.ticket__n small{font-size:40px;margin-right:6px;vertical-align:.9em}
.ticket__de{font:400 22px/1 var(--display);letter-spacing:.06em;margin-top:6px}
.ticket__hora{display:inline-flex;gap:8px;align-items:center;margin-top:16px;background:rgba(255,255,255,.1);border-radius:99px;padding:8px 14px;font:700 18px/1 var(--texto);font-variant-numeric:tabular-nums}
.ticket__hora .punto{width:10px;height:10px;border-radius:50%;background:var(--lima);animation:late-t 1s infinite}
@keyframes late-t{50%{opacity:.25;transform:scale(.7)}}
.ticket__como{margin-top:22px;padding-top:18px;border-top:2px dashed rgba(255,255,255,.3);font-size:17px;line-height:1.35}
.ticket__como b{color:var(--lima)}
.nativa__foto{margin-top:16px;text-align:center;font-size:15px}