/* =============================================================================
   SAR · reinicio de estilos de Elementor para la réplica del prototipo
   Orden de carga: Elementor  ->  este fichero  ->  Tailwind
   Así las utilidades Tailwind (misma especificidad, cargadas después) ganan
   siempre, y los elementos que no llevan clase propia quedan como en el
   prototipo (bloque, sin padding ni márgenes añadidos).
   ========================================================================== */

html { scroll-padding-top: 5rem; -webkit-text-size-adjust: 100%; }
body { margin: 0; }

/* Contenedores de Elementor: sin su layout por defecto */
.e-con {
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  padding: 0;
  margin: 0;
  width: auto;
  max-width: none;
  min-width: 0;
  min-height: 0;
  --padding: 0;
  --margin: 0;
  --gap: 0;
  --content-width: none;
  --overflow: visible;
}

/* Elementor fuerza sus valores de layout en `.e-con.e-flex` (0,2,0): hay que
   igualar la especificidad para dejar los valores de un <div> normal, que es
   lo que hace el prototipo. Las clases Tailwind del contenedor (reemitidas en
   layout-fix.css) vuelven a imponer lo suyo. */
.e-con,
.e-con.e-flex,
.e-con-full.e-flex,
.e-con.e-con-inner,
.e-con.e-flex > .e-con-inner {
  --flex-direction: row;
  --flex-wrap: nowrap;
  --justify-content: normal;
  --align-items: normal;
  --align-content: normal;
  --flex-grow: 0;
  --flex-shrink: 1;
  --flex-basis: auto;
  --order: 0;
  --gap: 0px;
}

.elementor-widget-container { margin: 0; padding: 0; }

/* Encabezados: heredan tipografía y color del contenedor (donde van las clases) */
.elementor-heading-title {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  text-transform: inherit;
}

.elementor-widget-text-editor { color: inherit; font-size: inherit; line-height: inherit; }
.elementor-widget-image img { max-width: 100%; height: auto; }
.elementor-widget-html > .elementor-widget-container { line-height: inherit; }

/* Las plantillas de Theme Builder no deben añadir caja propia */
.elementor-location-header, .elementor-location-footer { position: relative; z-index: 1; }

/* El editor de Elementor reordena los widgets: no afecta al frontend */
@media (max-width: 1023px) {
  #sar-mobile.hidden { display: none; }
}

/* --- Preguntas frecuentes: acordeón nativo con el aspecto del prototipo --- */
details.sar-faq > summary { list-style: none; cursor: pointer; }
details.sar-faq > summary::-webkit-details-marker { display: none; }
details.sar-faq > summary > span { flex: 1; }
details.sar-faq[open] > summary svg { transform: rotate(180deg); }
details.sar-faq[open] > summary { padding-bottom: .75rem; }

/* --- Pestañas (actores): oculta/muestra según data-state --- */
[role="tabpanel"][data-state="inactive"] { display: none; }

/* --- Menú móvil: intercambio de iconos --- */
#sar-burger .sar-icono-cerrar { display: none; }
#sar-burger[aria-expanded="true"] .sar-icono-abrir { display: none; }
#sar-burger[aria-expanded="true"] .sar-icono-cerrar { display: block; }