/* SCC-RUN-30b (2026-11-06): home "Articles" section. */
.home-articles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:10px}
.home-articles .art-card{text-align:left}
.home-articles .art-card h3{margin:0 0 10px;font-size:20px;line-height:1.25;font-family:inherit}
.home-articles .art-card h3 a{display:inline-block;padding:4px 0;color:#0f2a3f;text-decoration:none}
.home-articles .art-card p{font-size:16px;line-height:1.55;color:#1a3a38}
.home-articles .art-card .art-card-link{color:#176b67;text-decoration:none}
.home-articles-all{margin:22px 0 0;font-size:17px}
.home-articles-all a{display:inline-flex;align-items:center;min-height:44px;font-weight:800;color:#176b67}
@media (max-width:1100px){.home-articles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:740px){
  .home-articles{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:4px 2px 18px;gap:14px;scrollbar-width:thin}
  .home-articles > *{scroll-snap-align:start;min-width:0}
}

#articulos .section-lead{max-width:680px;margin:0 0 8px;font-size:17px;line-height:1.7;color:#374151}
/* SCC-RUN-30b: room for "Artículos" in the desktop menu on mid-size screens (menu shows from 1181px). Measured: without this the
   menu touched the logo at 1181-1280px. "Internacional" stays in the phone menu and footer; the flag returns at 1280px+. */
@media (min-width:1181px) and (max-width:1365px){
  .nav-links{gap:14px!important}
  .nav-links a[href="#internacional"],.nav-links a[href="/#internacional"]{display:none!important}
}
@media (min-width:1181px) and (max-width:1279px){
  .nav-links{gap:10px!important}
  .nav-links .lang-switch img{display:none!important}
}