/* ============================================================
   ACEROS GMA · Normalización de Elementor
   Hace que los widgets nativos hereden el sistema de diseño.
   ============================================================ */

/* Contenedor a la medida del tema */
.elementor-section.elementor-section-boxed > .elementor-container,
.e-con.e-con-boxed > .e-con-inner{max-width:1240px}

/* Tipografía de los widgets */
.elementor-widget-heading .elementor-heading-title{
  font-family:'Montserrat',sans-serif;color:var(--navy);line-height:1.12;letter-spacing:-.01em;font-weight:800;
}
.elementor-widget-text-editor,
.elementor-widget-theme-post-content{color:var(--ink);line-height:1.7}
.elementor-widget-text-editor a{color:var(--accent)}

/* Botones de Elementor con el estilo del tema */
.elementor-button{
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;letter-spacing:.02em;
  border-radius:0;padding:14px 24px;border:2px solid transparent;transition:.2s ease;
}
.elementor-button:not(.elementor-size-sm):not(.elementor-size-xs){padding:14px 24px}

/* Variantes por clase CSS: añade gma-btn-accent / gma-btn-ghost / gma-btn-wsp
   en Avanzado → Clases CSS del widget de botón */
.gma-btn-accent .elementor-button{background:var(--accent);color:#fff}
.gma-btn-accent .elementor-button:hover{background:var(--accent-700);color:#fff}
.gma-btn-navy .elementor-button{background:var(--navy);color:#fff}
.gma-btn-navy .elementor-button:hover{background:var(--navy-600);color:#fff}
.gma-btn-ghost .elementor-button{background:transparent;color:var(--navy);border-color:var(--navy)}
.gma-btn-ghost .elementor-button:hover{background:var(--navy);color:#fff}
.gma-btn-ghost-light .elementor-button{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.gma-btn-ghost-light .elementor-button:hover{background:#fff;color:var(--navy);border-color:#fff}
.gma-btn-wsp .elementor-button{background:var(--wsp);color:#04331a}

/* Secciones sobre azul: invierte los colores del texto */
.gma-on-navy,
.gma-on-navy .elementor-heading-title,
.gma-on-navy .elementor-widget-text-editor{color:#fff}
.gma-on-navy .elementor-widget-text-editor{color:#93a4bd}
.gma-on-navy .eyebrow{color:var(--accent-2)}

/* Acordeón y pestañas nativos con el estilo del proyecto */
.elementor-accordion .elementor-tab-title,
.elementor-toggle .elementor-tab-title{
  font-family:'Montserrat';font-weight:700;font-size:16px;color:var(--navy);
  border:0;border-bottom:1px solid var(--line);padding:22px 0;background:none;
}
.elementor-accordion .elementor-tab-title.elementor-active,
.elementor-toggle .elementor-tab-title.elementor-active{color:var(--accent);border-bottom-color:var(--line)}
.elementor-accordion .elementor-tab-content,
.elementor-toggle .elementor-tab-content{
  border:0;border-bottom:1px solid var(--line);padding:0 0 24px;color:var(--ink-soft);font-size:15px;line-height:1.7;
}
.elementor-accordion .elementor-accordion-item{border:0}

.elementor-tabs .elementor-tab-title{
  font-family:'Montserrat';font-weight:600;font-size:14.5px;color:var(--ink-soft);border:0!important;
}
.elementor-tabs .elementor-tab-title.elementor-active{color:var(--navy);border-bottom:2px solid var(--navy)!important}
.elementor-tabs .elementor-tabs-content-wrapper{border:0}
.elementor-tabs .elementor-tab-content{border:0;padding:28px 0 0}

/* Campos de formulario de Elementor Pro */
.elementor-field-group .elementor-field-label{
  font-family:'Montserrat';font-weight:600;font-size:13.5px;color:var(--navy);
}
.elementor-field-textual{
  border:1px solid var(--line)!important;border-radius:2px!important;padding:13px 15px!important;
  font-family:'Open Sans';font-size:14.5px;
}
.elementor-field-textual:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-050)}

/* Iconos */
.elementor-icon{color:var(--steel)}
.gma-on-navy .elementor-icon{color:var(--accent-2)}

/* Evita que Elementor añada padding lateral doble dentro de .wrap */
.wrap .elementor-section.elementor-section-boxed > .elementor-container{padding-left:0;padding-right:0}

/* Editor: que el hero del tema no tape la barra de Elementor */
.elementor-editor-active .navbar{position:relative;top:0!important}