/* ============================================================
   AYC NATIVE BRIDGE — puentes para que los widgets nativos de Elementor
   adopten el diseño SIN HTML embebido y SIN !important.
   Carga DESPUÉS de ayc-native.css. Patrones probados (proyecto Argos).
   Solo actúan dentro de .ayc-native (páginas migradas) → no tocan legacy.
   ============================================================ */

/* Wrapper de página: sin padding/gap por defecto de Elementor (quita marcos/slivers blancos) */
.ayc-native { padding: 0; }
.ayc-native .e-con { gap: 0; }   /* mata el --gap:20px por defecto; los gaps reales del diseño ganan por clase */

/* HEADINGS: el elemento interno hereda tipografía/color de la clase del wrapper.
   IMPORTANTE: re-heredar font-variation-settings (el shorthand `font` lo resetea → pierde pesos variables) */
.ayc-native .elementor-widget-heading .elementor-heading-title {
  font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit;
  line-height: inherit; font-variation-settings: inherit; margin: 0;
}

/* RESET de márgenes del navegador en contenido de text-editor (el espaciado real viene de clases/gap) */
.ayc-native .elementor-widget-text-editor p,
.ayc-native .elementor-widget-text-editor ul,
.ayc-native .elementor-widget-text-editor ol,
.ayc-native .elementor-widget-text-editor h1,
.ayc-native .elementor-widget-text-editor h2,
.ayc-native .elementor-widget-text-editor h3 { margin: 0; }
.ayc-native .elementor-widget-text-editor ul,
.ayc-native .elementor-widget-text-editor ol { padding-left: 0; list-style: none; }

/* IMÁGENES: el <img> llena el contenedor del diseño (Elementor mete una caja intermedia) */
.ayc-native .elementor-widget-image,
.ayc-native .elementor-widget-image > .elementor-widget-container { display: contents; }

/* COUNTERS: el número hereda la tipografía de la clase (no el default de Elementor), alineado a la izq */
.ayc-native .elementor-widget-counter .elementor-counter-number-wrapper { font: inherit; justify-content: flex-start; }
.ayc-native .elementor-widget-counter { text-align: left; }

/* CONTENEDORES DE FILA: Elementor pone los .e-con en columna por defecto.
   Forzar fila donde el diseño es horizontal (añade aquí las clases de cada sección). */
.ayc-native .flex-row,
.ayc-native .site-header__inner,
.ayc-native .topbar__inner,
.ayc-native .footer-bottom { flex-direction: row; flex-wrap: nowrap; }

/* ENLACES como widgets Button (no hay widget "link"): el <a> ES .elementor-button →
   los estilos de enlace del diseño ya lo alcanzan; aquí solo neutralizamos el chrome de botón. */
.ayc-native :is(.site-nav, .topbar, .footer-col) .elementor-widget-button > .elementor-widget-container,
.ayc-native :is(.site-nav, .topbar, .footer-col) .elementor-button-wrapper { display: contents; }
.ayc-native :is(.site-nav, .topbar, .footer-col) .elementor-button {
  display: inline-flex; align-items: center; background: transparent; border: 0; border-radius: 0;
  box-shadow: none; min-height: 0; width: auto; padding: 0; font: inherit;
  letter-spacing: inherit; text-transform: inherit;
}
/* grupos empujados por margin-left:auto deben medir por contenido (Elementor les da width:100%) */
.ayc-native :is(.site-nav, .header-cta, .topbar__right, .brand) { width: auto; }

/* Footer columnas alineadas a la izquierda (Elementor centra los items del .e-con) */
.ayc-native .footer-col { align-items: flex-start; text-align: left; }

/* ============================================================================
   [2026-08-27] FAUX-BOLD — corrección transversal
   `style.css` (legacy, NUNCA se dequea) fija `font-weight:800 !important` a
   headings e icon-box titles en ~10 reglas. Futura Bold ES 700: pedir 800 no
   carga otra cara, el navegador SINTETIZA un bold deformado. Medidos 48
   elementos afectados en Home, Ayuda Center, Accountants y Advisors (h1 de hero
   56px, h2 de sección 38px y títulos de proceso/por-qué 26px).
   Se usa !important porque es la ÚNICA forma de vencer el pin legacy; la
   especificidad (0,3,1) supera a la de style.css (0,2,0).
   ========================================================================== */
.ayc-native.ayc-native h1.elementor-heading-title,
.ayc-native.ayc-native h2.elementor-heading-title,
.ayc-native.ayc-native h2,
.ayc-native.ayc-native .elementor-icon-box-title {
  font-weight: 700 !important;
}

/* Excepciones: elementos que SÍ deben quedarse en Futura Medium (ligero).
   Verificado uno a uno en el navegador antes de escribir esta lista. */
.ayc-native.ayc-native [data-id="svc-hero-sub"] .elementor-heading-title,
.ayc-native.ayc-native [data-id="faq-hero-sub"] .elementor-heading-title {
  font-weight: 500 !important;   /* subtítulos de hero en Futura Medium (h2, 34px):
                                    Servicios y Preguntas Frecuentes */
}
.ayc-native.ayc-native [data-id="ac-qi1"] .elementor-icon-box-title,
.ayc-native.ayc-native [data-id="ac-qi2"] .elementor-icon-box-title,
.ayc-native.ayc-native [data-id="ac-qi3"] .elementor-icon-box-title,
.ayc-native.ayc-native [data-id="ac-qi4"] .elementor-icon-box-title,
.ayc-native.ayc-native [data-id="ac-qi5"] .elementor-icon-box-title,
.ayc-native.ayc-native [data-id="ac-qi6"] .elementor-icon-box-title {
  font-weight: 400 !important;   /* lista "Trabajamos con personas que buscan:" (21px) */
}

/* ============================================================================
   [AVISO LEGAL DE LOS HEROES 2026-09-08] Ademas del disclaimer del footer, los
   heroes de varias paginas llevan su propio aviso legal con white-space:nowrap.
   Medido a 1100px: Advisors, Quienes Somos y FAQ se salian 122px de la
   pantalla; Servicios y Ayuda quedaban al limite (-24px y -10px).
   Mismo hueco de breakpoint que el logo: nada cubre la franja 1025-1400.
   Solo se permite el salto de linea; no se toca tamano, color ni posicion.
   ========================================================================= */
@media (max-width: 1400px) {
  .ayc-native.ayc-native [data-id="advhc46abe"] p,
  .ayc-native.ayc-native [data-id="qshc46abe"] p,
  .ayc-native.ayc-native [data-id="faq-hero-legal"] p,
  .ayc-native.ayc-native [data-id="svc-hero-legal"] p,
  .ayc-native.ayc-native [data-id="ac-hero-legal"] p,
  .ayc-native [data-id="advhc46abe"] p,
  .ayc-native [data-id="qshc46abe"] p,
  .ayc-native [data-id="faq-hero-legal"] p,
  .ayc-native [data-id="svc-hero-legal"] p,
  .ayc-native [data-id="ac-hero-legal"] p {
    white-space: normal !important;
    overflow-wrap: anywhere;
    /* La causa real no era el nowrap: el <p> lleva un ancho FIJO de ~1343px
       dentro de un contenedor de 1100px y, al estar centrado, sobresale 122px
       por cada lado. Se le obliga a respetar el ancho de su contenedor. */
    width: auto !important;
    max-width: 100% !important;
  }
}