/* =====================================================
   Matmap Blocks — Shared CSS
   Cargado una sola vez independientemente de qué
   módulos estén activos en la página.
   ===================================================== */

/* ── Custom properties globales ─────────── */
:root {
  --mmb-primary:      #3a3971;
  --mmb-primary-dark: #2f2e64;
  --mmb-accent:       #e69130;
  --mmb-accent-alt:   #f4b740;
  --mmb-banner-bg:    #2C2C54;

  --mmb-border:       #e2e8f0;
  --mmb-border-soft:  #e7e7ef;
  --mmb-bg-light:     #f9f9fb;
  --mmb-bg-subtle:    #f4f4f9;

  --mmb-text-main:    #1e293b;
  --mmb-text-sub:     #64748b;
  --mmb-text-muted:   #66667a;

  --mmb-radius-sm:    6px;
  --mmb-radius-md:    10px;
  --mmb-radius-lg:    14px;

  --mmb-shadow-sm:    0 4px 8px rgba(0,0,0,.08);
  --mmb-shadow-md:    0 4px 18px rgba(0,0,0,.09);
  --mmb-shadow-lg:    0 8px 24px rgba(17,17,38,.06);

  --mmb-font:         system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mmb-page-margin:  20px;
  --mmb-max-width:    1100px;
}

/* ── Box-sizing universal bajo raíz MMB ─── */
.mmb-root, .mmb-root *, .mmb-root *::before, .mmb-root *::after,
.mm-faq-container, .mm-faq-container *, .mm-faq-container *::before, .mm-faq-container *::after,
.mmig-section-root, .mmig-section-root *, .mmig-section-root *::before, .mmig-section-root *::after {
  box-sizing: border-box;
}

/* ── Tipografía base para todos los módulos ── */
.mmb-root,
.mm-faq-container,
.mmig-section-root {
  font-family: var(--mmb-font);
}

/* ── Reduced motion — aplicado globalmente ── */
@media (prefers-reduced-motion: reduce) {
  .mm-faq-answer,
  .mm-faq-question,
  .mm-faq-icon,
  .mm-faq-author__btn,
  .c-banner__description-wrapper,
  .c-banner__toggle-btn,
  .c-mini-card,
  .c-nav-tab,
  .c-slider-arrow,
  .mmig-card {
    transition: none !important;
    animation: none !important;
  }
}