/* En-Vida – estilo escritorio */
:root{ --azul:#1e4da8; --gris:#f5f7fb; }
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#24324a; background:#f7f7f7; }
header{ position:sticky; top:0; background:#fff; border-bottom:1px solid #e5e9f2; z-index:10; }
header .wrap{ max-width:1100px; margin:0 auto; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; }
nav a{ margin-left:16px; color:#24324a; text-decoration:none; font-size:14px; }
nav a:hover{ color:var(--azul); text-decoration:underline; }
.container{ max-width:1100px; margin:0 auto; padding:28px 20px; }
h1{ font-size:44px; color:#0f1e44; margin:0; }
h2{ font-size:28px; margin:0 0 14px 0; color:#0f1e44; }
.lead{ font-size:18px; color:#4b5b7a; }
.section{ background:#fff; margin:20px auto; padding:28px; border-radius:16px; box-shadow:0 6px 18px rgba(15,30,68,.06); }
.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.card{ background:#fff; border:1px solid #e6ecf5; border-radius:16px; padding:18px; }
.card h3{ margin:0 0 8px 0; font-size:18px; }
figure{ margin:0; }
figure img{ width:100%; display:block; border-radius:14px; }
figcaption{ font-size:13px; color:#5c6d8a; margin-top:6px; }
.btn{ display:inline-block; padding:12px 18px; border-radius:12px; background:var(--azul); color:#fff; text-decoration:none; }
.btn.outline{ background:#fff; color:var(--azul); border:1px solid var(--azul); }
.footer{ background:#fff; border-top:1px solid #e5e9f2; }
.footer .wrap{ max-width:1100px; margin:0 auto; padding:28px 20px; display:flex; justify-content:space-between; color:#4b5b7a; font-size:14px; }
.small{ font-size:13px; color:#5c6d8a; }