/* v4 HOME INSTITUCIONAL UE–MERCOSUR */
:root{
 --rojo:#c60b1e;
 --amarillo:#ffc400;
 --azul:#003a8f;
 --gris:#f4f7fb;
 --texto:#0b1220;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto;background:var(--gris);color:var(--texto)}
a{color:var(--azul);text-decoration:none;font-weight:600}
.wrap{max-width:1200px;margin:auto;padding:0 20px}
.main-nav{background:#fff;border-bottom:1px solid #e5e8ef}
.main-nav .wrap{display:flex;gap:22px;padding:14px 20px}
.hero{background:linear-gradient(90deg,#f7f8fc,#ffffff);padding:60px 0;border-bottom:1px solid #e5e8ef}
.block{padding:60px 0}
.block.alt{background:#f9fafc}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.card h3{margin-top:0}
.authority{background:#0b1220;color:#fff}
footer{font-size:14px;color:#555}

/* === INSTITUCIONAL UE–ESPAÑA === */
.nav-eu{background:#003a8f;position:sticky;top:0;z-index:999}
.nav-eu .wrap{max-width:1200px;margin:auto;display:flex;gap:20px;align-items:center;padding:14px 20px}
.nav-eu a{color:#fff;text-decoration:none;font-weight:600}
.nav-eu .logo{margin-right:auto;font-weight:800}
.nav-eu .cta{background:#c60b1e;padding:6px 14px;border-radius:20px}

.hero-institucional{background:#f4f7fb;border-bottom:1px solid #e5e9f2}
.hero-institucional .wrap{max-width:1200px;margin:auto;padding:50px 20px}
.hero-institucional h1{font-size:38px;margin:0 0 10px}
.hero-institucional p{font-size:18px;color:#333}

.section{max-width:1200px;margin:60px auto;padding:0 20px}
.section h2{border-left:4px solid #003a8f;padding-left:12px}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}
.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.meta{font-size:13px;color:#666;margin-bottom:8px}

.autoridad{background:#003a8f;color:#fff;padding:40px 20px;margin-top:80px}
.autoridad .wrap{max-width:1200px;margin:auto}