@font-face{font-family:Archivo;src:url(fuentes/archivo-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(fuentes/plexsans-400.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--noche:#0C1E36;--noche-2:#1B3152;--laton:#D9B77A;--texto:#E9EDF3;--suave:#AEB8C7}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:radial-gradient(120% 80% at 50% 0%,var(--noche-2),var(--noche) 70%);color:var(--texto);
  font:400 17px/1.6 "IBM Plex Sans",system-ui,sans-serif;display:flex;align-items:center;justify-content:center;padding:32px 16px}
main{max-width:560px;text-align:center}
.marca{display:inline-flex;align-items:center;gap:12px;font:700 22px/1 Archivo,system-ui,sans-serif;letter-spacing:.02em;margin-bottom:48px}
.marca img{width:44px;height:44px}
.marca b{color:var(--laton);font-weight:700}
.etiqueta{display:inline-block;border:1px solid var(--laton);color:var(--laton);border-radius:999px;padding:4px 14px;
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px}
h1{font:700 clamp(30px,7vw,46px)/1.12 Archivo,system-ui,sans-serif;margin-bottom:18px}
p{color:var(--suave)}
.pie{margin-top:56px;font-size:13px;color:#7F8BA0}