.region-intro {
    font-size: 1.3rem;
    line-height: 1.8;
    color: #374151;
    background: linear-gradient(to right, #f8fafc, #ffffff);
    border-left: 5px solid #000;
    padding: 18px 22px;
    margin: 18px 0 30px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    font-weight: 400;
}

.region-intro strong {
    color: #111827;
    font-weight: 700;
}

@media (max-width: 768px) {
    .region-intro {
        font-size: 1rem;
        line-height: 1.7;
        padding: 16px 18px;
        margin: 16px 0 24px;
        border-left-width: 4px;
    }
}
              
               /* Estilos del callout (puedes mover esto a tu CSS global) */
                  .callout {
                    display: block;
                    background: linear-gradient(90deg, #0b57a4 0%, #0e3f7a 100%); /* azul profesional */
                    color: #ffffff;
                    padding: 20px;
                    border-radius: 12px;
                    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
                    margin: 28px 0;
                    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
                  }
                
                  .callout__inner {
                    display: flex;
                    gap: 18px;
                    align-items: center;
                    flex-wrap: wrap;
                  }
                
                  .callout__text {
                    flex: 1 1 320px;
                    min-width: 220px;
                  }
                
                  .callout__eyebrow {
                    font-size: 13px;
                    opacity: 0.95;
                    text-transform: uppercase;
                    letter-spacing: 0.06em;
                    margin-bottom: 6px;
                  }
                
                  .callout__title {
                    font-size: 18px;
                    font-weight: 700;
                    margin: 0 0 6px;
                  }
                
                  .callout__desc {
                    margin: 0;
                    font-size: 14px;
                    line-height: 1.45;
                    color:#FFF;
                    
                  }
                
                  .callout__actions {
                    display: flex;
                    gap: 10px;
                    align-items: center;
                    margin-left: auto;
                  }
                
                  .btn {
                    background: #fff;
                    color: #0b57a4;
                    padding: 10px 16px;
                    border-radius: 8px;
                    font-weight: 700;
                    text-decoration: none;
                    display: inline-block;
                    box-shadow: 0 4px 10px rgba(11,87,164,0.12);
                  }
                
                  .btn--ghost {
                    background: transparent;
                    color: #ffffff;
                    border: 1px solid rgba(255,255,255,0.18);
                    padding: 8px 14px;
                    font-weight: 600;
                  }
                
                  /* Responsive: botones en bloque en pantallas pequeñas */
                  @media (max-width: 640px) {
                    .callout__inner { flex-direction: column; align-items: stretch; }
                    .callout__actions { margin-left: 0; justify-content: flex-start; }
                    .btn { width: 100%; text-align: center; }
                    .btn--ghost { width: 100%; }
                  }
	 
    
		.hero-sub {
			  font-size: 1.5rem;
			  color: #4166FC;
			  max-width: 100%;
			  margin: 0 auto 1.8rem;
			  font-style: italic;
			}
    .hero-meta {
    /*  font-family: 'DM Mono', monospace;*/
      font-size: 1.5rem;
      letter-spacing: 0.14em;
      color: #8a7a66;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1.5rem;
      flex-wrap: wrap;
    }
    .hero-meta span { display: flex; align-items: center; gap: 0.4rem; }
    .hero h1, .hero-sub, .hero-meta { animation: fadeUp 0.7s ease both; }
    .hero h1  { animation-delay: 0.1s; }
    .hero-sub { animation-delay: 0.25s; }
    .hero-meta{ animation-delay: 0.4s; }
	
 
    /* ── TOC (tabla de contenidos) ──────────── */
    .toc{
      background:#021769;color:#fff;padding:1.2rem 1.5rem;
      display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center
    }
    .toc a{
      font-family:var(--ff-l);font-size:1.2rem;font-weight:700;letter-spacing:.06em;
      text-transform:uppercase;padding:.35em 1em;border-radius:30px;
      border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);
      transition:background .15s
    }
    .toc a:hover{background:rgba(255,203,34,.9);text-decoration:none}

    /* ── WRAP ───────────────────────────────── */
    .wrap{max-width:900px;margin:0 auto;padding:2rem 1.5rem 5rem}

    /* ── SECTION HEADER ─────────────────────── */
    .region-header{
      border-radius:10px;overflow:hidden;margin:3rem 0 1.5rem;
      display:flex;align-items:center;gap:1.2rem;padding:1.3rem 1.8rem
    }
    .region-header__flag{font-size:2.8rem;flex-shrink:0;line-height:1}
    .region-header__text{}
    .region-header__label{
      font-family:var(--ff-l);font-size:1.4rem;font-weight:700;color:#000;letter-spacing:.18em;
      text-transform:uppercase;opacity:.75;margin-bottom:.2rem
    }
    .region-header__title{
      font-family:var(--ff-h);font-size:1.4rem;font-weight:800;line-height:1.15
    }

    .rh-us  {background:#C1CFF7;color:#1D4ED8;}
    .rh-ca  {background:#FEF2F2;color:#DC2626;}
    .rh-la  {background:#FFE3BB;color:#FF9900;}
    .rh-eu  {background:#D9FFCC;color:#33CC00;}
    .rh-as  {background:#CACAFF;color:#7C3AED;}
    .rh-au  {background:#D7FFFF;color:#00FFFF;}

    /* ── NOTICIA CARD ───────────────────────── */
    .news-item{
      background:var(--white);border:1px solid var(--border);border-radius:10px;
      padding:1.6rem 1.8rem;margin-bottom:1.2rem;position:relative;overflow:hidden
    }
    .news-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}
    .news-item.us::before{background:#1D4ED8;}
    .news-item.ca::before{background:#DC2626;}
    .news-item.la::before{background:#FF9900;}
    .news-item.eu::before{background:#33CC00;}
    .news-item.as::before{background:#7C3AED;}
    .news-item.au::before{background:#00FFFF;}

    .news-num{
      font-family:var(--ff-l);font-size:0.9rem;font-weight:900;letter-spacing:.14em;
      text-transform:uppercase;margin-bottom:.5rem;opacity:.6
    }
    .news-headline{
      font-family:var(--ff-h);font-size:1.4rem;font-weight:700;
      color:var(--ink);line-height:1.3;margin-bottom:.9rem
    }
    .news-script{
      font-size:1.5rem;line-height:1.8;color:var(--ink-mid);margin-bottom:1.1rem;
      border-left:3px solid var(--border);padding-left:1rem
    }
    .news-script::before{
      content:'▶️  ';font-size:.95rem
    }
    .news-footer{
      display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;align-items:center;
      font-family:var(--ff-l);font-size:1.2rem;letter-spacing:.04em;color:var(--ink-l)
    }
    .news-source a{color:var(--us);font-weight:700}
    .news-item.ca .news-source a{color:var(--ca)}
    .news-item.la .news-source a{color:var(--la)}
    .news-item.eu .news-source a{color:var(--eu)}
    .news-item.as .news-source a{color:var(--as)}
    .news-item.au .news-source a{color:var(--au)}
    .news-date{background:var(--bg);padding:.2em .7em;border-radius:3px;border:1px solid var(--border)}
    .news-impact{
      font-family:var(--ff-l);font-size:.68rem;font-weight:700;letter-spacing:.1em;
      text-transform:uppercase;padding:.2em .7em;border-radius:3px
    }
    .imp-crit{background:#FEF2F2;color:#B91C1C}
    .imp-high{background:#FFFBEB;color:#B45309}
    .imp-mid {background:#F0FDF4;color:#15803D}

    /* ── CLOSING ────────────────────────────── */
    .closing{
      background:var(--ink);color:#fff;border-radius:12px;
      padding:2rem 2.2rem;margin-top:3rem;text-align:center
    }
    .closing h2{font-family:var(--ff-h);font-size:1.4rem;font-weight:800;color:#FCD34D;margin-bottom:.8rem}
    .closing p{color:rgba(255,255,255,.75);font-size:.95rem;max-width:600px;margin:0 auto}

    @media(max-width:600px){.region-header{padding:1rem 1.2rem}.news-item{padding:1.2rem 1.3rem}}