/* === Agente Global — acento VERDE + componentes propios ===
   Encolado por el plugin FUNAJIT Páginas solo donde hay shortcodes [agenteglobal_...]. */

/* Verdes: profundo #06552A · principal #0B9D4A · brillante #22C55E */
.ag-hero { --fjx-accent: #0B9D4A; }
.fjx-hero.ag-hero { padding-top:180px !important; padding-bottom:44px !important; min-height:0 !important; }
.ag-hero .fjx-eyebrow { color: #0A7D3A !important; }
.ag-hero .fjx-btn { background:#0A7D3A !important; }
.ag-hero .fjx-btn:hover { background:#06552A !important; }
@media (max-width:760px){ .fjx-hero.ag-hero { padding-top:120px !important; } }

/* visual del hero: logo + anillo de puntos ODS */
.ag-visual{position:relative;width:min(440px,80vw);aspect-ratio:1;margin:0 auto}
.ag-ring{position:absolute;inset:6%;border-radius:50%;border:1.5px dashed rgba(11,157,74,.35);animation:ag-spin 60s linear infinite}
/* Puntos ODS orbitando sobre el hero de vidrio (identidad de Agente Global) */
.ag-ghero .ag-ods{position:absolute;inset:5%;z-index:2;pointer-events:none;animation:ag-spin 70s linear infinite}
.ag-dot{position:absolute;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px rgba(16,42,67,.20);border:2.5px solid #fff}
.ag-core{position:absolute;top:50%;left:50%;width:52%;height:52%;transform:translate(-50%,-50%);display:grid;place-items:center;animation:ag-float 5.5s ease-in-out infinite;z-index:2}
.ag-core img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 40px rgba(6,85,42,.28))}
@keyframes ag-spin{to{transform:rotate(360deg)}}
@keyframes ag-float{0%,100%{margin-top:0}50%{margin-top:-10px}}

/* programa: texto + tarjeta del director */
.ag-prog-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:center; }
.ag-meta { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:18px 0 6px; }
.ag-pill { display:inline-flex; align-items:center; padding:7px 14px; border-radius:999px; background:#e7f6ec; color:#06552A; font-weight:800; font-size:13px; border:1px solid rgba(11,157,74,.25); }
.ag-loc { color:#3d4a66; font-weight:600; font-size:14px; flex:1; min-width:220px; }
.ag-dir-card { background:#f6f8fc; border:1px solid rgba(16,42,67,.08); border-radius:24px; padding:28px; text-align:center; box-shadow:0 20px 50px rgba(16,42,67,.10); }
.ag-dir-card img { width:180px; height:180px; object-fit:cover; border-radius:50%; border:6px solid #fff; box-shadow:0 14px 34px rgba(6,85,42,.20); background:#fff; }
.ag-dir-info { display:flex; flex-direction:column; gap:4px; margin-top:16px; }
.ag-dir-label { font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; color:#0A7D3A; }
.ag-dir-name { font-family:"Outfit",sans-serif; font-weight:900; font-size:22px; color:#0a1628; }
.ag-dir-role { font-size:13.5px; color:#66748c; font-weight:600; }
@media (max-width:900px){ .ag-prog-grid { grid-template-columns:1fr; gap:28px; } }

/* números */
.ag-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:1000px; margin:0 auto; padding:64px 24px; }
.ag-stats .fjx-stat-card { border-radius:18px; }
@media (max-width:980px){ .ag-stats { grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .ag-stats { grid-template-columns:1fr; } }

/* fila CTA — degradado verde */
.fjx-cta-row { background:linear-gradient(135deg,#06552A 0%, #0B9D4A 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:#06552A !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; }