/* === MUN-SDE — acento AZUL CYAN (color real del logo) === */

.ms-hero { --fjx-accent: #108CB9; }
.fjx-hero.ms-hero { padding-top:180px !important; padding-bottom:44px !important; min-height:0 !important; }
.ms-hero .fjx-eyebrow { color:#0E7BA3 !important; }
.ms-hero .fjx-btn { background:#0E7BA3 !important; }
.ms-hero .fjx-btn:hover { background:#0B6E92 !important; }
@media (max-width:760px){ .fjx-hero.ms-hero { padding-top:120px !important; } }

.ms-badges { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 4px; }
.ms-badge { display:inline-flex; align-items:center; padding:7px 14px; border-radius:999px; background:#e4f4fa; color:#0B6E92; font-weight:800; font-size:13.5px; border:1px solid rgba(16,140,185,.30); }

/* tarjeta del hero: logo + foto tipo afiche */
.ms-hero-card { margin:0; background:#fff; border-radius:22px; padding:18px; box-shadow:0 24px 60px rgba(11,110,146,.18); border:1px solid rgba(16,140,185,.18); max-width:420px; margin-left:auto; }
.ms-hero-logo { display:block; width:78%; max-width:280px; margin:6px auto 14px; height:auto; }
.ms-hero-foto { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:14px; }

/* descripción */
.ms-prog-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:center; }
.ms-prog-foto { margin:0; }
.ms-prog-foto img { display:block; width:100%; aspect-ratio:3/4; max-height:520px; object-fit:cover; border-radius:24px; box-shadow:0 24px 60px rgba(16,42,67,.16); }
@media (max-width:900px){ .ms-prog-grid { grid-template-columns:1fr; gap:28px; } }

/* detalles */
.ms-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:24px 0 0; }
/* En esta página los stats van sobre fondo CLARO; forzamos tarjeta clara y
   etiqueta oscura (los estilos globales asumen fondo oscuro y dejan el texto casi invisible). */
.ms-stats .fjx-stat-card { border-radius:18px; background:#fff !important; border:1px solid rgba(16,42,67,.08) !important; box-shadow:0 14px 34px rgba(16,42,67,.08) !important; }
.ms-stats .fjx-stat-num { font-size:34px; }
.ms-stats .fjx-stat-label { color:#4b5a75 !important; }
@media (max-width:760px){ .ms-stats { grid-template-columns:1fr; } }
.ms-video { margin:26px 0 0; max-width:820px; }

/* comités */
.ms-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:8px; }
.ms-card { padding:24px 22px; border-radius:18px; background:#f6f8fc; border:1px solid rgba(16,42,67,.07); transition:transform .15s ease, box-shadow .15s ease, background .15s ease; }
.ms-card:hover { transform:translateY(-4px); background:#fff; box-shadow:0 14px 32px rgba(11,110,146,.14); }
.ms-card-ico { font-size:30px; }
.ms-card-title { font-family:"Outfit",sans-serif; font-weight:800; font-size:17.5px; margin:10px 0 8px; color:#0a1628; }
.ms-card-desc { font-size:14px; line-height:1.6; color:#4b5a75; margin:0; }
@media (max-width:900px){ .ms-grid { grid-template-columns:1fr; } }

/* fila CTA — degradado azul cyan */
.fjx-cta-row { background:linear-gradient(135deg,#0B6E92 0%, #108CB9 100%) !important; }
.fjx-cta-row .fjx-title { max-width:none !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; color:#fff !important; }
.fjx-cta-row .fjx-lead { margin-left:auto !important; margin-right:auto !important; text-align:center !important; max-width:62ch; }
.fjx-cta-row .fjx-btn-light { color:#0B6E92 !important; }
.fjx-cta-row .fjx-btn-outline { color:#fff !important; border:2px solid rgba(255,255,255,.75) !important; background:transparent !important; }
.fjx-cta-row .fjx-btn-outline:hover { background:rgba(255,255,255,.16) !important; border-color:#fff !important; color:#fff !important; }