/* ============================================================
   AYC NATIVE — capa de diseño CENTRALIZADA y limpia (sin !important).
   Fuente única de tokens de marca + base tipográfica/color/contenedor.
   Scopeada bajo la clase DOBLADA .ayc-native.ayc-native para ganar a
   Elementor (.e-con.e-flex) SIN usar !important. Las páginas migradas
   envuelven su contenido en un contenedor con la clase `ayc-native`.
   Marca tomada del sitio aprobado (resueltos los aliases en conflicto).
   ============================================================ */

:root {
  /* Paleta canónica AYC (única, sin duplicados) */
  --ayc-navy:        #1e2751;   /* azul corporativo principal */
  --ayc-navy-deep:   #15296A;   /* navy del símbolo (izquierda del logo) */
  --ayc-blue:        #0075a9;   /* azul medio (gradiente del símbolo) */
  --ayc-green:       #9dc41a;   /* verde/lima AYC (acento de marca) */
  --ayc-green-dark:  #7EA615;   /* verde hover/oscuro */
  --ayc-muted:       #839794;   /* gris-teal del wordmark "GROUP" — PANTONE 5497C (manual pág 18) */
  --ayc-ink:         #1a1a1a;   /* texto principal */
  --ayc-paper:       #f3f4f2;   /* fondo claro de secciones */
  --ayc-white:       #ffffff;

  /* Tipografía de marca: --ayc-font-head/body viven SOLO en ayc-base.css (fuente única).
     No se redefinen aquí para no duplicar la base (cliente: ninguna capa con letras propias). */

  /* Layout */
  --ayc-container: 1200px;
  --ayc-pad-x: clamp(20px, 4vw, 64px);
}

/* ---- Base scopeada (clase doblada = +especificidad, gana a Elementor) ---- */
.ayc-native.ayc-native {
  font-family: var(--ayc-font-body);
  color: var(--ayc-ink);
  -webkit-font-smoothing: antialiased;
}

/* Contenedor boxed estándar (centrado, ancho de marca) */
.ayc-native.ayc-native .ayc-container { max-width: var(--ayc-container); margin-inline: auto; padding-inline: var(--ayc-pad-x); width: 100%; }

/* Tipografía base de títulos/cuerpo (los tamaños finos van por widget/clase de sección) */
.ayc-native.ayc-native h1, .ayc-native.ayc-native h2,
.ayc-native.ayc-native h3, .ayc-native.ayc-native h4 { font-family: var(--ayc-font-head); color: var(--ayc-navy); line-height: 1.15; margin: 0; }
.ayc-native.ayc-native p { line-height: 1.6; margin: 0; }

/* Acentos de color reutilizables */
.ayc-native.ayc-native .ayc-on-navy { background: var(--ayc-navy); color: var(--ayc-white); }
.ayc-native.ayc-native .ayc-on-navy h1, .ayc-native.ayc-native .ayc-on-navy h2,
.ayc-native.ayc-native .ayc-on-navy h3 { color: var(--ayc-white); }
.ayc-native.ayc-native .ayc-accent { color: var(--ayc-green); }

/* Botón base de marca (verde/lima, texto navy) — el cliente lo edita como widget Button */
.ayc-native.ayc-native .ayc-btn .elementor-button,
.ayc-native.ayc-native a.ayc-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  background: var(--ayc-green); color: var(--ayc-navy);
  font-family: var(--ayc-font-head); font-weight: 700; font-size: var(--fs-button);
  padding: .8rem 1.6rem; border: 0; border-radius: 6px; box-shadow: none;
  transition: background .2s, color .2s;
}
.ayc-native.ayc-native .ayc-btn .elementor-button:hover,
.ayc-native.ayc-native a.ayc-btn:hover { background: var(--ayc-green-dark); color: var(--ayc-white); }
.ayc-native.ayc-native .ayc-btn--navy .elementor-button { background: var(--ayc-navy); color: var(--ayc-white); }
.ayc-native.ayc-native .ayc-btn--navy .elementor-button:hover { background: var(--ayc-navy-deep); }