/* =====================================================================
   Soriana YA · pantallas de participación (bloques sy/*)
   Port del diseño final aprobado (design-system/diseno/, Etapa 10).
   Usa los tokens del tema (--sy-*, --mo-*, --font-*). Si otro tema
   carece de ellos, los valores por defecto mantienen la legibilidad.
   ===================================================================== */
.btn{display:inline-flex;align-items:center;gap:12px;min-height:var(--control-h,52px);padding:0 26px;border-radius:var(--radius-md,6px);border:2px solid transparent;font:italic 800 1.125rem/1 var(--font-display,sans-serif);text-decoration:none;cursor:pointer;transition:background-color var(--dur-base,.18s) var(--ease-out,ease),color var(--dur-base,.18s),transform var(--dur-fast,.12s)}
.btn svg{width:20px;height:20px;transition:transform var(--dur-base,.18s) var(--ease-out,ease)}
.btn:hover svg{transform:translateX(4px)}
.btn:active{transform:translateY(1px)}
.btn.btn-red{background:var(--sy-red-500,#DD1F26);color:#fff}
.btn.btn-red:hover{background:var(--sy-red-700,#B80018);color:#fff}
.btn.btn-white{background:#fff;color:var(--sy-red-700,#B80018)}
.btn.btn-white:hover{background:var(--sy-n-50,#F1F0EE)}
.btn.btn-line{border-color:currentColor;background:transparent;color:inherit}
.tlink{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--sy-lime-400,#BCC032)}
.tlink:hover{text-decoration-color:currentColor}
.app-v{min-height:calc(100svh - 68px)}
/* Marco de flujo: panel noche (setlist de pasos) + hoja de papel */
.flow{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);min-height:calc(100svh - 68px)}
.panel{background:var(--mo-night);color:var(--mo-mist);position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,calc(100% - var(--cut)*.6) 100%,0 100%);padding:clamp(28px,6vh,72px) calc(var(--cut)*.8) clamp(28px,6vh,72px) max(var(--gut),(100vw - 1320px)/2);display:grid;align-content:start;gap:clamp(20px,4vh,40px)}
.panel .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 30%;opacity:.28;filter:grayscale(1)}
.panel>*{position:relative}
.panel .poster{font-size:clamp(2.4rem,min(1.4rem + 2.6vw,8vh),4.25rem)}
.steps-sl{display:grid;gap:0;border-top:1px solid var(--mo-line)}
.steps-sl li{display:grid;grid-template-columns:2.6rem 1fr;align-items:baseline;padding-block:12px;border-bottom:1px solid var(--mo-line);font:800 1.125rem/1.1 var(--font-poster);font-stretch:85%;text-transform:uppercase;color:var(--mo-line-strong)}
.steps-sl li .n{font-variant-numeric:tabular-nums}
.steps-sl li.done{color:var(--mo-fog)}
.steps-sl li[aria-current="step"]{color:#fff}
.steps-sl li[aria-current="step"] .n{color:var(--sy-lime-400)}
.sheet{background:var(--paper);padding:clamp(28px,6vh,72px) max(var(--gut),(100vw - 1320px)/2) clamp(40px,8vh,96px) clamp(32px,5vw,80px);display:grid;align-content:start}
.sheet-in{width:min(100%,560px);display:grid;gap:22px}
.sheet h1{font:italic 800 clamp(2rem,min(1.4rem + 2vw,6.4vh),3.25rem)/1.02 var(--font-display);color:var(--sy-red-500);text-wrap:balance}
.sheet .lead{color:var(--sy-n-800);max-width:46ch}
@media (max-width:900px){
  .flow{grid-template-columns:1fr;min-height:0}
  .panel{clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),0 100%);padding:18px var(--gut) 34px;align-content:start;gap:12px}
  .panel .poster{font-size:2rem}
  .steps-sl{display:flex;border:0;gap:14px}
  .steps-sl li{display:none}
  .steps-sl li[aria-current="step"]{display:flex;gap:8px;border:0;padding:0;font-size:1rem}
  .steps-sl li[aria-current="step"]::after{content:attr(data-of);color:var(--mo-fog);font-weight:700}
  .sheet{padding:28px var(--gut) 48px}
}

/* Formularios */
.tabs2{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--sy-n-900)}
.tabs2 a{min-height:50px;display:grid;place-items:center;text-decoration:none;font:italic 800 1.0625rem var(--font-display);color:var(--sy-n-700);border-bottom:4px solid transparent;margin-bottom:-2px}
.tabs2 a[aria-current="page"]{color:var(--sy-n-900);border-bottom-color:var(--sy-red-500)}
.form{display:grid;gap:18px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}   /* cada par lleva ayuda en ambos campos o en ninguno: las cajas quedan alineadas, también con mensajes de error */
@media (max-width:600px){ .two{grid-template-columns:1fr} }
.field{display:grid;gap:6px;min-width:0}
.field label{font-weight:700;font-size:.9375rem}
.field .help{font-size:.8125rem;color:var(--sy-n-700)}
.input{height:var(--control-h);border:0;border-bottom:2px solid var(--sy-n-500);border-radius:0;background:transparent;padding:0 2px;font:400 1.0625rem var(--font-body);color:var(--sy-n-900);width:100%;min-width:0;transition:border-color var(--dur-base)}
.input:hover{border-bottom-color:var(--sy-n-800)}
.input:focus{outline:none;border-bottom-color:var(--sy-n-900);box-shadow:0 2px 0 0 var(--sy-n-900)}
.input:focus-visible{outline:none}
select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--sy-n-800) 50%),linear-gradient(135deg,var(--sy-n-800) 50%,transparent 50%);background-position:calc(100% - 14px) 52%,calc(100% - 8px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:32px}
.input.num{font-variant-numeric:tabular-nums;letter-spacing:.06em}
.field.err .input{border-bottom-color:var(--sy-red-700);box-shadow:0 2px 0 0 var(--sy-red-700)}
.msg{display:flex;gap:6px;font-size:.875rem;font-weight:700;color:var(--sy-red-700)}
.msg:empty{display:none}
.msg svg{width:16px;height:16px;flex:none;margin-top:3px}
.pw{position:relative}
.pw .input{padding-right:48px}
.pw button{position:absolute;right:0;top:4px;width:44px;height:44px;border:0;background:none;cursor:pointer;color:var(--sy-n-800);display:grid;place-items:center}
.pw button svg{width:22px;height:22px}
.rules-pw{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.8125rem;color:var(--sy-n-700);margin-top:-6px}
.rules-pw li{display:inline-flex;align-items:center;gap:6px}
.rules-pw li::before{content:"";width:7px;height:7px;border-radius:50%;border:1.5px solid currentColor}
.rules-pw li.ok{color:var(--sy-lime-800);font-weight:700}
.rules-pw li.ok::before{background:currentColor}
.chk{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;font-size:.9375rem;cursor:pointer}
.chk input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--sy-red-500);cursor:pointer}
.chk a{color:var(--sy-red-700);font-weight:700}
.chk-w .msg{padding-left:36px}
.secure{font-size:.8125rem;color:var(--sy-n-700);display:flex;gap:8px;align-items:center}
.secure svg{width:16px;height:16px}
.alert{border:2px solid var(--sy-red-700);background:#FFF5F5;padding:14px 16px;display:grid;gap:6px;font-size:.9375rem}
.alert b{color:var(--sy-red-700)}
.alert ul{padding-left:18px;list-style:disc}
.alert a{color:var(--sy-red-700);font-weight:700}
.alert-ok{border-color:var(--sy-lime-800);border-left-width:8px;background:#fff}
.alert-ok b{color:var(--sy-lime-800)}
.alert-info{border-color:var(--sy-n-900);border-left-width:8px;background:#fff;gap:12px}
.alert-info b{color:var(--sy-n-900)}
.alert-info .alert{font-size:inherit}
.ts:empty{display:none}
.or{display:flex;gap:10px;align-items:center;color:var(--sy-n-700);font-size:.9375rem}
.or a{color:var(--sy-n-900);font-weight:700}
.acts{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.acts .tlink{color:var(--sy-n-900)}
.btn[disabled]{background:var(--sy-n-300);color:var(--sy-n-700);cursor:not-allowed}
.btn[disabled] svg{transform:none!important}
.spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgb(255 255 255 / .45);border-top-color:#fff;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Ciudad: la gira seleccionable */
.pick{border-top:2px solid var(--sy-n-900)}
.pick input{position:absolute;opacity:0;width:1px;height:1px}
.pick label{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center;padding:14px 12px;border-bottom:1px solid var(--sy-n-300);cursor:pointer;transition:background-color var(--dur-fast)}
.pick label:hover{background:#fff}
.pick .c{font:900 clamp(1.5rem,1.1rem + 1.4vw,2.25rem)/.95 var(--font-poster);font-stretch:80%;text-transform:uppercase;color:var(--sy-n-900)}
.pick .d{grid-column:1;font-size:.875rem;color:var(--sy-n-800)}
.pick .s{grid-column:2;grid-row:1/3;width:26px;height:26px;border-radius:50%;border:2px solid var(--sy-n-700);display:grid;place-items:center}
.pick .s::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--sy-red-500);transform:scale(0);transition:transform var(--dur-fast)}
.pick input:checked+label{background:var(--sy-n-900)}
.pick input:checked+label .c{color:#fff}
.pick input:checked+label .d{color:#D9D5D1}
.pick input:checked+label .s{border-color:#fff}
.pick input:checked+label .s::after{transform:scale(1);background:var(--sy-lime-400)}
.pick input:focus-visible+label{outline:3px solid var(--sy-n-900);outline-offset:2px}
.pick input:disabled+label{cursor:not-allowed;background:transparent}
.pick input:disabled+label .c{color:var(--sy-n-300)}
.pick input:disabled+label .s{border-color:var(--sy-n-300)}
.pick .mine{font:700 .75rem var(--font-body);background:var(--sy-lime-400);color:var(--sy-n-900);padding:2px 6px;margin-left:8px;vertical-align:middle;letter-spacing:0;white-space:nowrap;display:inline-block}
.fine{border-top:1px solid var(--sy-n-300);padding-top:14px;font-size:.9375rem;color:var(--sy-n-800)}
.fine b{color:var(--sy-n-900)}

/* Antes de comenzar: el ticket de reglas */
.ticket.rules{width:100%;max-width:none;font-size:.9375rem}
.ticket.rules ol{display:grid;gap:10px;padding-block:14px;border-bottom:1.5px dashed var(--sy-n-500);font-family:var(--font-body)}
.ticket.rules li{display:grid;grid-template-columns:1.6rem 1fr;gap:8px}
.ticket.rules li b{font-family:var(--font-poster)}
.ticket.rules .n{font:900 1rem var(--font-poster);color:var(--sy-red-700)}

/* Mi participación: el boleto */
.mine-v{background:var(--sy-n-50);padding-block:clamp(28px,6vh,72px) clamp(48px,8vh,96px)}
.hello{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;margin-bottom:clamp(18px,3vh,32px)}
.hello h1{font:italic 800 clamp(2.2rem,min(1.4rem + 2.6vw,7vh),3.75rem)/1 var(--font-display);color:var(--sy-red-500)}
.hello .out{background:none;border:0;padding:0;font:700 .9375rem var(--font-body);color:var(--sy-n-800);text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}
.boleto{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);filter:drop-shadow(0 24px 30px rgb(30 26 26 / .2))}
.b-body{background:var(--mo-night);color:var(--mo-mist);position:relative;overflow:hidden;padding:clamp(22px,4vh,40px) clamp(22px,3vw,40px);display:grid;gap:18px;align-content:space-between;min-height:clamp(240px,34vh,340px);
  -webkit-mask:radial-gradient(circle 14px at 100% 0,#0000 98%,#000) top right/100% 51% no-repeat,radial-gradient(circle 14px at 100% 100%,#0000 98%,#000) bottom right/100% 51% no-repeat;
          mask:radial-gradient(circle 14px at 100% 0,#0000 98%,#000) top right/100% 51% no-repeat,radial-gradient(circle 14px at 100% 100%,#0000 98%,#000) bottom right/100% 51% no-repeat}
.b-body img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.35}
.b-body::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--mo-night) 25%,transparent)}
.b-body>*{position:relative;z-index:1}
.b-body .co{font:700 .75rem var(--font-poster);text-transform:uppercase;letter-spacing:.14em;color:var(--mo-fog)}
.b-body .poster{font-size:clamp(2.6rem,min(1.6rem + 3.6vw,10vh),5rem)}
.fields{display:flex;flex-wrap:wrap;gap:10px 28px}
.fields div{display:grid;gap:2px}
.fields dt{font:700 .6875rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--mo-fog)}
.fields dd{font:800 1.25rem/1.1 var(--font-poster);font-stretch:85%;text-transform:uppercase;color:#fff;font-variant-numeric:tabular-nums}
.b-stub{background:var(--sy-red-700);color:#fff;padding:clamp(22px,4vh,40px) clamp(22px,3vw,36px);display:grid;gap:16px;align-content:space-between;position:relative;border-left:2px dashed rgb(255 255 255 / .55);
  -webkit-mask:radial-gradient(circle 14px at 0 0,#0000 98%,#000) top left/100% 51% no-repeat,radial-gradient(circle 14px at 0 100%,#0000 98%,#000) bottom left/100% 51% no-repeat;
          mask:radial-gradient(circle 14px at 0 0,#0000 98%,#000) top left/100% 51% no-repeat,radial-gradient(circle 14px at 0 100%,#0000 98%,#000) bottom left/100% 51% no-repeat}
.b-stub .fields dt{color:#FFD3D5}
.b-stub p{font-size:.9375rem;color:#FFE3E4}
.b-stub p b{color:#fff;font-variant-numeric:tabular-nums}
.b-stub .cd{font:900 clamp(2rem,1.4rem + 1.6vw,2.75rem)/1 var(--font-poster);font-variant-numeric:tabular-nums;color:#fff;letter-spacing:.01em}
.b-stub :focus-visible{outline-color:#fff}
.under{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:20px;align-items:center}
.under p{font-size:.9375rem;color:var(--sy-n-800);max-width:62ch}
.under .tlink{color:var(--sy-n-900)}
@media (max-width:760px){
  .boleto{grid-template-columns:1fr}
  .b-body{min-height:240px;-webkit-mask:radial-gradient(circle 14px at 0 100%,#0000 98%,#000) bottom left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 100%,#0000 98%,#000) bottom right/51% 100% no-repeat;mask:radial-gradient(circle 14px at 0 100%,#0000 98%,#000) bottom left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 100%,#0000 98%,#000) bottom right/51% 100% no-repeat}
  .b-stub{border-left:0;border-top:2px dashed rgb(255 255 255 / .55);-webkit-mask:radial-gradient(circle 14px at 0 0,#0000 98%,#000) top left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 0,#0000 98%,#000) top right/51% 100% no-repeat;mask:radial-gradient(circle 14px at 0 0,#0000 98%,#000) top left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 0,#0000 98%,#000) top right/51% 100% no-repeat}
}

/* Trivia (noche) */
.tv{background:var(--mo-night);color:#fff;min-height:calc(100svh - 68px);display:grid;grid-template-rows:auto 1fr}
.tv-top{border-bottom:1px solid var(--mo-line)}
.tv-top .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:12px 24px;align-items:center;padding-block:14px}
.tv-n{font:800 1rem var(--font-poster);text-transform:uppercase;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--mo-mist)}
.segs{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.segs i{height:4px;background:var(--mo-line)}
.segs i.done{background:#fff}
.segs i.now{background:var(--mo-spectrum)}
.clock{font:800 1.25rem var(--font-poster);font-variant-numeric:tabular-nums;color:#fff;display:inline-flex;gap:8px;align-items:center}
.clock svg{width:18px;height:18px}
.tv-body .wrap{max-width:820px;display:grid;grid-template-rows:1fr auto;gap:24px;padding-block:clamp(24px,5vh,64px) clamp(24px,5vh,56px);min-height:100%}
.q{font:800 clamp(1.75rem,min(1.2rem + 2.2vw,6vh),3rem)/1.08 var(--font-poster);font-stretch:88%;color:#fff;text-wrap:balance;align-self:center;-webkit-user-select:none;user-select:none}
.opts{display:grid;gap:10px;border:0;margin:0;padding:0}
.opt input{position:absolute;opacity:0;width:1px;height:1px}
.opt label{display:grid;grid-template-columns:2.5rem 1fr;align-items:center;gap:12px;min-height:60px;padding:8px 14px;border:1px solid var(--mo-line-strong);background:var(--mo-night-2);font:400 1.125rem/1.25 var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}
.opt label b{font:900 1.125rem var(--font-poster);color:var(--mo-fog)}
.opt label:hover{border-color:var(--mo-fog)}
.opt input:checked+label{background:#fff;color:var(--mo-night);border-color:#fff;background-image:var(--mo-spectrum);background-size:100% 4px;background-repeat:no-repeat;background-position:bottom}
.opt input:checked+label b{color:var(--sy-red-700)}
.opt input:focus-visible+label{outline:3px solid #fff;outline-offset:2px}
.tv-act{display:grid;gap:8px}
.tv-act .btn{width:100%;justify-content:center}
.tv-act .btn[disabled]{background:#2A292D;color:#8F8A8D}
.tv-act .quit{justify-self:center;background:none;border:0;color:var(--mo-fog);text-decoration:underline;text-underline-offset:4px;font:700 .9375rem var(--font-body);min-height:44px;cursor:pointer}
.q-in{animation:qin var(--dur-base) var(--ease-out)}
@keyframes qin{from{opacity:0}to{opacity:1}}
@media (max-width:900px){ .tv-top .wrap{grid-template-columns:1fr auto} .segs{grid-column:1/-1;grid-row:2} }

/* Resultado: el boleto impreso */
.res-v{background:var(--mo-night);color:var(--mo-mist);min-height:calc(100svh - 68px);padding-block:clamp(28px,6vh,72px)}
.res-v .wrap{max-width:980px;display:grid;gap:clamp(18px,3vh,28px)}
.res-v .co{font:700 .8125rem var(--font-poster);text-transform:uppercase;letter-spacing:.14em;color:var(--mo-fog)}
.res-v h1{font-size:clamp(2.6rem,min(1.6rem + 3.6vw,10vh),5rem)}
.res-v .boleto{filter:none}
.res-v .b-body{min-height:0}
.score{font:900 clamp(4rem,min(2.6rem + 5vw,16vh),7rem)/.85 var(--font-poster);font-stretch:78%;color:#fff;font-variant-numeric:tabular-nums}
.score small{font-size:.32em;font-stretch:85%;margin-left:.2em;color:var(--mo-mist)}
.verdict{display:inline-flex;align-items:center;gap:10px;font:italic 800 1.0625rem var(--font-display);color:#fff}
.verdict::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--sy-lime-400)}
.verdict.same::before{background:var(--mo-line-strong)}
.res-v .valid{max-width:66ch;font-size:.9375rem}
.res-v .valid b{color:#fff}
.res-v .acts .tlink{color:#fff}
.printed{animation:print 1.4s steps(14,end) both}
@keyframes print{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@media (prefers-reduced-motion:reduce){ .printed{animation:none} }

/* Estados */
.state h1{color:var(--sy-n-900)}
.state .lead b{color:var(--sy-n-900)}
.state .cd{font:900 2.5rem/1 var(--font-poster);font-variant-numeric:tabular-nums;color:var(--sy-n-900)}

/* Diálogo */
dialog{border:0;padding:0;max-width:min(520px,calc(100vw - 32px));width:100%;background:var(--paper);color:var(--sy-n-900);box-shadow:0 30px 80px -20px rgb(0 0 0 / .5)}
dialog::backdrop{background:rgb(10 10 11 / .7)}
.dlg{display:grid;gap:16px;padding:24px}
.dlg h2{font:italic 800 1.625rem/1.05 var(--font-display);color:var(--sy-red-500)}
.dlg .acts .btn{flex:1;justify-content:center}
@media (max-width:480px){ .dlg .acts{flex-direction:column} .dlg .acts .btn{width:100%} }
/* Correos largos sin guiones (avisos de verificación) no se salen de su caja. */
.b-acc b,.state b{overflow-wrap:anywhere}
/* ---------- Ajustes del port a WordPress ---------- */
[data-sy-trivia] [hidden],[data-sy-aviso][hidden],.sheet-in [hidden],.alert[hidden]{display:none!important}
.flow .sheet-in>[data-sy-vista],.flow .sheet-in>[data-sy-enviado],.flow .sheet-in>[data-sy-listo]{display:grid;gap:22px}
.flow .lead{margin:0}
.flow .sheet-in p{margin:0}
.pick{border:0;margin:0;padding:0}
.b-acc{display:grid;gap:14px}
.hello .out{color:var(--sy-n-800);font:700 .9375rem var(--font-body);text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.tv-low{display:grid;gap:16px;align-content:end}
.tv[hidden]{display:none}
.tv-state{background:var(--paper);color:var(--sy-n-900);padding:clamp(28px,6vh,72px) var(--gut);display:grid;gap:20px;justify-items:start}
.tv-state h1{font:italic 800 clamp(2rem,1.4rem + 2vw,3.25rem)/1.02 var(--font-display);color:var(--sy-red-500)}
.sy-dlg .acts .btn-line{color:var(--sy-n-900)}
.flow,.mine-v,.res-v,.tv{margin:0}
.state{display:grid;gap:20px}
.state .lead{margin:0}
.msg svg{width:16px;height:16px}

/* =====================================================================
   v2 · mecánica sin cuentas (mismas piezas que design-system/diseno-v2)
   ===================================================================== */
/* Pares de campos alineados aunque una ayuda ocupe dos líneas (subgrid) */
@supports (grid-template-rows:subgrid){
  @media (min-width:601px){
    .two{row-gap:0}
    .two>.field{grid-row:span 4;grid-template-rows:subgrid;row-gap:6px;align-content:start}
    .two>.field>.input,.two>.field>.pre{align-self:end}
    .two>.field>.msg:empty{display:block;min-height:0}
  }
}
/* Monto con prefijo $ */
.pre{position:relative}
.pre::before{content:attr(data-pre);position:absolute;left:2px;top:50%;transform:translateY(-50%);font:700 1.0625rem var(--font-body);color:var(--sy-n-800);pointer-events:none}
.pre .input{padding-left:18px}
select.input:disabled{color:var(--sy-n-700);border-bottom-style:dashed;cursor:not-allowed}
.field .help .lnk{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--sy-n-900);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:24px}
/* Ticket de ejemplo (ilustración) */
.tk-demo{width:100%;max-width:340px;height:auto;display:block;margin-inline:auto;filter:drop-shadow(0 10px 18px rgb(30 26 26 / .18))}
/* Resultado: tiempo en palabras */
.t-long{font:700 .9375rem var(--font-body);color:var(--mo-mist);margin:0}
.res-v .acts .btn-line{color:#fff}

/* Resumen de errores: cada enlace con 24 px de alto mínimo para tocarlo (WCAG 2.5.8) */
.alert li a{display:inline-block;min-height:24px;padding-block:3px}
/* Premios de la ciudad elegida (por lugar en su ranking), debajo del selector de ciudad */
.premios{grid-column:1/-1;max-width:640px;margin-top:4px}
.premios .pr-h{font-weight:700;color:var(--sy-n-900);margin:0 0 6px}
.premios .pr{margin:0;display:grid}
.premios .pr>div{display:grid;grid-template-columns:minmax(7.5em,auto) 1fr;gap:12px;padding-block:7px;border-bottom:1px dashed var(--sy-n-300);font-size:.9375rem}
.premios dt{font-weight:700;color:var(--sy-red-700);font-variant-numeric:tabular-nums}
.premios dd{margin:0;color:var(--sy-n-800)}