@font-face{font-family:Oswald;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/oswald-latin.woff2) format("woff2")}@font-face{font-family:Mulish;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/mulish-latin.woff2) format("woff2")}:root{--hawk-rojo: #cc262c;--hawk-rojo-acento: #f34e3a;--hawk-carbon: #29282d;--hawk-fondo: #f7f7f7;--hawk-gris: #69727d;--hawk-borde: #d5d8dc;--blanco: #ffffff;--aviso: #b54708;--titulos: "Oswald", "Arial Narrow", sans-serif;--texto: "Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:var(--texto);font-size:16px;line-height:1.5;background:var(--hawk-fondo);color:var(--hawk-carbon)}h1,h2,h3,.marca{font-family:var(--titulos);font-weight:600;letter-spacing:.02em}.barra{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.25rem;background:var(--hawk-carbon);color:var(--blanco);border-bottom:4px solid var(--hawk-rojo)}.barra .identidad{display:flex;align-items:center;gap:.75rem}.barra img{width:40px;height:40px}.marca{font-size:1.4rem;text-transform:uppercase;color:var(--blanco)}.cliente{font-family:var(--titulos);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;color:var(--hawk-borde)}main{max-width:760px;margin:2rem auto;padding:0 1rem}.tarjeta{background:var(--blanco);border:1px solid var(--hawk-borde);border-top:4px solid var(--hawk-rojo);border-radius:6px;padding:1.5rem}.tarjeta h1{margin-top:0;font-size:1.75rem;text-transform:uppercase}.correo{color:var(--hawk-gris);margin-top:-.5rem}.modulos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem;padding:0;list-style:none}.modulos li{border:1px solid var(--hawk-borde);border-left:4px solid var(--hawk-rojo);border-radius:4px;padding:.75rem 1rem;font-family:var(--titulos);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.aviso{border-left:4px solid var(--hawk-gris);padding:.5rem .75rem;background:var(--hawk-fondo)}.aviso.error{border-color:var(--hawk-rojo);color:var(--hawk-rojo)}a{color:var(--hawk-rojo)}a:hover{color:var(--hawk-rojo-acento)}button{background:var(--hawk-rojo);color:var(--blanco);border:0;border-radius:4px;padding:.6rem 1.2rem;font-family:var(--titulos);font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}button:hover{background:var(--hawk-rojo-acento)}button:focus-visible,a:focus-visible{outline:3px solid var(--hawk-rojo-acento);outline-offset:2px}