/* 04 Concurso · estilos del juego. Todo va dentro de #tc04 para no chocar con el tema ni con Elementor. */
#tc04{
  --f-titulo:"Baloo 2","Nunito",system-ui,sans-serif;
  --f-texto:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;
  --bg:#FBF7F1; --surface:#FFFFFF; --surface-2:#F4EFE7; --ink:#232736; --ink-soft:#5E6373;
  --line:#E6DED1; --line-strong:#CBC1B1;
  --azul:#2D72B8; --azul-ink:#FFFFFF; --azul-suave:#E3EEF8;
  --naranja:#E57434; --naranja-suave:#FCE9DC;
  --ok:#2C7A4B; --ok-suave:#DFF2E5;
  --mal:#C9453A; --mal-suave:#FBE3E0;
  --sello-ink:#FFFFFF;
  --velo:rgba(35,39,54,.55);
  --sombra:0 12px 32px rgba(35,39,54,.14);
  color:var(--ink);background:transparent;scroll-margin-top:96px;text-align:left}
#tc04 *,#tc04 *::before,#tc04 *::after{box-sizing:border-box}
#tc04 button{font:inherit;line-height:1.2;text-transform:none;letter-spacing:normal;text-shadow:none;margin:0;background-image:none;-webkit-appearance:none;appearance:none}
#tc04 button:hover,#tc04 button:focus{text-decoration:none}
#tc04 input{font:inherit;line-height:1.2;margin:0;box-shadow:none;-webkit-appearance:none;appearance:none}
#tc04 h2,#tc04 h3,#tc04 p,#tc04 ol,#tc04 ul,#tc04 li,#tc04 summary{color:inherit;text-transform:none;letter-spacing:normal}
#tc04 [hidden]{display:none!important}
#tc04 .tc-barra{justify-content:flex-end}
.tc04-confeti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:999998}
#tc04{
font-family:var(--f-texto);font-size:1.0625rem;line-height:1.5;max-width:34rem;margin:0 auto;
  padding-block:0 2rem;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
#tc04 *{
box-sizing:border-box}
#tc04 h2,#tc04 h3{
font-family:var(--f-titulo);line-height:1.12;text-wrap:balance;margin:0}
#tc04 p{
margin:0}
#tc04 button{
-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#tc04 :focus-visible{
outline:3px solid var(--azul);outline-offset:3px;border-radius:.6rem}
#tc04 [tabindex="-1"]:focus{
outline:none}
#tc04 .tc-sr{
position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#tc04 .tc-barra{
display:flex;align-items:center;gap:.5rem;min-height:3.5rem;padding-block:.5rem}
#tc04 .tc-marca-x{
font-family:var(--f-titulo);font-weight:800;font-size:1rem;color:var(--ink-soft);margin-right:auto;display:flex;align-items:center;gap:.4rem;letter-spacing:.01em}
#tc04 .tc-marca svg{
width:1.5rem;height:.9rem}
#tc04 .tc-ico{
font:inherit;width:2.75rem;height:2.75rem;border-radius:50%;border:2px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center;padding:0}
#tc04 .tc-ico svg{
width:1.3rem;height:1.3rem}
#tc04 .tc-ico[aria-pressed="false"]{
color:var(--ink-soft)}
#tc04 .tc-btn{
font:inherit;font-weight:800;font-size:1.1rem;min-height:3.5rem;padding:.75rem 1.5rem;border-radius:999px;
  border:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;transition:transform .12s}
#tc04 .tc-btn:active{
transform:scale(.98)}
#tc04 .tc-btn--pri{
background:var(--azul);color:var(--azul-ink);box-shadow:0 4px 0 color-mix(in srgb,var(--azul) 70%,black)}
#tc04 .tc-btn--pri:active{
box-shadow:0 1px 0 color-mix(in srgb,var(--azul) 70%,black);transform:translateY(3px)}
#tc04 .tc-btn--sec{
background:transparent;border-color:var(--line-strong);color:var(--ink)}
#tc04 .tc-btn--ancho{
width:100%}
#tc04 .tc-enlace{
font:inherit;font-weight:700;font-size:.95rem;background:none;border:0;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:2.75rem;padding:.25rem .5rem}
#tc04 .tc-acciones{
display:grid;gap:.75rem}
#tc04 .tc-portada{
display:grid;gap:1.25rem;padding-block:1.5rem 0;justify-items:start}
#tc04 .tc-sonrisa{
width:6.5rem;height:2.3rem;color:var(--naranja)}
#tc04 .tc-portada h2{
font-size:clamp(2.3rem,10vw,3.2rem);font-weight:800;color:var(--azul)}
#tc04 .tc-portada h2 span{
color:var(--naranja);display:block}
#tc04 .tc-entradilla{
font-size:1.15rem;max-width:28rem}
#tc04 .tc-portada .tc-acciones{
width:100%;padding-top:.25rem}
#tc04 .tc-como{
width:100%;border-top:1px solid var(--line);padding-top:.75rem}
#tc04 .tc-como summary{
font-weight:800;cursor:pointer;min-height:2.75rem;display:flex;align-items:center;gap:.5rem;list-style:none}
#tc04 .tc-como summary::-webkit-details-marker{
display:none}
#tc04 .tc-como summary::before{
content:"";width:.5rem;height:.5rem;border-right:2.5px solid var(--naranja);border-bottom:2.5px solid var(--naranja);transform:rotate(-45deg);transition:transform .15s;margin-left:.15rem}
#tc04 .tc-como[open] summary::before{
transform:rotate(45deg)}
#tc04 .tc-como ol{
margin:.25rem 0 .5rem;padding-left:1.25rem;display:grid;gap:.35rem;color:var(--ink-soft);font-weight:600}
#tc04 .tc-nota{
font-size:.85rem;color:var(--ink-soft)}
#tc04 .tc-prep{
display:grid;gap:1.5rem;padding-block:.5rem}
#tc04 .tc-bloque-f{
display:grid;gap:.6rem}
#tc04 .tc-bloque-f h2{
font-size:1.4rem}
#tc04 .tc-etq{
font-weight:800;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft)}
#tc04 .tc-seg{
display:flex;flex-wrap:wrap;gap:.5rem}
#tc04 .tc-seg button{
font:inherit;font-weight:800;min-width:3rem;min-height:3rem;padding:.5rem .9rem;border-radius:.9rem;border:2px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums}
#tc04 .tc-seg button[aria-pressed="true"]{
background:var(--azul);border-color:var(--azul);color:var(--azul-ink)}
#tc04 .tc-seg--pp{
display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
#tc04 .tc-seg--pp button{
min-width:0;padding-inline:.2rem}
#tc04 .tc-seg--nivel button{
flex:1 1 0;min-width:0;font-size:.92rem;padding-inline:.4rem}
#tc04 .tc-jugadores{
display:grid;gap:.85rem}
#tc04 .tc-jug{
background:var(--surface);border:2px solid var(--line);border-radius:1.4rem;padding:1rem;display:grid;gap:.85rem}
#tc04 .tc-jug-cab{
display:flex;align-items:center;gap:.75rem}
#tc04 .tc-jug-cab h3{
font-size:1.15rem}
#tc04 .tc-campos{
display:grid;grid-template-columns:1fr 6rem;gap:.65rem}
#tc04 .tc-campo{
display:grid;gap:.3rem;min-width:0}
#tc04 .tc-campo label{
font-weight:700;font-size:.9rem;color:var(--ink-soft)}
#tc04 .tc-campo input{
font:inherit;font-weight:700;font-size:1.1rem;min-height:3rem;width:100%;padding:.5rem .8rem;border-radius:.85rem;border:2px solid var(--line-strong);background:var(--surface-2);color:var(--ink)}
#tc04 .tc-campo input:focus{
border-color:var(--azul);outline:none;background:var(--surface)}
#tc04 .tc-avatares{
display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;justify-items:center;max-width:22rem}
#tc04 .tc-av{
width:2.9rem;height:2.9rem;border-radius:50%;display:grid;place-items:center;font-size:1.45rem;line-height:1;flex:none;border:3px solid transparent}
#tc04 button.tc-av{
cursor:pointer;padding:0;transition:transform .12s}
#tc04 button.tc-av[aria-pressed="true"]{
border-color:var(--ink);transform:scale(1.08)}
#tc04 .tc-av--g{
width:5rem;height:5rem;font-size:2.6rem}
#tc04 .tc-av--p{
width:2.1rem;height:2.1rem;font-size:1.05rem;border-width:2px}
#tc04 .tc-franja{
font-size:.92rem;color:var(--ink-soft);font-weight:700;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem}
#tc04 .tc-franja .tc-enlace{
padding:0;min-height:2rem;font-size:.9rem}
#tc04 .tc-aviso{
background:var(--naranja-suave);border-radius:.9rem;padding:.75rem 1rem;font-weight:700;font-size:.95rem}
#tc04 .tc-prep .tc-acciones{
padding-top:.25rem;justify-items:center}
#tc04 .tc-turno{
display:grid;justify-items:center;text-align:center;gap:1.1rem;padding-block:2.5rem 1rem}
#tc04 .tc-turno h2{
font-size:clamp(2rem,9vw,2.7rem);font-weight:800}
#tc04 .tc-turno h2 em{
font-style:normal;color:var(--azul)}
#tc04 .tc-turno .tc-sub{
color:var(--ink-soft);font-weight:700}
#tc04 .tc-turno .tc-btn{
margin-top:.5rem}
#tc04 .tc-chips{
display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;padding-top:1rem}
#tc04 .tc-chip{
display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .3rem;border-radius:999px;background:var(--surface);border:2px solid var(--line);font-weight:700;font-size:.92rem}
#tc04 .tc-chip.is-actual{
border-color:var(--azul)}
#tc04 .tc-chip b{
font-family:var(--f-titulo);font-size:1.05rem;font-variant-numeric:tabular-nums}
#tc04 .tc-chip .tc-nom{
max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tc04 .tc-cab{
display:flex;align-items:center;gap:.6rem;padding-block:.25rem .6rem;font-weight:800}
#tc04 .tc-cab .tc-nom{
min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tc04 .tc-pts{
margin-left:auto;flex:none;font-family:var(--f-titulo);font-weight:800;font-size:1rem;padding:.25rem .8rem;border-radius:999px;background:var(--naranja-suave);font-variant-numeric:tabular-nums}
#tc04 .tc-pts.tc-pop{
animation:tc-pop .35s ease-out}
#tc04 .tc-progreso{
display:flex;gap:.3rem;padding-block:0 1rem}
#tc04 .tc-progreso span{
height:.4rem;flex:1;border-radius:999px;background:var(--line)}
#tc04 .tc-progreso span.is-hecha{
background:var(--azul)}
#tc04 .tc-progreso span.is-ahora{
background:var(--naranja)}
#tc04 .tc-progreso .tc-prog-cont{
display:block;flex:1;height:.4rem;border-radius:999px;background:var(--line);overflow:hidden}
#tc04 .tc-progreso .tc-prog-cont b{
display:block;height:100%;background:var(--azul);border-radius:999px;transition:width .3s}
#tc04 .tc-cuenta{
font-size:.85rem;font-weight:700;color:var(--ink-soft);margin:-.4rem 0 .4rem!important;font-variant-numeric:tabular-nums}
#tc04 .tc-preg{
display:grid;gap:1.25rem}
#tc04 .tc-enunciado{
font-size:clamp(1.55rem,6.5vw,2rem);font-weight:800;padding-block:.25rem}
#tc04 .tc-opciones{
display:grid;gap:.7rem}
#tc04 .tc-opcion{
font:inherit;font-weight:700;font-size:1.2rem;color:var(--ink);width:100%;min-height:4rem;text-align:left;
  display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem .75rem 1.15rem;border-radius:1.2rem;border:2px solid var(--line);background:var(--surface);cursor:pointer;
  box-shadow:0 3px 0 var(--line);transition:border-color .15s,background .15s,transform .1s,opacity .2s}
@media (hover:hover) and (pointer:fine){
#tc04 .tc-opcion:hover:not([disabled]){
border-color:var(--azul)}
}
#tc04 .tc-opcion:active:not([disabled]){
transform:translateY(2px);box-shadow:0 1px 0 var(--line)}
#tc04 .tc-opcion[disabled]{
cursor:default}
#tc04 .tc-texto{
min-width:0;overflow-wrap:anywhere;flex:1}
#tc04 .tc-sello{
flex:none;width:1.9rem;height:1.9rem;border-radius:50%;display:none;place-items:center;color:var(--sello-ink)}
#tc04 .tc-sello svg{
width:1.1rem;height:1.1rem}
#tc04 .tc-opcion.is-ok{
border-color:var(--ok);background:var(--ok-suave);box-shadow:0 3px 0 var(--ok);animation:tc-pop .4s ease-out}
#tc04 .tc-opcion.is-ok .tc-sello{
display:grid;background:var(--ok)}
#tc04 .tc-opcion.is-mal{
border-color:var(--mal);background:var(--mal-suave);box-shadow:0 3px 0 var(--mal);animation:tc-sacude .4s ease-out}
#tc04 .tc-opcion.is-mal .tc-sello{
display:grid;background:var(--mal)}
#tc04 .tc-opcion.is-apagada{
opacity:.45}
#tc04 .tc-opcion.is-quitada{
opacity:.35}
#tc04 .tc-opcion.is-quitada .tc-texto{
text-decoration:line-through}
#tc04 .tc-pista-fila{
display:flex;justify-content:center}
#tc04 .tc-pista{
font:inherit;font-weight:800;font-size:.95rem;min-height:3rem;padding:.5rem 1.1rem;border-radius:999px;border:2px solid var(--naranja);background:transparent;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}
#tc04 .tc-pista svg{
width:1.2rem;height:1.2rem;color:var(--naranja)}
#tc04 .tc-pista[disabled]{
opacity:.5;cursor:default;border-style:dashed}
#tc04 .tc-hoja{
position:sticky;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));z-index:5;margin-top:1.25rem;
  background:var(--surface);border:2px solid var(--line);border-radius:1.5rem;box-shadow:var(--sombra);padding:1rem;display:grid;gap:.85rem;animation:tc-sube .28s ease-out both}
#tc04 .tc-hoja.sin-anim{
animation:none}
#tc04 .tc-hoja--ok{
border-color:var(--ok)}
#tc04 .tc-hoja--mal{
border-color:var(--mal)}
#tc04 .tc-veredicto{
font-family:var(--f-titulo);font-size:1.7rem;font-weight:800;line-height:1.1}
#tc04 .tc-veredicto.is-ok{
color:var(--ok)}
#tc04 .tc-veredicto.is-mal{
color:var(--mal)}
#tc04 .tc-era{
font-size:1.1rem;font-weight:700}
#tc04 .tc-era strong{
color:var(--ok)}
#tc04 .tc-sabias{
background:var(--naranja-suave);border-radius:1.1rem;padding:.85rem 1rem;display:grid;gap:.2rem}
#tc04 .tc-sabias strong{
font-family:var(--f-titulo);font-size:1.05rem}
#tc04 .tc-final{
display:grid;gap:1.25rem;padding-block:1rem}
#tc04 .tc-final>h2{
font-size:clamp(2rem,9vw,2.7rem);font-weight:800;text-align:center}
#tc04 .tc-ganan{
text-align:center;font-size:1.25rem;font-weight:800}
#tc04 .tc-ganan em{
font-style:normal;color:var(--azul)}
#tc04 .tc-podio{
display:flex;align-items:flex-end;justify-content:center;gap:.6rem;padding-top:.5rem}
#tc04 .tc-escalon{
flex:1 1 0;max-width:9rem;min-width:0;display:grid;justify-items:center;gap:.4rem;text-align:center}
#tc04 .tc-escalon .tc-quien{
display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem}
#tc04 .tc-escalon .tc-nombres{
font-weight:800;font-size:.95rem;overflow-wrap:anywhere}
#tc04 .tc-bloque{
width:100%;border-radius:1rem 1rem .4rem .4rem;display:grid;place-items:start center;padding-top:.5rem;
  font-family:var(--f-titulo);font-weight:800;font-size:1.6rem;background:var(--surface-2);border:2px solid var(--line);transform-origin:bottom;animation:tc-crece .55s ease-out both}
#tc04 .tc-escalon--1 .tc-bloque{
height:8.5rem;background:var(--azul);border-color:var(--azul);color:var(--azul-ink)}
#tc04 .tc-escalon--2 .tc-bloque{
height:6rem}
#tc04 .tc-escalon--3 .tc-bloque{
height:4.5rem}
#tc04 .tc-bloque small{
display:block;font-family:var(--f-texto);font-size:.8rem;font-weight:700}
#tc04 .tc-diplomas{
display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem .15rem 1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#tc04 .tc-diplomas::-webkit-scrollbar{
display:none}
#tc04 .tc-diploma{
flex:0 0 min(88%,22rem);scroll-snap-align:center;background:var(--surface);border:2px solid var(--line);border-radius:1.4rem;padding:1.25rem 1rem;text-align:center;display:grid;justify-items:center;align-content:start;gap:.5rem;position:relative}
#tc04 .tc-diplomas.is-uno .tc-diploma{
flex-basis:100%}
#tc04 .tc-diploma::before{
content:"";position:absolute;inset:.4rem;border:1.5px dashed var(--naranja);border-radius:1.05rem;pointer-events:none;opacity:.7}
#tc04 .tc-diploma .tc-etq{
color:var(--naranja)}
#tc04 .tc-diploma h3{
font-size:1.7rem;font-weight:800;overflow-wrap:anywhere}
#tc04 .tc-diploma p{
max-width:22rem}
#tc04 .tc-firma{
font-size:.85rem;color:var(--ink-soft)}
#tc04 .tc-antes{
text-align:center;color:var(--ink-soft);font-weight:700;margin-top:-.5rem}
#tc04 .tc-fundacion{
display:grid;justify-items:center;gap:.6rem;text-align:center;text-decoration:none;color:var(--ink-soft);padding:1.75rem 1rem .5rem;margin-top:.75rem;border-top:1px solid var(--line)}
#tc04 .tc-fundacion img{
width:220px;max-width:100%;height:auto;display:block}
#tc04 .tc-fundacion span{
font-size:.85rem;font-weight:600;max-width:20rem;line-height:1.4}
#tc04 .tc-fundacion u{
text-underline-offset:3px;color:var(--azul)}
#tc04 .tc-fundacion:hover u{
text-decoration-thickness:2px}
#tc04 .tc-resumen{
display:grid;justify-items:center;text-align:center;gap:1.25rem;padding-block:1rem 1.5rem}
#tc04 .tc-res-logo{
width:220px;max-width:70%;height:auto;display:block}
#tc04 .tc-res-tit{
font-family:var(--f-titulo);font-size:clamp(1.7rem,7.5vw,2.3rem);font-weight:800;line-height:1.15;text-wrap:balance}
#tc04 .tc-res-tit em{
font-style:normal;color:var(--azul)}
#tc04 .tc-campeon{
display:grid;justify-items:center;gap:.6rem}
#tc04 .tc-campeon-av{
display:flex;gap:.5rem;justify-content:center}
#tc04 .tc-campeon-av .tc-av{
box-shadow:0 0 0 4px var(--surface),0 0 0 7px var(--naranja)}
#tc04 .tc-copa{
display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:999px;background:var(--naranja-suave);font-family:var(--f-titulo);font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums}
#tc04 .tc-copa svg{
width:1.2rem;height:1.2rem;color:var(--naranja)}
#tc04 .tc-ranking{
list-style:none;margin:0;padding:0;width:100%;display:grid;gap:.45rem;text-align:left}
#tc04 .tc-ranking li{
display:flex;align-items:center;gap:.65rem;padding:.55rem .85rem;border-radius:1rem;background:var(--surface);border:2px solid var(--line);font-weight:700}
#tc04 .tc-ranking li.is-gana{
border-color:var(--naranja);background:var(--naranja-suave)}
#tc04 .tc-ranking .tc-nom{
min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
#tc04 .tc-ranking .tc-res-n{
font-size:.8rem;color:var(--ink-soft);font-weight:600;white-space:nowrap}
#tc04 .tc-ranking b{
font-family:var(--f-titulo);font-size:1.3rem;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}
#tc04 .tc-invita{
width:100%;display:grid;gap:.85rem;justify-items:center;padding:1.25rem 1rem;border-radius:1.25rem;background:var(--azul-suave);color:var(--ink);text-decoration:none}
#tc04 .tc-invita-txt{
display:grid;gap:.2rem;font-size:1.05rem;font-weight:700;line-height:1.4;max-width:24rem}
#tc04 .tc-invita-txt strong{
font-family:var(--f-titulo);font-size:1.2rem}
#tc04 .tc-invita-btn svg{
width:1.15rem;height:1.15rem;flex:none}
#tc04 .tc-invita-btn{
display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:3.25rem;padding:.7rem 1.5rem;border-radius:999px;background:var(--azul);color:var(--azul-ink);font-weight:800;font-size:1.05rem;box-shadow:0 4px 0 color-mix(in srgb,var(--azul) 70%,black)}
#tc04 .tc-invita:hover .tc-invita-btn{
filter:brightness(1.06)}
#tc04 .tc-res-acc{
width:100%;justify-items:center}
#tc04 .tc-desliza{
text-align:center;font-size:.85rem;color:var(--ink-soft);font-weight:700;margin-top:-.5rem}
#tc04 .tc-velo{
position:fixed;inset:0;z-index:999999;background:var(--velo);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;
  padding:1rem max(16px,env(safe-area-inset-right,0px)) 1rem max(16px,env(safe-area-inset-left,0px))}
#tc04 .tc-modal{
position:relative;background:var(--bg);color:var(--ink);border-radius:1.75rem;padding:4.4rem 1.35rem 1.35rem;width:100%;max-width:22.5rem;display:grid;gap:.6rem;justify-items:center;text-align:center;
  box-shadow:0 24px 60px rgba(35,39,54,.28);font-family:var(--f-texto);margin-top:2.5rem;border:3px solid var(--surface);animation:tc-modal-in .32s cubic-bezier(.2,1.3,.4,1) both}
#tc04 .tc-modal::before{
content:"";position:absolute;inset:0 0 auto;height:3.9rem;border-radius:1.5rem 1.5rem 0 0;background:var(--naranja-suave);z-index:0}
#tc04 .tc-modal>*{
position:relative;z-index:1}
#tc04 .tc-modal-cara{
position:absolute!important;top:-2.6rem;left:50%;transform:translateX(-50%);width:5.4rem;height:5.4rem;border-radius:50%;background:var(--naranja);color:var(--surface);display:grid;place-items:center;
  box-shadow:0 0 0 6px var(--bg),0 10px 24px rgba(229,116,52,.35)}
#tc04 .tc-modal-cara svg{
width:3.4rem;height:3.4rem}
#tc04 .tc-modal h2{
font-family:var(--f-titulo);font-size:1.75rem;font-weight:800;line-height:1.1;color:var(--ink);margin-top:.35rem}
#tc04 .tc-modal p{
font-size:1.02rem;color:var(--ink-soft);font-weight:600;max-width:18rem}
#tc04 .tc-modal-marc{
display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.35rem 0 .1rem}
#tc04 .tc-modal-chip{
display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem .2rem .2rem;border-radius:999px;background:var(--surface);border:2px solid var(--line)}
#tc04 .tc-modal-chip b{
font-family:var(--f-titulo);font-size:1.05rem;font-variant-numeric:tabular-nums}
#tc04 .tc-modal .tc-acciones{
padding-top:.6rem;width:100%}
#tc04 .tc-btn--naranja{
background:transparent;border-color:var(--naranja);color:var(--ink)}
#tc04 .tc-btn--naranja:hover{
background:var(--naranja-suave)}
@keyframes tc-modal-in{
from{
transform:scale(.92) translateY(.75rem);opacity:0}
to{
transform:none;opacity:1}
}
@keyframes tc-pop{
0%{
transform:scale(1)}
45%{
transform:scale(1.04)}
100%{
transform:scale(1)}
}
@keyframes tc-sacude{
0%,100%{
transform:none}
20%{
transform:translateX(-5px)}
50%{
transform:translateX(5px)}
80%{
transform:translateX(-3px)}
}
@keyframes tc-crece{
from{
transform:scaleY(.15)}
to{
transform:scaleY(1)}
}
@keyframes tc-sube{
from{
transform:translateY(1.25rem);opacity:0}
to{
transform:none;opacity:1}
}
@media (prefers-reduced-motion:reduce){
#tc04 *{
animation:none!important;transition:none!important}
}
@media (orientation:landscape) and (max-height:540px){
#tc04{
max-width:58rem}
#tc04 .tc-preg{
grid-template-columns:1fr 1fr;align-items:start;column-gap:1.5rem}
#tc04 .tc-preg .tc-pista-fila{
grid-column:2}
#tc04 .tc-turno{
padding-block:.75rem}
}
@media (max-width:380px){
#tc04 .tc-campos{
grid-template-columns:1fr 5.25rem}
}