/* === Dominicana LIDERA — acento PETRÓLEO (color real del logo) ===
   Encolado por el plugin FUNAJIT Páginas solo donde hay shortcodes [lidera_...]. */

/* Petróleo: profundo #00344C · principal #0B5E82 · brillante #0E6E96 */
.ld-hero { --fjx-accent: #0B5E82; }
.fjx-hero.ld-hero { padding-top:180px !important; padding-bottom:44px !important; min-height:0 !important; }
.ld-hero .fjx-eyebrow { color: #0B5E82 !important; }
.ld-hero .fjx-btn { background:#0B5E82 !important; }
.ld-hero .fjx-btn:hover { background:#00344C !important; }
@media (max-width:760px){ .fjx-hero.ld-hero { padding-top:120px !important; } }

/* visual del hero */
.ld-visual{position:relative;width:min(440px,80vw);aspect-ratio:1;margin:0 auto}
.ld-ring{position:absolute;inset:8%;border-radius:50%;border:1.5px dashed rgba(11,94,130,.40);animation:ld-spin 50s linear infinite}
.ld-core{position:absolute;top:50%;left:50%;width:54%;height:54%;transform:translate(-50%,-50%);display:grid;place-items:center;animation:ld-float 5.5s ease-in-out infinite;z-index:2}
.ld-core img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 40px rgba(0,52,76,.30))}
.ld-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}
.ld-chip--a{top:0;right:-2%;transform:rotate(3deg);animation:ld-float 6s ease-in-out infinite}
.ld-chip--b{bottom:2%;left:-2%;transform:rotate(-4deg);animation:ld-float 6.5s ease-in-out .5s infinite}
@keyframes ld-spin{to{transform:rotate(360deg)}}
@keyframes ld-float{0%,100%{margin-top:0}50%{margin-top:-10px}}

/* proyecto: texto + panel de programas */
.ld-prog-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:center; }
.ld-meta { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:18px 0 6px; }
.ld-pill { display:inline-flex; align-items:center; padding:7px 14px; border-radius:999px; background:#e0eef4; color:#00344C; font-weight:800; font-size:13px; border:1px solid rgba(11,94,130,.28); }
.ld-loc { color:#3d4a66; font-weight:600; font-size:14px; flex:1; min-width:220px; }
.ld-programas { background:#f6f8fc; border:1px solid rgba(16,42,67,.08); border-radius:24px; padding:28px; box-shadow:0 20px 50px rgba(16,42,67,.10); }
.ld-programas-label { display:block; font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; color:#0B5E82; margin-bottom:14px; }
.ld-chips { display:flex; flex-wrap:wrap; gap:10px; }
.ld-chip-prog { display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; background:#fff; border:1.5px solid var(--pc); color:var(--pc); font-weight:800; font-size:13.5px; }
.ld-chip-prog::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--pc); }
.ld-programas-note { font-size:13.5px; color:#66748c; font-weight:600; margin:14px 0 0; }
@media (max-width:900px){ .ld-prog-grid { grid-template-columns:1fr; gap:28px; } }

/* convenios */
.ld-conv-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:26px; }
.ld-conv-card { background:#fff; border:1px solid rgba(16,42,67,.08); border-radius:20px; overflow:hidden; box-shadow:0 18px 44px rgba(16,42,67,.10); transition:transform .2s ease, box-shadow .2s ease; }
.ld-conv-card:hover { transform:translateY(-4px); box-shadow:0 26px 60px rgba(0,52,76,.16); }
.ld-conv-card > img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.ld-conv-body { padding:20px 22px 22px; }
.ld-year { display:inline-block; font-family:"Outfit",sans-serif; font-weight:900; font-size:13px; color:#0B5E82; margin-bottom:6px; }
.ld-conv-title { font-family:"Outfit",sans-serif; font-weight:800; font-size:18px; line-height:1.25; margin:0 0 8px; color:#0a1628; }
.ld-conv-desc { font-size:14px; line-height:1.55; color:#4b5a75; margin:0; }
@media (max-width:760px){ .ld-conv-grid { grid-template-columns:1fr; } }

/* fila CTA — degradado petróleo */
.fjx-cta-row { background:linear-gradient(135deg,#00344C 0%, #0B5E82 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:#00344C !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; }