:root{--azul:#1f4e79;--azul2:#2563eb;--texto:#1b2433;--suave:#4a5568;--fondo:#f4f7fb;--linea:#dbe3ee}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--texto);background:#fff;line-height:1.6}
a{color:var(--azul2)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header.top{background:#fff;border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:5}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--azul);font-weight:700;font-size:20px}
.marca img{width:34px;height:34px;border-radius:8px}
nav a{margin-left:20px;text-decoration:none;color:var(--texto);font-weight:500}
nav a:hover{color:var(--azul2)}
.hero{background:linear-gradient(135deg,#1e56d6,#112f86);color:#fff;padding:72px 0}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.hero h1{font-size:40px;line-height:1.15;margin:0 0 16px}
.hero h1 span{color:#93c5fd}
.hero p{font-size:18px;color:#dbeafe;margin:0 0 28px}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:600;text-decoration:none}
.btn.pri{background:#fff;color:var(--azul)}
.btn.sec{border:1px solid #93c5fd;color:#fff;margin-left:10px}
.hero .logo{justify-self:center}
.hero .logo img{width:200px;height:200px;border-radius:40px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
section{padding:60px 0}
section.alt{background:var(--fondo)}
h2{font-size:28px;color:var(--azul);margin:0 0 8px}
.sub{color:var(--suave);margin:0 0 32px;max-width:720px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:22px}
.card h3{margin:0 0 6px;font-size:18px;color:var(--azul)}
.card p{margin:0;color:var(--suave);font-size:15px}
.lista{columns:2;gap:40px;padding-left:20px;color:var(--suave)}
.lista li{margin-bottom:6px}
.contacto{background:var(--azul);color:#fff;text-align:center}
.contacto h2{color:#fff}
.contacto a{color:#fff}
.contacto .sub{margin:0 auto 24px;color:#dbeafe}
footer{background:#10243d;color:#b8c7dc;padding:28px 0;font-size:14px}
footer a{color:#dbeafe;margin-right:16px}
.texto{max-width:800px;padding:48px 20px}
.texto h1{color:var(--azul);font-size:32px}
.texto h2{font-size:20px;margin-top:28px}
.texto p,.texto li{color:#2b3647}
@media(max-width:800px){.hero .wrap{grid-template-columns:1fr}.hero .logo{display:none}.grid{grid-template-columns:1fr}.lista{columns:1}nav a{margin-left:12px}.hero h1{font-size:32px}}
img{max-width:100%;height:auto}
.btn{word-break:break-word}
@media(max-width:560px){
header.top .wrap{height:auto;flex-direction:column;padding:10px 20px;gap:4px}
nav a{margin:0 10px}
.marca{font-size:19px}
.hero{padding:36px 0}
.hero h1{font-size:27px}
.hero p{font-size:16px;margin-bottom:22px}
.btn{display:block;text-align:center;margin:0 0 10px}
.btn.sec{margin-left:0}
section{padding:38px 0}
h2{font-size:23px}
.sub{font-size:15px;margin-bottom:22px}
.card{padding:18px}
.texto{padding:28px 20px}
.texto h1{font-size:26px}
footer a{display:inline-block;margin-bottom:6px}
}