/* Página de espera · marca Race Night (tomada de diseno/pantallas/EntradaConsulta.dc.html) */
@font-face{font-family:'Gabarito';src:url(/fuentes/Gabarito-VariableFont_wght.woff2) format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:'Schibsted Grotesk';src:url(/fuentes/SchibstedGrotesk-VariableFont_wght.woff2) format('woff2');font-weight:400 800;font-display:swap}

*{box-sizing:border-box}
html,body{margin:0;background:#14101a}
body{color:#FFFFFF;font-family:'Schibsted Grotesk',system-ui,sans-serif;-webkit-text-size-adjust:100%}
:focus-visible{outline:3px solid #81FF1D;outline-offset:2px}
.d{font-family:'Gabarito',system-ui,sans-serif}
.n{font-variant-numeric:tabular-nums}

.pantalla{position:relative;overflow:hidden;min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto}
.garza{position:absolute;right:6px;bottom:92px;height:170px;width:auto;opacity:.9;pointer-events:none}
.columna{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:26px;
  padding:calc(46px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left))}

.cabeza{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.logo{width:300px;max-width:100%;height:auto}
.pildora{display:inline-flex;align-items:center;border:1.5px solid #81FF1D;color:#81FF1D;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600}

.mensaje{display:flex;flex-direction:column;gap:10px;text-align:center}
.mensaje h1{margin:0;font-size:26px;font-weight:700;line-height:1.15;text-wrap:balance}
.mensaje p{margin:0;font-size:16px;color:#d8d0de;line-height:1.45;text-wrap:balance}

.datos dl{margin:0;display:flex;flex-direction:column;gap:2px;border-radius:14px;overflow:hidden}
.datos dl>div{background:#221a2b;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.datos dt{font-size:13px;color:#b8adc0;font-weight:600}
.datos dd{margin:0;font-size:17px;font-weight:600;color:#FFFFFF}

.pie{margin-top:auto;display:flex;flex-direction:column;gap:16px}
.aviso{margin-right:112px;background:#221a2b;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#d8d0de;line-height:1.45}
.aviso b{color:#FFFFFF}
.creditos{font-size:12px;color:#a99fb2;line-height:1.5}

@keyframes entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){.logo{animation:entra .28s cubic-bezier(.23,1,.32,1) both}}
