/* === MUN Revolution — acento ÁMBAR (color real del logo) + componentes propios ===
   Encolado por el plugin FUNAJIT Páginas solo donde hay shortcodes [munrev_...]. */

/* Dorados: profundo #7E4700 · principal #B0640A · brillante #E3B54A */
.mr-hero { --fjx-accent: #B0640A; }
.fjx-hero.mr-hero { padding-top:180px !important; padding-bottom:44px !important; min-height:0 !important; }
.mr-hero .fjx-eyebrow { color: #8A5200 !important; }
.mr-hero .fjx-btn { background:#8A5200 !important; }
.mr-hero .fjx-btn:hover { background:#7E4700 !important; }
@media (max-width:760px){ .fjx-hero.mr-hero { padding-top:120px !important; } }

/* visual del hero: logo con halo + 2 fotos flotantes */
.mr-visual{position:relative;width:min(440px,80vw);aspect-ratio:1;margin:0 auto}
.mr-ring{position:absolute;inset:8%;border-radius:50%;border:1.5px dashed rgba(176,100,10,.45);animation:mr-spin 50s linear infinite}
.mr-core{position:absolute;top:50%;left:50%;width:54%;height:54%;transform:translate(-50%,-50%);display:grid;place-items:center;animation:mr-float 5.5s ease-in-out infinite;z-index:2}
.mr-core img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 40px rgba(126,71,0,.30))}
.mr-chip{position:absolute;width:38%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:4px solid #fff;box-shadow:0 18px 40px rgba(16,42,67,.22);z-index:1}
.mr-chip--a{top:0;right:-2%;transform:rotate(3deg);animation:mr-float 6s ease-in-out infinite}
.mr-chip--b{bottom:2%;left:-2%;transform:rotate(-4deg);animation:mr-float 6.5s ease-in-out .5s infinite}
@keyframes mr-spin{to{transform:rotate(360deg)}}
@keyframes mr-float{0%,100%{margin-top:0}50%{margin-top:-10px}}

/* programa: texto + foto */
.mr-prog-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
.mr-prog-foto { margin:0; }
.mr-prog-foto img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:24px; box-shadow:0 24px 60px rgba(16,42,67,.16); }
.mr-meta { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:18px 0 6px; }
.mr-pill { display:inline-flex; align-items:center; padding:7px 14px; border-radius:999px; background:#f6ead6; color:#7E4700; font-weight:800; font-size:13px; border:1px solid rgba(176,100,10,.30); }
.mr-loc { color:#3d4a66; font-weight:600; font-size:14px; flex:1; min-width:220px; }
@media (max-width:900px){ .mr-prog-grid { grid-template-columns:1fr; gap:28px; } }

/* hitos */
.mr-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; max-width:1120px; margin:0 auto; padding:64px 24px; }
.mr-stats .fjx-stat-card { border-radius:18px; }
@media (max-width:980px){ .mr-stats { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .mr-stats { grid-template-columns:1fr; } }

/* iniciativas: tarjeta estelar MUN-SDE */
.mr-feat { display:grid; grid-template-columns:1.1fr .9fr; gap:32px; align-items:center; margin:34px 0 26px; padding:30px; border-radius:24px; background:linear-gradient(135deg,#fff8ea, #fdf3da); border:1px solid rgba(176,100,10,.25); box-shadow:0 24px 60px rgba(126,71,0,.12); }
.mr-star { display:inline-flex; align-items:center; gap:7px; padding:5px 12px; border-radius:999px; background:#7E4700; color:#fff; font-size:12px; font-weight:900; letter-spacing:.02em; margin-bottom:10px; }
.mr-feat-title { font-family:"Outfit",sans-serif; font-weight:900; font-size:24px; line-height:1.2; margin:0 0 10px; color:#0a1628; }
.mr-feat-foto { margin:0; }
.mr-feat-foto img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:18px; box-shadow:0 18px 44px rgba(126,71,0,.20); }
@media (max-width:900px){ .mr-feat { grid-template-columns:1fr; gap:20px; } }

/* tarjetas de iniciativas */
.mr-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:8px; }
.mr-card { position:relative; padding:20px 18px 18px; border-radius:16px; background:#f6f8fc; border:1px solid rgba(16,42,67,.07); transition:transform .15s ease, box-shadow .15s ease, background .15s ease; }
.mr-card:hover { transform:translateY(-3px); background:#fff; box-shadow:0 10px 26px rgba(126,71,0,.14); }
.mr-year { position:absolute; top:14px; right:14px; font-family:"Outfit",sans-serif; font-weight:900; font-size:13px; color:#8A5200; }
.mr-card-title { font-family:"Outfit",sans-serif; font-weight:800; font-size:16.5px; line-height:1.25; margin:0 0 8px; color:#0a1628; padding-right:44px; }
.mr-card-desc { font-size:13.5px; line-height:1.55; color:#4b5a75; margin:0; }
@media (max-width:980px){ .mr-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .mr-grid { grid-template-columns:1fr; } }

/* galería mosaico */
.mr-gal { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:26px; }
.mr-gal-foto { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:14px; box-shadow:0 8px 22px rgba(16,42,67,.12); transition:transform .2s ease, box-shadow .2s ease; }
.mr-gal-foto:hover { transform:scale(1.03); box-shadow:0 14px 32px rgba(126,71,0,.22); }
@media (max-width:760px){ .mr-gal { grid-template-columns:repeat(2,1fr); } }

/* fila CTA (el fondo lo pone el CSS global; aquí el degradado dorado) */
.fjx-cta-row { background:linear-gradient(135deg,#7E4700 0%, #B0640A 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:#7E4700 !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; }