:root{--azul:#1a4b8c;--azul2:#0f3563;--gris:#5b6672;--borde:#d7dce2;--fondo:#f4f6f8}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#222a33;background:var(--fondo);font-size:15px;line-height:1.55}
a{color:var(--azul);text-decoration:none}a:hover{text-decoration:underline}
.top{background:#fff;border-bottom:1px solid var(--borde)}
.top-in{max-width:1040px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:22px;font-weight:800;color:var(--azul);letter-spacing:-.5px}
.logo span{color:#e8a13c}
.nav a{color:#3c4652;margin-left:22px;font-size:14px}
.hero{background:linear-gradient(160deg,var(--azul) 0%,var(--azul2) 100%);color:#fff}
.hero-in{max-width:1040px;margin:0 auto;padding:52px 20px;display:flex;gap:40px;flex-wrap:wrap;align-items:center}
.hero h1{font-size:30px;font-weight:800;margin-bottom:12px}
.hero p{color:#cdd9ea;max-width:460px}
.hero .kicker{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#9db8dd;margin-bottom:10px}
.caja{background:#fff;border:1px solid var(--borde);border-radius:10px;box-shadow:0 10px 30px rgba(10,30,60,.18);padding:26px;width:330px;color:#222a33}
.caja h2{font-size:16px;margin-bottom:14px}
.campo{margin-bottom:12px}
.campo label{display:block;font-size:12.5px;color:var(--gris);margin-bottom:4px}
.campo .fila{display:flex;align-items:center;gap:6px}
input[type=text],input[type=password],input[type=email]{width:100%;padding:9px 10px;border:1px solid var(--borde);border-radius:6px;font-size:14px;font-family:inherit}
.suf{color:var(--gris);font-size:13.5px;white-space:nowrap}
.btn{display:block;width:100%;padding:10px;background:var(--azul);color:#fff;border:0;border-radius:6px;font-size:14.5px;font-weight:700;cursor:pointer;font-family:inherit}
.btn:hover{filter:brightness(1.08)}
.caja .peq{font-size:12.5px;color:var(--gris);margin-top:12px;text-align:center}
.alerta{background:#fdecec;border:1px solid #f2b8b8;color:#8c1f1f;border-radius:6px;padding:10px 12px;font-size:13.5px;margin-bottom:14px;display:none}
.aviso{background:#fff7e8;border:1px solid #eed49a;color:#7a5312;border-radius:6px;padding:12px 14px;font-size:13.5px;margin-bottom:14px;display:none}
.secc{max-width:1040px;margin:0 auto;padding:46px 20px}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:20px}
.tarj{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:20px}
.tarj h3{font-size:15px;margin-bottom:6px;color:var(--azul2)}
.tarj p{font-size:13.5px;color:var(--gris)}
.secc h2{font-size:21px;color:#1c2733}
.pie{background:#232b34;color:#9aa6b2;margin-top:40px}
.pie-in{max-width:1040px;margin:0 auto;padding:26px 20px;font-size:12.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.pie a{color:#c2cdd8}
.pagina{max-width:760px;margin:0 auto;padding:40px 20px}
.pagina h1{font-size:24px;margin-bottom:16px;color:#1c2733}
.pagina h2{font-size:16px;margin:22px 0 6px;color:#1c2733}
.pagina p,.pagina li{font-size:14px;color:#3c4652}
.pagina ul{padding-left:20px}
.migaja{font-size:12.5px;color:var(--gris);margin-bottom:18px}
@media(max-width:760px){.hero-in{padding:34px 16px}.caja{width:100%}}