:root{--rojo:#8B0E1A;--rojo-vivo:#E3192B;--abismo:#0B0B0C;--tinta:#F2EFEF;--tinta-2:#B9B3B6;--linea:rgba(255,255,255,.14);color-scheme:dark}
@font-face{font-family:"Raleway";font-weight:800;font-display:swap;src:url("login/fuentes/raleway-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-weight:400;font-display:swap;src:url("login/fuentes/montserrat-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-weight:600;font-display:swap;src:url("login/fuentes/montserrat-latin-600-normal.woff2") format("woff2")}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(60vmax 40vmax at 8% 105%,color-mix(in srgb,var(--rojo) 50%,transparent),transparent 62%),var(--abismo);color:var(--tinta);font:400 15px/1.5 "Montserrat",system-ui,sans-serif}
.panel{width:min(560px,100%);padding:36px clamp(22px,5vw,44px);border-radius:26px;border:1px solid var(--linea);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 50px 100px -40px #000,inset 0 1px 0 rgba(255,255,255,.2);display:grid;gap:14px;justify-items:start}
.iso{width:48px;height:auto}
.marca{margin:0;font:700 11px/1 "Raleway",sans-serif;letter-spacing:.38em;color:var(--tinta-2)}
h1{margin:0;font:800 clamp(24px,4vw,32px)/1.12 "Raleway",sans-serif}
.datos{display:grid;gap:10px;margin:6px 0;width:100%}
.datos div{display:grid;gap:2px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05)}
.datos dt{font:700 10.5px/1 "Raleway",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-2)}
.datos dd{margin:0;overflow-wrap:anywhere}
.nota{margin:0;font-size:13px;color:var(--tinta-2)}
.boton{height:46px;padding:0 26px;border-radius:999px;cursor:pointer;color:#fff;font:600 14px/1 "Montserrat",sans-serif;border:1px solid rgba(255,255,255,.28);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04))}
.boton:hover{border-color:rgba(255,255,255,.5)}
.boton:focus-visible{outline:2px solid var(--rojo-vivo);outline-offset:3px}