/* qma-child/css/paginas/p-exabeam.css: página de socio Exabeam (28-oct-2026). Solo se carga en esa página (opción qma_css_paginas).
   Titulares con el degradado oficial de Exabeam, #009D00 → #006BFF (sale de su SVG), por decisión de Pablo. Sobre el fondo
   de la paleta oscura dan 4.8:1 y 3.8:1, suficiente para titulares. */
body:not(.zdu-universe-page) .entry-content .qma-exa :is(.qma-sec,.qma-final) > h2,
body.qma-paleta-oscura:not(.zdu-universe-page) .entry-content .qma-exa :is(.qma-sec,.qma-final) > h2{
  background:linear-gradient(90deg,#009D00 0%,#006BFF 100%);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:#009D00;display:inline-block}
.qma-lfc-banner .qma-chip{border-color:#009D00}

/* Recorrido de la plataforma */
.qma-exa .exa-flujo{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:exa}
.qma-exa .exa-flujo li{position:relative;margin:0;padding:16px 14px 16px;border-radius:10px;border:1px solid rgba(169,180,196,.22);background:var(--ast-global-color-7,#1A2236);counter-increment:exa}
.qma-exa .exa-flujo li::before{content:counter(exa);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;margin-bottom:8px;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#009D00,#006BFF)}
.qma-exa .exa-flujo li:not(:last-child)::after{content:"";position:absolute;top:28px;right:-11px;width:10px;height:2px;background:#006BFF}
.qma-exa .exa-flujo strong{display:block;font-size:15px;margin-bottom:6px}
.qma-exa .exa-flujo span{display:block;font-size:14px;line-height:1.5;opacity:.85}
@media (max-width:900px){.qma-exa .exa-flujo{grid-template-columns:1fr 1fr}.qma-exa .exa-flujo li::after{display:none}}
@media (max-width:520px){.qma-exa .exa-flujo{grid-template-columns:1fr}}

/* Marcos de cumplimiento */
.qma-exa .exa-marcos{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.qma-exa .exa-marcos span{padding:6px 12px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid rgba(0,157,0,.55);background:rgba(0,157,0,.10)}

/* Comparación de plataformas */
.qma-exa .exa-tabla-wrap{overflow-x:auto;margin:16px 0}
.qma-exa .exa-tabla{width:100%;border-collapse:collapse;font-size:15px}
.qma-exa .exa-tabla th{padding:14px 16px;text-align:left;font-weight:600;color:#fff;background:linear-gradient(90deg,#00700a,#0050c0)}
.qma-exa .exa-tabla td{padding:13px 16px;vertical-align:top;border-bottom:1px solid rgba(169,180,196,.18)}
.qma-exa .exa-tabla td:first-child{font-weight:600;white-space:nowrap}
.qma-exa .exa-tabla tbody tr:nth-child(odd){background:rgba(169,180,196,.06)}

/* Línea de tiempo 2026 */
.qma-exa .exa-linea{list-style:none;margin:16px 0 0;padding:0 0 0 18px;border-left:2px solid #006BFF}
.qma-exa .exa-linea li{position:relative;margin:0 0 14px;padding-left:14px}
.qma-exa .exa-linea li::before{content:"";position:absolute;left:-26px;top:7px;width:12px;height:12px;border-radius:50%;background:#009D00;box-shadow:0 0 0 3px rgba(0,157,0,.25)}
.qma-exa .exa-linea b{display:block;font-size:15px}
.qma-exa .exa-linea span{display:block;font-size:15px;line-height:1.55;opacity:.9}

/* Preguntas frecuentes */
.qma-exa .exa-faq details{border:1px solid rgba(169,180,196,.22);border-radius:10px;padding:0 16px;margin:10px 0;background:var(--ast-global-color-7,#1A2236)}
.qma-exa .exa-faq summary{cursor:pointer;padding:14px 0;font-weight:600}
.qma-exa .exa-faq details[open] summary{color:#4ec850}
.qma-exa .exa-faq details p{margin:0 0 14px}
.qma-exa .exa-nota{font-size:14px;opacity:.7;margin-top:22px}

/* Mapa de módulos de la consola */
.qma-exa .exa-modulos{margin:16px 0 0;padding:14px 16px;border-radius:10px;border:1px dashed rgba(0,107,255,.45);font-size:15px;line-height:1.6}
.qma-exa .exa-modulos span{display:block}
.qma-exa .exa-modulos em{font-style:normal;font-weight:600;color:#4ec850}

/* Diagrama animado de la plataforma (SVG con SMIL). En pantallas chicas se desplaza de lado. */
.qma-exa .exa-diagrama-wrap{margin:18px 0 6px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;background:#0A0E18;padding:10px}
.qma-exa .exa-diagrama{display:block;width:100%;min-width:860px;height:auto}
.qma-exa .exa-diagrama text{font-family:inherit}
.qma-exa .exa-diagrama .exa-anim-reducido{display:none}
/* Con movimiento reducido: sin datos corriendo ni deslizamiento; el agente salta de etapa en etapa y la leyenda sigue */
@media (prefers-reduced-motion:reduce){.qma-exa .exa-diagrama .exa-anim{display:none}.qma-exa .exa-diagrama .exa-anim-reducido{display:inline}}
