/**
 * Ecosol — Páginas de contenido (FAQ, plan canje, dónde encontrarnos, ser distribuidor…).
 *
 * NO reemplaza el contenido: esas páginas están armadas en Elementor por la agencia y
 * tienen datos reales (mapas, tablas de distribuidores, formularios, decenas de FAQ).
 * Acá solo se alinean con el lenguaje visual del rediseño.
 *
 * Se aplica a páginas sueltas, nunca a la home ni a nada de WooCommerce, para no pisar
 * lo que ya estilan los widgets propios ni el catálogo.
 */

/* ---- Márgenes laterales del encabezado ----
   Los bloques de encabezado usan contenedores a ancho completo. La imagen sangra a
   propósito, pero el texto queda pegado al borde de la pantalla. Se le da aire sin
   tocar la imagen. */
.ecosol-pages .e-con-full > .elementor-widget-heading,
.ecosol-pages .e-con-full > .elementor-widget-text-editor,
.ecosol-pages .e-con-full > .elementor-widget-button {
  padding-inline: clamp(16px, 4vw, 48px);
}

/* ---- Títulos ---- */
.ecosol-pages .elementor-widget-heading .elementor-heading-title {
  letter-spacing: -.02em;
  line-height: 1.15;
}

/* ---- Acordeones (las FAQ) ---- */
.ecosol-pages .e-n-accordion-item {
  border: 1px solid #DDE6ED;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 10px;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}

.ecosol-pages .e-n-accordion-item:hover {
  border-color: #CDEEE4;
  box-shadow: 0 4px 18px rgba(39, 55, 77, .07);
}

.ecosol-pages .e-n-accordion-item summary,
.ecosol-pages .e-n-accordion-item-title {
  padding: 16px 18px;
  font-weight: 600;
  color: #27374D;
  cursor: pointer;
}

.ecosol-pages .e-n-accordion-item[open] {
  border-color: #CDEEE4;
}

.ecosol-pages .e-n-accordion-item[open] summary,
.ecosol-pages .e-n-accordion-item[open] .e-n-accordion-item-title {
  color: #15806D;
}

/* ---- Tablas (distribuidores) ---- */
.ecosol-pages table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #DDE6ED;
  font-size: 14.5px;
}

.ecosol-pages table th {
  background: #F6F9FB;
  color: #27374D;
  font-weight: 700;
  text-align: left;
  padding: 12px 16px;
  border-bottom: 1px solid #DDE6ED;
}

.ecosol-pages table td {
  padding: 12px 16px;
  border-bottom: 1px solid #EEF3F7;
  color: #4F4F4F;
}

.ecosol-pages table tr:last-child td { border-bottom: 0; }
.ecosol-pages table tr:hover td { background: #F9FCFD; }

/* En pantallas angostas la tabla no entra: se desplaza sola en vez de romper la página. */
.ecosol-pages .elementor-widget-text-editor table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

/* ---- Pestañas (zonas de distribuidores) ---- */
.ecosol-pages .e-n-tabs-heading button,
.ecosol-pages .e-n-tab-title {
  border-radius: 999px;
  font-weight: 600;
  font-size: 14px;
  padding: 9px 18px;
  transition: .2s;
}

/* ---- Botones ---- */
.ecosol-pages .elementor-button {
  border-radius: 999px;
  font-weight: 600;
  padding: 13px 26px;
  transition: .22s cubic-bezier(.2, .7, .3, 1);
}

.ecosol-pages .elementor-button:hover {
  transform: translateY(-2px);
}

/* ---- Formularios (solicitud de distribuidor, contacto) ---- */
.ecosol-pages .elementor-field-group .elementor-field {
  border: 1px solid #DDE6ED;
  border-radius: 10px;
  padding: 12px 14px;
  font-family: inherit;
  font-size: 15px;
  color: #27374D;
  background: #fff;
}

.ecosol-pages .elementor-field-group .elementor-field:focus {
  border-color: #22A18A;
  box-shadow: 0 0 0 4px rgba(34, 161, 138, .1);
  outline: 0;
}

.ecosol-pages .elementor-field-group > label {
  font-weight: 600;
  font-size: 14px;
  color: #27374D;
  margin-bottom: 6px;
}

/* ---- Mapas ---- */
.ecosol-pages .elementor-widget-google_maps iframe {
  border-radius: 14px;
  display: block;
}

/* ---- Listas con ícono ---- */
.ecosol-pages .elementor-icon-list-item {
  font-size: 15px;
}

.ecosol-pages .elementor-icon-list-icon {
  color: #22A18A;
}