/* ═══════════════════════════════════════════════════════════════════════════════
   ga-elementor-fix.css
   CSS corregido para la estructura REAL de Elementor
   
   PROBLEMA: cuando añades una clase a un widget de Elementor, la clase
   queda en el div exterior (.elementor-widget), no en el elemento visible.
   
   ESTRUCTURA REAL de un Heading widget con clase "ga-card__title":
   <div class="elementor-widget ga-card__title">          ← la clase queda aquí
     <div class="elementor-widget-container">
       <h3 class="elementor-heading-title">Texto</h3>    ← aquí va el estilo visual
     </div>
   </div>

   SOLUCIÓN: todos los selectores apuntan al elemento interno.
   ═══════════════════════════════════════════════════════════════════════════════ */


/* ─────────────────────────────────────────────────────────────────────────────
   TIPOGRAFÍA — clases aplicadas a widgets Heading / Text Editor
   ───────────────────────────────────────────────────────────────────────────── */

/* Eyebrow / kicker */
.ga-eyebrow .elementor-heading-title,
.ga-kicker .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--ga-red) !important;
  line-height: 1 !important;
}

/* H1 hero */
.ga-h1 .elementor-heading-title {
  font-family: var(--ga-font-display) !important;
  font-weight: 700 !important;
  font-size: clamp(36px, 5.6vw, 64px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  color: var(--ga-white) !important;
}

/* H2 sobre fondo oscuro */
.ga-h2--ink .elementor-heading-title {
  font-family: var(--ga-font-display) !important;
  font-weight: 700 !important;
  font-size: clamp(36px, 4.6vw, 56px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.02em !important;
  color: var(--ga-white) !important;
}

/* H2 sobre fondo claro (cream) */
.ga-h2--cream .elementor-heading-title {
  font-family: var(--ga-font-display) !important;
  font-weight: 700 !important;
  font-size: clamp(36px, 4.6vw, 56px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.02em !important;
  color: var(--ga-ink) !important;
}

/* Lede / bajada */
.ga-lede .elementor-widget-container p,
.ga-lede .elementor-widget-container {
  font-family: var(--ga-font-body) !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: var(--ga-stone-light) !important;
}

/* Intro de sección */
.ga-section-intro .elementor-widget-container p,
.ga-section-intro .elementor-widget-container {
  font-family: var(--ga-font-body) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: var(--ga-stone) !important;
}

/* Stat — valor grande */
.ga-stat-val .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-weight: 500 !important;
  font-size: clamp(36px, 4.5vw, 52px) !important;
  line-height: 1 !important;
  color: var(--ga-white) !important;
  letter-spacing: -0.01em !important;
}

/* Stat — label */
.ga-stat-label .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ga-stone-light) !important;
  line-height: 1.5 !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   CARDS DE SERVICIO
   La clase ga-card--service va en la COLUMNA.
   Las clases ga-card__label, ga-card__title, ga-card__body van en cada WIDGET.
   ───────────────────────────────────────────────────────────────────────────── */

/* Columna entera = la tarjeta blanca con borde */
.elementor-column.ga-card--service > .elementor-widget-wrap {
  background: var(--ga-white) !important;
  border-left: 3px solid var(--ga-red) !important;
  padding: 40px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  align-content: flex-start !important;
}

/* Elementor Container (modo flex moderno) */
.e-con.ga-card--service,
.e-container.ga-card--service {
  background: var(--ga-white) !important;
  border-left: 3px solid var(--ga-red) !important;
  padding: 40px 32px !important;
}

/* Label de la card ("Diagnóstico", "Estrategia"...) */
.ga-card__label .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: var(--ga-red) !important;
}

/* Título de la card ("Visibilidad orgánica"...) */
.ga-card__title .elementor-heading-title {
  font-family: var(--ga-font-body) !important;
  font-weight: 500 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  color: var(--ga-ink) !important;
}

/* Cuerpo de texto de la card */
.ga-card__body .elementor-widget-container p,
.ga-card__body .elementor-widget-container {
  font-family: var(--ga-font-body) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: var(--ga-ink) !important;
}

/* Link al pie de la card */
.ga-card__link .elementor-heading-title,
.ga-card__link a {
  font-family: var(--ga-font-mono) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--ga-red) !important;
  text-decoration: none !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   CARDS DE TESTIMONIO
   ga-card--testi va en la COLUMNA
   ───────────────────────────────────────────────────────────────────────────── */

.elementor-column.ga-card--testi > .elementor-widget-wrap {
  background: var(--ga-white) !important;
  border-left: 2px solid var(--ga-red) !important;
  padding: 40px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.e-con.ga-card--testi {
  background: var(--ga-white) !important;
  border-left: 2px solid var(--ga-red) !important;
  padding: 40px 32px !important;
}

.ga-card__quote .elementor-widget-container p,
.ga-card__quote .elementor-widget-container {
  font-family: var(--ga-font-display) !important;
  font-style: italic !important;
  font-size: 20px !important;
  line-height: 1.45 !important;
  color: var(--ga-ink) !important;
  letter-spacing: -0.005em !important;
}

.ga-card__name .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ga-red) !important;
}

.ga-card__role .elementor-heading-title,
.ga-card__date .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ga-stone) !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   PULL QUOTE (credibilidad)
   ───────────────────────────────────────────────────────────────────────────── */

.ga-pull-quote .elementor-widget-container p,
.ga-pull-quote .elementor-widget-container blockquote,
.ga-pull-quote .elementor-widget-container {
  font-family: var(--ga-font-display) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: clamp(18px, 1.6vw, 22px) !important;
  line-height: 1.55 !important;
  color: var(--ga-white) !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ga-pull-quote {
  border-left: 3px solid var(--ga-red) !important;
  padding-left: 20px !important;
  max-width: 720px !important;
  margin-bottom: var(--ga-space-6) !important;
}

/* Firma bajo la cita */
.ga-pull-quote__sign .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--ga-stone) !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   BOTONES
   ga-btn--primary / ga-btn--ghost van en el widget Button
   ───────────────────────────────────────────────────────────────────────────── */

.ga-btn--primary .elementor-button,
.ga-btn--primary a.elementor-button {
  background: var(--ga-red) !important;
  color: #FAFAF8 !important;
  border: 1px solid var(--ga-red) !important;
  border-radius: 0 !important;
  font-family: var(--ga-font-mono) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 18px 28px !important;
  box-shadow: none !important;
}

.ga-btn--primary .elementor-button:hover,
.ga-btn--primary a.elementor-button:hover {
  background: var(--ga-red-hover) !important;
  border-color: var(--ga-red-hover) !important;
  color: #FAFAF8 !important;
}

.ga-btn--ghost .elementor-button,
.ga-btn--ghost a.elementor-button {
  background: transparent !important;
  color: var(--ga-white) !important;
  border: 1px solid var(--ga-white) !important;
  border-radius: 0 !important;
  font-family: var(--ga-font-mono) !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 14px 22px !important;
  box-shadow: none !important;
}

.ga-btn--ghost .elementor-button:hover {
  background: var(--ga-white) !important;
  color: var(--ga-ink) !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECCIONES — fondos y línea de acento
   La clase va en la SECCIÓN (nivel más alto)
   ───────────────────────────────────────────────────────────────────────────── */

.elementor-section.ga-section--ink,
.e-con.ga-section--ink {
  background-color: var(--ga-ink) !important;
}

.elementor-section.ga-section--ink-2,
.e-con.ga-section--ink-2 {
  background-color: var(--ga-ink-2) !important;
}

.elementor-section.ga-section--cream,
.e-con.ga-section--cream {
  background-color: var(--ga-cream) !important;
}

/* Línea vertical roja en secciones oscuras */
.elementor-section.ga-section--ink::before,
.elementor-section.ga-section--ink-2::before,
.e-con.ga-section--ink::before,
.e-con.ga-section--ink-2::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  background: var(--ga-red) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.elementor-section.ga-section--ink,
.elementor-section.ga-section--ink-2 {
  position: relative !important;
  overflow: hidden !important;
}
.ga-card__label .elementor-heading-title,
.ga-card__label h1, .ga-card__label h2,
.ga-card__label h3, .ga-card__label h4 {
  color: #BE2A1A !important;
  font-family: "DM Mono", monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

.ga-card__link .elementor-heading-title,
.ga-card__link h1, .ga-card__link h2,
.ga-card__link h3, .ga-card__link h4,
.ga-card__link a {
  color: #BE2A1A !important;
  font-family: "DM Mono", monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.ga-eyebrow .elementor-heading-title,
.ga-kicker .elementor-heading-title {
  color: #BE2A1A !important;
}
/*
/* ═══════════════════════════════════════════════════════════════════════════════
   ga-elementor-fix.css
   CSS corregido para la estructura REAL de Elementor
   
   PROBLEMA: cuando añades una clase a un widget de Elementor, la clase
   queda en el div exterior (.elementor-widget), no en el elemento visible.
   
   ESTRUCTURA REAL de un Heading widget con clase "ga-card__title":
   <div class="elementor-widget ga-card__title">          ← la clase queda aquí
     <div class="elementor-widget-container">
       <h3 class="elementor-heading-title">Texto</h3>    ← aquí va el estilo visual
     </div>
   </div>

   SOLUCIÓN: todos los selectores apuntan al elemento interno.
   ═══════════════════════════════════════════════════════════════════════════════ */


/* ─────────────────────────────────────────────────────────────────────────────
   TIPOGRAFÍA — clases aplicadas a widgets Heading / Text Editor
   ───────────────────────────────────────────────────────────────────────────── */

/* Eyebrow / kicker */
.ga-eyebrow .elementor-heading-title,
.ga-kicker .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--ga-red) !important;
  line-height: 1 !important;
}

/* H1 hero */
.ga-h1 .elementor-heading-title {
  font-family: var(--ga-font-display) !important;
  font-weight: 700 !important;
  font-size: clamp(36px, 5.6vw, 64px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  color: var(--ga-white) !important;
}

/* H2 sobre fondo oscuro */
.ga-h2--ink .elementor-heading-title {
  font-family: var(--ga-font-display) !important;
  font-weight: 700 !important;
  font-size: clamp(36px, 4.6vw, 56px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.02em !important;
  color: var(--ga-white) !important;
}

/* H2 sobre fondo claro (cream) */
.ga-h2--cream .elementor-heading-title {
  font-family: var(--ga-font-display) !important;
  font-weight: 700 !important;
  font-size: clamp(36px, 4.6vw, 56px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.02em !important;
  color: var(--ga-ink) !important;
}

/* Lede / bajada */
.ga-lede .elementor-widget-container p,
.ga-lede .elementor-widget-container {
  font-family: var(--ga-font-body) !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: var(--ga-stone-light) !important;
}

/* Intro de sección */
.ga-section-intro .elementor-widget-container p,
.ga-section-intro .elementor-widget-container {
  font-family: var(--ga-font-body) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: var(--ga-stone) !important;
}

/* Stat — valor grande */
.ga-stat-val .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-weight: 500 !important;
  font-size: clamp(36px, 4.5vw, 52px) !important;
  line-height: 1 !important;
  color: var(--ga-white) !important;
  letter-spacing: -0.01em !important;
}

/* Stat — label */
.ga-stat-label .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ga-stone-light) !important;
  line-height: 1.5 !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   CARDS DE SERVICIO
   La clase ga-card--service va en la COLUMNA.
   Las clases ga-card__label, ga-card__title, ga-card__body van en cada WIDGET.
   ───────────────────────────────────────────────────────────────────────────── */

/* Columna entera = la tarjeta blanca con borde */
.elementor-column.ga-card--service > .elementor-widget-wrap {
  background: var(--ga-white) !important;
  border-left: 3px solid var(--ga-red) !important;
  padding: 40px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  align-content: flex-start !important;
}

/* Elementor Container (modo flex moderno) */
.e-con.ga-card--service,
.e-container.ga-card--service {
  background: var(--ga-white) !important;
  border-left: 3px solid var(--ga-red) !important;
  padding: 40px 32px !important;
}

/* Label de la card ("Diagnóstico", "Estrategia"...) */
.ga-card__label .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: var(--ga-red) !important;
}

/* Título de la card ("Visibilidad orgánica"...) */
.ga-card__title .elementor-heading-title {
  font-family: var(--ga-font-body) !important;
  font-weight: 500 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  color: var(--ga-ink) !important;
}

/* Cuerpo de texto de la card */
.ga-card__body .elementor-widget-container p,
.ga-card__body .elementor-widget-container {
  font-family: var(--ga-font-body) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: var(--ga-ink) !important;
}

/* Link al pie de la card */
.ga-card__link .elementor-heading-title,
.ga-card__link a {
  font-family: var(--ga-font-mono) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--ga-red) !important;
  text-decoration: none !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   CARDS DE TESTIMONIO
   ga-card--testi va en la COLUMNA
   ───────────────────────────────────────────────────────────────────────────── */

.elementor-column.ga-card--testi > .elementor-widget-wrap {
  background: var(--ga-white) !important;
  border-left: 2px solid var(--ga-red) !important;
  padding: 40px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.e-con.ga-card--testi {
  background: var(--ga-white) !important;
  border-left: 2px solid var(--ga-red) !important;
  padding: 40px 32px !important;
}

.ga-card__quote .elementor-widget-container p,
.ga-card__quote .elementor-widget-container {
  font-family: var(--ga-font-display) !important;
  font-style: italic !important;
  font-size: 20px !important;
  line-height: 1.45 !important;
  color: var(--ga-ink) !important;
  letter-spacing: -0.005em !important;
}

.ga-card__name .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ga-red) !important;
}

.ga-card__role .elementor-heading-title,
.ga-card__date .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ga-stone) !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   PULL QUOTE (credibilidad)
   ───────────────────────────────────────────────────────────────────────────── */

.ga-pull-quote .elementor-widget-container p,
.ga-pull-quote .elementor-widget-container blockquote,
.ga-pull-quote .elementor-widget-container {
  font-family: var(--ga-font-display) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: clamp(18px, 1.6vw, 22px) !important;
  line-height: 1.55 !important;
  color: var(--ga-white) !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ga-pull-quote {
  border-left: 3px solid var(--ga-red) !important;
  padding-left: 20px !important;
  max-width: 720px !important;
  margin-bottom: var(--ga-space-6) !important;
}

/* Firma bajo la cita */
.ga-pull-quote__sign .elementor-heading-title {
  font-family: var(--ga-font-mono) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--ga-stone) !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   BOTONES
   ga-btn--primary / ga-btn--ghost van en el widget Button
   ───────────────────────────────────────────────────────────────────────────── */

.ga-btn--primary .elementor-button,
.ga-btn--primary a.elementor-button {
  background: var(--ga-red) !important;
  color: #FAFAF8 !important;
  border: 1px solid var(--ga-red) !important;
  border-radius: 0 !important;
  font-family: var(--ga-font-mono) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 18px 28px !important;
  box-shadow: none !important;
}

.ga-btn--primary .elementor-button:hover,
.ga-btn--primary a.elementor-button:hover {
  background: var(--ga-red-hover) !important;
  border-color: var(--ga-red-hover) !important;
  color: #FAFAF8 !important;
}

.ga-btn--ghost .elementor-button,
.ga-btn--ghost a.elementor-button {
  background: transparent !important;
  color: var(--ga-white) !important;
  border: 1px solid var(--ga-white) !important;
  border-radius: 0 !important;
  font-family: var(--ga-font-mono) !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 14px 22px !important;
  box-shadow: none !important;
}

.ga-btn--ghost .elementor-button:hover {
  background: var(--ga-white) !important;
  color: var(--ga-ink) !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECCIONES — fondos y línea de acento
   La clase va en la SECCIÓN (nivel más alto)
   ───────────────────────────────────────────────────────────────────────────── */

.elementor-section.ga-section--ink,
.e-con.ga-section--ink {
  background-color: var(--ga-ink) !important;
}

.elementor-section.ga-section--ink-2,
.e-con.ga-section--ink-2 {
  background-color: var(--ga-ink-2) !important;
}

.elementor-section.ga-section--cream,
.e-con.ga-section--cream {
  background-color: var(--ga-cream) !important;
}

/* Línea vertical roja en secciones oscuras */
.elementor-section.ga-section--ink::before,
.elementor-section.ga-section--ink-2::before,
.e-con.ga-section--ink::before,
.e-con.ga-section--ink-2::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  background: var(--ga-red) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.elementor-section.ga-section--ink,
.elementor-section.ga-section--ink-2 {
  position: relative !important;
  overflow: hidden !important;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   FIN — ga-elementor-fix.css
   Carga DESPUÉS de ga-design-system.css y ga-home-additions.css
   ═══════════════════════════════════════════════════════════════════════════════ */


/* ─────────────────────────────────────────────────────────────────────────────
   FIX FONDO BLANCO — Elementor Container sobreescribe background con
   variables inline. Este selector lo fuerza con máxima especificidad.
   ───────────────────────────────────────────────────────────────────────────── */

.e-con.ga-card--service,
.e-con.ga-card--service.e-flex,
.e-con.ga-card--service.e-con-full,
.elementor-column.ga-card--service > .elementor-widget-wrap.elementor-element-populated {
  background-color: #FAFAF8 !important;
  background-image: none !important;
}

/* Fuerza el borde rojo aunque haya override de Elementor */
.e-con.ga-card--service,
.elementor-column.ga-card--service > .elementor-widget-wrap {
  border-left: 3px solid #BE2A1A !important;
  padding: 40px 32px !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   FIX COLORES ESPECÍFICOS — hexadecimales directos para evitar
   problemas con variables CSS en algunos entornos de Elementor
   ───────────────────────────────────────────────────────────────────────────── */

/* Label de card — rojo */
.ga-card__label .elementor-heading-title,
.ga-card__label h1, .ga-card__label h2,
.ga-card__label h3, .ga-card__label h4 {
  color: #BE2A1A !important;
  font-family: "DM Mono", monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

/* Link "Ver servicios" — rojo */
.ga-card__link .elementor-heading-title,
.ga-card__link h1, .ga-card__link h2,
.ga-card__link h3, .ga-card__link h4,
.ga-card__link a {
  color: #BE2A1A !important;
  font-family: "DM Mono", monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

/* Eyebrow "SERVICIOS" — rojo */
.ga-eyebrow .elementor-heading-title,
.ga-kicker .elementor-heading-title {
  color: #BE2A1A !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   FIX BATCH 2 — problemas detectados en revisión visual
   ───────────────────────────────────────────────────────────────────────────── */

/* 1. DOBLE LÍNEA ROJA en cards de servicio
   La sección cream no debería tener ::before pero si hay un contenedor
   intermedio con clase ink, genera una segunda línea. Neutraliza. */
.ga-section--cream::before {
  display: none !important;
}

/* 2. ESPACIO EXCESIVO entre widgets dentro de la card
   Elementor añade margin-bottom a cada widget por defecto. */
.ga-card--service .elementor-widget,
.e-con.ga-card--service .elementor-widget {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.ga-card--service .elementor-widget-container,
.e-con.ga-card--service .elementor-widget-container {
  margin-bottom: 0 !important;
}

/* 3. TESTIMONIOS — borde en el lado correcto (izquierda, no arriba)
   y fondo blanco */
.elementor-column.ga-card--testi > .elementor-widget-wrap,
.e-con.ga-card--testi {
  background: #FAFAF8 !important;
  border-left: 2px solid #BE2A1A !important;
  border-top: none !important;
  padding: 40px 32px !important;
}

/* Eliminar borde superior que Elementor puede añadir */
.ga-card--testi {
  border-top: none !important;
}

/* 4. CIFRAS ESTADÍSTICAS — formato correcto */
.ga-stat-val .elementor-heading-title {
  font-family: "DM Mono", monospace !important;
  font-size: clamp(36px, 4.5vw, 52px) !important;
  font-weight: 500 !important;
  color: #FAFAF8 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
}

.ga-stat-label .elementor-heading-title {
  font-family: "DM Mono", monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #C4B9AC !important;
  font-weight: 400 !important;
}

/* 5. SEPARACIÓN entre label y título dentro de la card */
.ga-card__label {
  margin-bottom: 8px !important;
}
.ga-card__title {
  margin-bottom: 12px !important;
}/* RESTAURAR testimonios — borde superior, no lateral */
.elementor-column.ga-card--testi > .elementor-widget-wrap,
.e-con.ga-card--testi {
  background-color: #FAFAF8 !important;
  border-top: 2px solid #BE2A1A !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  padding: 32px 0 40px !important;
}/* Bullets de la lista Fit */
.ga-fit-col--yes ul,
.ga-fit-col--no ul {
  list-style: none !important;
  padding-left: 26px !important;
}

.ga-fit-col--yes ul li,
.ga-fit-col--no ul li {
  position: relative !important;
  padding-left: 0 !important;
}

.ga-fit-col--yes ul li::before,
.ga-fit-col--no ul li::before {
  content: "·" !important;
  position: absolute !important;
  left: -20px !important;
  top: -2px !important;
  font-size: 28px !important;
  line-height: 1 !important;
  color: #BE2A1A !important;
}═══════════════════════════════════════════════════════════════════════════════
   FIN — ga-elementor-fix.css
   Carga DESPUÉS de ga-design-system.css y ga-home-additions.css
   ═══════════════════════════════════════════════════════════════════════════════ */