:root{--azul:#0f2a44;--acento:#1f8a8a;--texto:#1d2733;--suave:#5b6b7b;--fondo:#f6f8fa;--blanco:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--texto);background:var(--fondo);line-height:1.65;font-size:18px}
a{color:var(--acento)}.env{max-width:1040px;margin:0 auto;padding:0 20px}.estrecha{max-width:760px}
header{background:var(--azul);color:#fff}header .env{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px}
.marca{color:#fff;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:1px}
nav a{color:#cfe3ef;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:15px;margin-left:16px}nav a:hover{color:#fff}
.hero{background:linear-gradient(135deg,#0f2a44,#1f5a6a);color:#fff;padding:64px 0 56px}.hero h1{font-size:40px;margin:0 0 10px;line-height:1.2}.hero p{font-size:20px;max-width:720px;color:#dbe9f1;margin:0}
main{padding:40px 0}h2{color:var(--azul);font-family:Arial,Helvetica,sans-serif;margin-top:36px}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:20px}
.tarjeta{background:var(--blanco);border-radius:10px;padding:20px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.tarjeta h3{margin:0 0 8px;font-family:Arial,Helvetica,sans-serif;color:var(--azul);font-size:18px}.tarjeta p{margin:0;font-size:16px;color:var(--suave)}
.linea{border-left:3px solid var(--acento);padding-left:18px}.linea p{margin:0 0 10px}
.redes{background:var(--blanco);border-radius:10px;padding:18px 20px;margin-top:36px;font-size:16px}
footer{background:var(--azul);color:#9fb6c6;padding:22px 0;font-family:Arial,Helvetica,sans-serif;font-size:14px}footer a{color:#cfe3ef}
@media(max-width:600px){.hero h1{font-size:30px}nav a{margin:0 12px 0 0}}