/* === EURO MERCOSUR · IDENTIDAD VISUAL === */
body{
  margin:0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background:#f4f7fb;
  color:#0b1e2d;
}

/* HERO */
.hero-euromercosur{
  background: linear-gradient(135deg,
    #8c0d18 0%,
    #a3121d 25%,
    #5b1f3a 45%,
    #1f3b63 65%,
    #0b2a4a 100%);
  color:#fff;
  padding:120px 8% 110px;
}

.hero-euromercosur h1{
  font-size:3rem;
  max-width:900px;
  line-height:1.15;
  margin-bottom:22px;
}

.hero-euromercosur .sub{
  font-size:1.25rem;
  font-weight:500;
  opacity:.95;
  margin-bottom:26px;
}

.hero-euromercosur .intro{
  max-width:900px;
  font-size:1.05rem;
  line-height:1.65;
  opacity:.92;
}

.hero-actions{
  margin-top:34px;
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.hero-actions a{
  padding:14px 22px;
  border-radius:6px;
  text-decoration:none;
  font-weight:600;
}

.btn-rojo{
  background:#a3121d;
  color:#fff;
}

.btn-blanco{
  background:#ffffff;
  color:#0b2a4a;
}

/* SECCIONES */
section{
  padding:90px 8%;
}

section h2{
  font-size:2.2rem;
  color:#0b2a4a;
  margin-bottom:18px;
}

section p{
  max-width:900px;
  font-size:1.05rem;
  line-height:1.65;
  color:#1c2f44;
}


/* === AJUSTES DE LEGIBILIDAD === */
h1,h2,h3{letter-spacing:-0.02em}
p{max-width:900px}
section{background:#ffffff}
section:nth-of-type(even){background:#f4f7fb}


/* ===== HERO ESPAÑA → UE ===== */
.hero-espana-ue{
  min-height:85vh;
  display:flex;
  align-items:center;
  background:
    linear-gradient(110deg,
      #AA151B 0%,
      #AA151B 28%,
      #F1BF00 40%,
      #8C1D18 52%,
      #1F3B6F 75%,
      #0B2A4A 100%);
  color:#fff;
  padding:120px 8%;
}
.hero-inner{max-width:1100px}
.hero-espana-ue h1{
  font-size:3.2rem;
  line-height:1.1;
  margin-bottom:20px;
}
.hero-lema{
  font-size:1.3rem;
  font-weight:600;
  margin-bottom:18px;
  opacity:.95;
}
.hero-texto{
  font-size:1.05rem;
  max-width:720px;
  line-height:1.6;
  opacity:.9;
}
.hero-cta{margin-top:32px;display:flex;gap:16px;flex-wrap:wrap}
.btn{
  padding:14px 26px;
  border-radius:6px;
  font-weight:600;
  text-decoration:none;
}
.btn-blanco{
  background:#ffffff;
  color:#AA151B;
}
.btn-rojo{
  background:#AA151B;
  color:#fff;
}

/* RESPIRACIÓN GLOBAL */
section{padding:90px 8%}
section:nth-of-type(even){background:#f4f7fb}



/* ===== HERO ESPAÑA + MERCOSUR ===== */
.hero-espana-ue{position:relative;padding:120px 8
/* ===== HERO ESPAÑA + MERCOSUR ===== */
.hero-espana-ue{
  position:relative;
  padding:120px 8%;
  color:#fff;
  background:linear-gradient(
    110deg,
    #AA151B 0%,
    #AA151B 25%,
    #7A1020 45%,
    #003399 75%,
    #001F4D 100%
  );
  overflow:hidden;
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:radial-gradient(
    circle at 30% 50%,
    rgba(241,191,0,0.18),
    transparent 55%
  );
}

.hero-inner{
  position:relative;
  max-width:1100px;
}

.hero-emblema{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:30px;
  font-size:2.2rem;
}

.espana-escudo{
  font-size:2.8rem;
}

.puente{
  color:#F1BF00;
  font-size:1.8rem;
}

.mercosur-estrellas{
  letter-spacing:6px;
  color:#ffffffcc;
}

.hero-espana-ue h1{
  font-size:3rem;
  margin-bottom:16px;
}

.hero-lema{
  font-size:1.3rem;
  font-weight:600;
  color:#F1BF00;
  margin-bottom:18px;
}

.hero-texto{
  max-width:720px;
  font-size:1.05rem;
  line-height:1.6;
  margin-bottom:32px;
  color:#f2f2f2;
}

.hero-cta{
  display:flex;
  gap:16px;
}

.btn-blanco{
  background:#fff;
  color:#AA151B;
  padding:14px 22px;
  border-radius:6px;
  font-weight:600;
  text-decoration:none;
}

.btn-rojo{
  background:#AA151B;
  color:#fff;
  padding:14px 22px;
  border-radius:6px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.25);
}


/* ===== HERO BANDERA ESPAÑA + MERCOSUR + UE ===== */
.hero-espana-ue{
  position:relative;
  padding:130px 8%;
  color:#fff;
  background:linear-gradient(
    110deg,
    #AA151B 0%,      /* Rojo bandera España */
    #AA151B 22%,
    #F1BF00 32%,    /* Amarillo bandera (halo) */
    #7A1020 42%,
    #003399 70%,    /* Azul UE */
    #001F4D 100%
  );
  overflow:hidden;
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 25% 50%, rgba(241,191,0,.25), transparent 55%),
    radial-gradient(circle at 70% 40%, rgba(255,255,255,.08), transparent 60%);
}

.hero-inner{
  position:relative;
  max-width:1100px;
}

.hero-emblema{
  display:flex;
  align-items:center;
  gap:18px;
  font-size:2.4rem;
  margin-bottom:28px;
}

.hero-emblema .puente{
  color:#F1BF00;
}

.hero-espana-ue h1{
  font-size:3.1rem;
  line-height:1.15;
  margin-bottom:18px;
}

.hero-lema{
  font-size:1.35rem;
  font-weight:600;
  color:#F1BF00;
  margin-bottom:20px;
}

.hero-texto{
  max-width:740px;
  font-size:1.05rem;
  line-height:1.65;
  margin-bottom:36px;
  color:#f5f5f5;
}

.hero-cta{
  display:flex;
  gap:16px;
}

.btn-blanco{
  background:#fff;
  color:#AA151B;
  padding:14px 24px;
  border-radius:6px;
  font-weight:600;
  text-decoration:none;
}

.btn-rojo{
  background:#AA151B;
  color:#fff;
  padding:14px 24px;
  border-radius:6px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.25);
}