/* ============ Contenido ampliado de landings de servicio — 2026-11-03 ============
   Marcado: template-parts/servicios/landing-extra.php. Clases ft-lx-* únicamente.
   foundtech.css fuerza p/a en blanco con !important: aquí se contrarresta. */

.ft-lx { --lx-ink: #1d1d1b; --lx-text: #3d3d3b; --lx-muted: #5f5f5c; --lx-line: #e4e6df; --lx-soft: #f5f7f0; --lx-accent: #84bd00;
  padding: 80px 0; background: #fff; font-family: 'Gotham', sans-serif; }
.ft-lx--cases { background: #f2f2f2; }
.ft-lx .container-lg { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }

.ft-lx .ft-lx-title { margin: 0 0 .75rem; color: #000 !important; font-weight: 700; font-size: clamp(1.5rem, 2.6vw, 2.1rem); line-height: 1.2; text-wrap: balance; }
.ft-lx .ft-lx-title::after { content: ""; display: block; width: 64px; height: 3px; margin-top: .75rem; background: var(--lx-accent); }
.ft-lx .ft-lx-lead { max-width: 70ch; margin: 0 0 2.25rem; color: var(--lx-muted) !important; font-size: 1.05rem; line-height: 1.65 !important; }

/* Bloques (tipos / disciplinas / pasivo-activo) */
.ft-lx-blocks { display: grid; gap: 1.25rem; margin-bottom: 2.25rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ft-lx-blocks--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ft-lx-block { padding: 1.5rem; background: var(--lx-soft); border: 1px solid var(--lx-line); border-top: 3px solid var(--lx-accent); border-radius: 12px; }
.ft-lx .ft-lx-block h3 { margin: 0 0 .6rem; color: var(--lx-ink) !important; font-size: 1.15rem; line-height: 1.3; font-weight: 700; }
.ft-lx .ft-lx-block p { margin: 0; color: var(--lx-text) !important; font-size: .95rem; line-height: 1.6 !important; }

/* Ficha técnica */
.ft-lx-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0; border: 1px solid var(--lx-line); border-radius: 12px; overflow: hidden; }
.ft-lx-spec { padding: 1.1rem 1.35rem; border-bottom: 1px solid var(--lx-line); background: #fff; }
.ft-lx-spec:nth-child(odd) { border-right: 1px solid var(--lx-line); }
.ft-lx-spec:nth-last-child(-n+2):nth-child(odd), .ft-lx-spec:last-child { border-bottom: 0; }
.ft-lx-spec dt { margin: 0 0 .3rem; font-size: .75rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--lx-muted); }
.ft-lx-spec dd { margin: 0; font-size: .975rem; line-height: 1.55; color: var(--lx-ink); }

/* Proyectos relacionados */
.ft-lx-cases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; margin-top: 2rem; }
.ft-lx-case { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--lx-line); border-radius: 14px; overflow: hidden;
  box-shadow: 0 10px 28px -20px rgba(0,0,0,.35); transition: transform .25s ease, box-shadow .25s ease; }
.ft-lx-case:hover { transform: translateY(-4px); box-shadow: 0 20px 36px -22px rgba(60,100,10,.5); }
.ft-lx-case img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.ft-lx-case-body { display: flex; flex-direction: column; flex: 1; padding: 1.25rem 1.35rem 1.4rem; }
.ft-lx .ft-lx-case h3 { margin: 0 0 .5rem; font-size: 1.1rem; line-height: 1.3; font-weight: 700; color: var(--lx-ink) !important; }
.ft-lx .ft-lx-case h3 a { color: var(--lx-ink) !important; }
.ft-lx .ft-lx-case h3 a::after { content: ""; position: absolute; inset: 0; }
.ft-lx .ft-lx-case h3 a:focus-visible { outline: none; }
.ft-lx-case:focus-within { outline: 3px solid var(--lx-accent); outline-offset: 2px; }
.ft-lx .ft-lx-case p { margin: 0 0 1rem; color: var(--lx-text) !important; font-size: .925rem; line-height: 1.55 !important; }
.ft-lx-case-more { margin-top: auto; font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--lx-ink); }

@media (max-width: 991px) {
  .ft-lx { padding: 56px 0; }
  .ft-lx-blocks, .ft-lx-blocks--2, .ft-lx-cases { grid-template-columns: 1fr; }
  .ft-lx-specs { grid-template-columns: 1fr; }
  .ft-lx-spec:nth-child(odd) { border-right: 0; }
  .ft-lx-spec:nth-last-child(-n+2):nth-child(odd) { border-bottom: 1px solid var(--lx-line); }
  .ft-lx-spec:last-child { border-bottom: 0; }
}
@media (min-width: 640px) and (max-width: 991px) {
  .ft-lx-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .ft-lx-case { transition: none; }
  .ft-lx-case:hover { transform: none; }
}

/* Botón principal del hero ("Solicita una cotización") en Gotham Bold (2026-11-03).
   Antes heredaba var(--fuente-parrafos) = 'Maxima', que no se carga → caía en Helvetica/Arial.
   'Gotham-Bold' es una familia aparte con peso normal: peso 400 evita la negrita sintética. */
.home-header-btn.ft-btn-brand {
  font-family: 'Gotham-Bold', 'Gotham', sans-serif;
  font-weight: 400;
  /* Alineado con el botón de WhatsApp de al lado: mismo borde superior y misma altura. */
  line-height: 1.2;
  vertical-align: top;
}