/** Shopify CDN: Minification failed

Line 4995:4 Expected identifier but found whitespace
Line 4995:9 Unexpected ";"

**/
:root {
  /* =========================
     EMAQ BRAND SYSTEM
     Base validada contra brandbook:
     Azul #222a52 | Amarillo #fcbf00 | Gris #f2f1f8 | Naranja #f39200
  ========================= */

  --emaq-bg: #f2f1f8;
  --emaq-white: #ffffff;
  --emaq-surface-soft: #fcfcfd;
  --emaq-surface-softer: #fbfcfd;
  --emaq-text: rgba(17, 17, 17, 0.96);
  --emaq-muted: #66707d;

  --emaq-blue: #222a52;
  --emaq-blue-2: #132644;
  --emaq-blue-digital: #2c5794;
  --emaq-yellow: #fcbf00;
  --emaq-orange: #f39200;
  --emaq-gray: #f2f1f8;

  --emaq-dark: #222a52;
  --emaq-dark-2: #132644;
  --emaq-line: #dde3ea;

  --emaq-shadow: 0 18px 40px rgba(17, 17, 17, 0.08);
  --emaq-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.025), 0 6px 18px rgba(15, 23, 42, 0.038);
  --emaq-border-soft: rgba(19, 38, 58, 0.055);
  --emaq-text-soft: rgba(74, 85, 99, 0.94);
  --emaq-radius-xl: 24px;
  --emaq-radius-lg: 16px;
  --emaq-shell: 1440px;

  /* =========================
     FICHA TÉCNICA / COLOR ENGINE
     No cambia la identidad EMAQ; solo prepara acentos por línea.
  ========================= */

  --ft-brand-blue: var(--emaq-blue);
  --ft-brand-yellow: var(--emaq-yellow);
  --ft-brand-orange: var(--emaq-orange);

  --ft-bg: var(--emaq-bg);
  --ft-surface: var(--emaq-white);
  --ft-text: var(--emaq-text);
  --ft-muted: var(--emaq-muted);
  --ft-dark: var(--emaq-blue);
  --ft-dark-2: var(--emaq-blue-2);

  /* Color principal de marca: debe permanecer EMAQ */
  --ft-brand-accent: var(--emaq-yellow);

  /* Acento controlado de línea: uso limitado */
  --ft-line-accent: var(--emaq-yellow);
  --ft-line-accent-2: var(--emaq-blue);
  --ft-line-accent-soft: rgba(252, 191, 0, 0.12);
  --ft-line-accent-border: rgba(252, 191, 0, 0.42);
  --ft-line-accent-strong: rgba(252, 191, 0, 0.72);

  /* Soporte para GR: no sustituye el amarillo EMAQ */
  --ft-support-accent: var(--emaq-yellow);
  --ft-support-accent-soft: rgba(252, 191, 0, 0.10);
  --ft-support-accent-border: rgba(252, 191, 0, 0.34);

/* EMAQ SPACING SYSTEM */
--ft-block-gap: 18px;
--ft-pad-block: 26px 34px;
--ft-pad-panel: 22px 20px 18px;
--ft-pad-compact: 18px 16px 16px;
--ft-pad-editorial: 30px 36px 34px;

/* =========================
   EMAQ TITLE RHYTHM SYSTEM
========================= */

--ft-title-gap-sm: 10px;
--ft-title-gap-md: 14px;
--ft-title-gap-lg: 18px;

/* =========================
   EMAQ GAP SYSTEM
========================= */

--ft-gap-xs: 8px;
--ft-gap-sm: 12px;
--ft-gap-md: 18px;

/* =========================
   EMAQ RADIUS SYSTEM
========================= */

--ft-radius-block: 24px;
--ft-radius-card: 16px;
--ft-radius-ui: 10px;

/* EMAQ SHADOW SYSTEM */
--ft-shadow-block: 0 10px 26px rgba(15, 23, 42, 0.055);
--ft-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.025), 0 6px 18px rgba(15, 23, 42, 0.038);

/* =========================
   EMAQ BORDER SYSTEM
========================= */

--ft-border-soft: rgba(19, 38, 58, 0.05);
--ft-border-mid: rgba(19, 38, 58, 0.08);
--ft-border-strong: rgba(19, 38, 58, 0.14);
}


/* =========================
   VARIACIONES POR LÍNEA
   Uso recomendado:
   <section class="emaq-ftv4" data-linea="gr">
   También soporta clases: .linea-gr y .emaq-ftv4--gr
========================= */

/* L — estándar / entrada / uso general */
.emaq-ftv4[data-linea="l"],
.emaq-ftv4.linea-l,
.emaq-ftv4.emaq-ftv4--l {
  --ft-line-accent: var(--emaq-blue-digital);
  --ft-line-accent-2: var(--emaq-blue);
  --ft-line-accent-soft: rgba(44, 87, 148, 0.16);
  --ft-line-accent-border: rgba(44, 87, 148, 0.42);
  --ft-line-accent-strong: rgba(44, 87, 148, 0.78);
}

/* GR — ADN EMAQ / uso rudo / línea comercial principal */
.emaq-ftv4[data-linea="gr"],
.emaq-ftv4.linea-gr,
.emaq-ftv4.emaq-ftv4--gr {
  --ft-line-accent: var(--emaq-yellow);
  --ft-line-accent-2: var(--emaq-blue);
  --ft-line-accent-soft: rgba(252, 191, 0, 0.13);
  --ft-line-accent-border: rgba(252, 191, 0, 0.48);
  --ft-line-accent-strong: rgba(252, 191, 0, 0.78);

  --ft-support-accent: #2f8f5b;
  --ft-support-accent-soft: rgba(47, 143, 91, 0.12);
  --ft-support-accent-border: rgba(47, 143, 91, 0.42);
}

/* D — carga constante 2T */
.emaq-ftv4[data-linea="d"],
.emaq-ftv4.linea-d,
.emaq-ftv4.emaq-ftv4--d {
  --ft-line-accent: var(--emaq-orange);
  --ft-line-accent-2: var(--emaq-blue);
  --ft-line-accent-soft: rgba(243, 146, 0, 0.12);
  --ft-line-accent-border: rgba(243, 146, 0, 0.40);
  --ft-line-accent-strong: rgba(243, 146, 0, 0.72);
}

/* E — carga constante 3T */
.emaq-ftv4[data-linea="e"],
.emaq-ftv4.linea-e,
.emaq-ftv4.emaq-ftv4--e {
  --ft-line-accent: var(--emaq-orange);
  --ft-line-accent-2: var(--emaq-blue);
  --ft-line-accent-soft: rgba(243, 146, 0, 0.12);
  --ft-line-accent-border: rgba(243, 146, 0, 0.42);
  --ft-line-accent-strong: rgba(243, 146, 0, 0.74);
}

/* AL — aluminio */
.emaq-ftv4[data-linea="al"],
.emaq-ftv4.linea-al,
.emaq-ftv4.emaq-ftv4--al {
  --ft-line-accent: #9aa6b2;
  --ft-line-accent-2: var(--emaq-blue);
  --ft-line-accent-soft: rgba(154, 166, 178, 0.14);
  --ft-line-accent-border: rgba(154, 166, 178, 0.46);
  --ft-line-accent-strong: rgba(154, 166, 178, 0.76);
}

/* I — puntal inclinado / control geométrico */
.emaq-ftv4[data-linea="i"],
.emaq-ftv4.linea-i,
.emaq-ftv4.emaq-ftv4--i {
  --ft-line-accent: var(--emaq-blue-digital);
  --ft-line-accent-2: var(--emaq-orange);
  --ft-line-accent-soft: rgba(44, 87, 148, 0.17);
  --ft-line-accent-border: rgba(44, 87, 148, 0.46);
  --ft-line-accent-strong: rgba(44, 87, 148, 0.80);
}


/* =========================
   UTILIDADES DE ACENTO POR LÍNEA
   Para usar en nuevos bloques sin duplicar CSS.
========================= */

.emaq-ftv4-line-accent {
  color: var(--ft-line-accent);
}

.emaq-ftv4-line-bg {
  background: var(--ft-line-accent-soft);
  border-color: var(--ft-line-accent-border);
}

.emaq-ftv4-support-accent {
  color: var(--ft-support-accent);
}

.emaq-ftv4-support-bg {
  background: var(--ft-support-accent-soft);
  border-color: var(--ft-support-accent-border);
}

/* GR: permite marcar beneficios de uso rudo sin volver verde la ficha completa */
.emaq-ftv4[data-linea="gr"] .emaq-ftv4-line-support,
.emaq-ftv4.linea-gr .emaq-ftv4-line-support,
.emaq-ftv4.emaq-ftv4--gr .emaq-ftv4-line-support {
  color: var(--ft-support-accent);
}


/* =========================
   EMPTY STATE
========================= */

.emaq-ft-empty-state {
  padding: 40px 16px;
  background: #fafafa;
}

.emaq-ft-empty-state__inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: var(--ft-radius-card);
}

.emaq-ft-empty-state__inner h2 {
  margin: 0 0 10px;
  font-size: 1.35rem;
  line-height: 1.1;
}

.emaq-ft-empty-state__inner p {
  margin: 0;
  color: #5f6670;
  line-height: 1.5;
}

/* ======================================================
   BREADCRUMB · SISTEMA EMAQ · FONDO CLARO
====================================================== */

.emaq-ftv4-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;

  width: 100%;
  margin: 0 0 18px;
  padding: 0 2px;

  color: rgba(34, 42, 82, 0.68);

  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

.emaq-ftv4-breadcrumb a {
  color: rgba(34, 42, 82, 0.94);
  text-decoration: none;

  transition: color 0.2s ease;
}

.emaq-ftv4-breadcrumb a:hover {
  color: #FCBF00;
}

.emaq-ftv4-breadcrumb__sep {
  color: var(--emaq-yellow);
  font-weight: 900;
}

.emaq-ftv4-breadcrumb__current {
  color: #FCBF00;
  font-weight: 800;
}

/* =========================
   BASE
========================= */

.emaq-ftv4 {
  background: var(--emaq-bg);
  color: var(--emaq-text);
  padding: 18px 0 40px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.emaq-ftv4 *,
.emaq-ftv4 *::before,
.emaq-ftv4 *::after {
  box-sizing: border-box;
}

.emaq-ftv4__shell {
  width: min(calc(100% - 24px), var(--emaq-shell));
  margin: 0 auto;
}


.emaq-ftv4__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(340px, 0.95fr);
  gap: var(--ft-block-gap);
  align-items: stretch;
}

.emaq-ftv4__left,
.emaq-ftv4__right {
  display: flex;
  flex-direction: column;
  gap: var(--ft-block-gap);
  min-height: 0;
}

/* Igualar solo la primera fila: Hero + Especificaciones */
.emaq-ftv4__left > .emaq-ftv4-hero,
.emaq-ftv4__right > .emaq-ftv4-panel {
  height: 100%;
  flex: 1 1 auto;
}

.emaq-ftv4-card,
.emaq-ftv4-panel,
.emaq-ftv4-cta,
.emaq-ftv4-hero {
  border-radius: var(--ft-radius-block);
  overflow: hidden;
}

.emaq-ftv4-section-title {
  margin: 0 0 var(--ft-title-gap-md);
  font-size: clamp(1.35rem, 1.75vw, 1.9rem);
  line-height: .92;
  letter-spacing: -0.042em;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--emaq-blue);
}

.emaq-ftv4-section-title--dark {
  color: var(--emaq-blue-2);
}

.emaq-ftv4-section-title--light {
  color: #fff;
}

.emaq-ftv4-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 800;
  font-size: 0.86rem;
  letter-spacing: 0.01em;
  transition: 0.2s ease;
  white-space: nowrap;
}

.emaq-ftv4-btn:hover {
  transform: translateY(-1px);
}

.emaq-ftv4-btn--primary {
  background: var(--ft-line-accent);
  color: #111;
}

.emaq-ftv4-btn--ghost {
  border: 1px solid rgba(255, 255, 255, 0.72);
  color: #fff;
  background: transparent;
}

.emaq-ftv4-btn--dark {
  background: #111;
  color: #fff;
}

.emaq-ftv4-btn--outline-dark {
  border: 1px solid rgba(17, 17, 17, 0.22);
  color: #111;
  background: rgba(255, 255, 255, 0.5);
}

.emaq-ftv4 .rte p:last-child {
  margin-bottom: 0;
}

/* Anular separación exterior individual de bloques principales */
.emaq-ftv4-identifier,
.emaq-ftv4-apps,
.emaq-ftv4-capacity,
.emaq-ftv4-compare,
.emaq-ftv4-compare-visual,
.emaq-ftv4-articles,
.emaq-ftv4-related,
.emaq-ftv4-related--full,
.emaq-ftv4-lower-grid {
  margin-top: 0;
}

/* La separación inferior tampoco debe vivir en los bloques principales */
.emaq-ftv4-identifier,
.emaq-ftv4-apps,
.emaq-ftv4-capacity,
.emaq-ftv4-compare,
.emaq-ftv4-compare-visual,
.emaq-ftv4-articles,
.emaq-ftv4-related,
.emaq-ftv4-cta {
  margin-bottom: 0;
}

/* Grids inferiores también deben usar el mismo ritmo */
.emaq-ftv4-lower-grid {
  display: grid;
  gap: var(--ft-block-gap);
}

.emaq-ftv4-lower-grid__cell--benefits {
  display: flex;
  flex-direction: column;
  gap: var(--ft-block-gap);
}

/* =========================
   ALTURA EDITORIAL ESCALABLE DESKTOP
========================= */

@media (min-width: 1281px) {
  .emaq-ftv4-hero {
    min-height: clamp(480px, 32vw, 590px);
  }

  .emaq-ftv4-panel {
    min-height: auto;
  }
}

/* =========================
   HERO
========================= */

.emaq-ftv4-hero {
  position: relative;
  min-height: 681px;
  background: var(--emaq-blue);
}

.emaq-ftv4-hero__media,
.emaq-ftv4-hero__overlay,
.emaq-ftv4-hero__productwrap,
.emaq-ftv4-hero__content {
  position: absolute;
  inset: 0;
}

.emaq-ftv4-hero__bgimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  transform: scale(1.03);
  filter: brightness(0.62) contrast(0.96) saturate(0.9);
}

.emaq-ftv4-hero__bgimg--fallback {
  opacity: 0.35;
}

/* HERO OVERLAY — FONDO TÉCNICO NEUTRO
   Base única para todas las líneas.
   La línea conserva identidad en acentos, título, CTA y tablas.
*/

.emaq-ftv4-hero__overlay {
  z-index: 1;
  background:
    radial-gradient(
      circle at 74% 46%,
      rgba(255, 255, 255, 0.075) 0%,
      rgba(255, 255, 255, 0.028) 28%,
      rgba(10, 18, 30, 0) 56%
    ),
    linear-gradient(
      90deg,
      #111827 0%,
      #121D2E 48%,
      #0B1320 100%
    );
}

.emaq-ftv4-hero__productwrap {
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0 10px 18px 0;
  pointer-events: none;
}

.emaq-ftv4-hero__productimg {
  width: auto;
  height: 128%;
  max-width: 50%;
  object-fit: contain;
  object-position: bottom center;
  display: block;
  transform: scale(1.05);
  filter: drop-shadow(0 24px 34px rgba(0, 0, 0, 0.52)) contrast(1.05) brightness(1.04);
}

/* =========================
   HERO BADGE — EMAQ SYSTEM INTEGRATED
========================= */

.emaq-ftv4-hero__badge {
  position: absolute;
  right: -6px;
  top: 49%;
  transform: translateY(-50%);
  z-index: 3;

  display: flex;
  flex-direction: column;
  align-items: center;

  width: 48px;
  height: 248px;
  padding: 0;

  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.emaq-ftv4-hero__badge::before,
.emaq-ftv4-hero__badge::after {
  content: none;
  display: none;
}

.emaq-ftv4-hero__badge-icon {
  width: 100%;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #111827;
  border-bottom: 2px solid rgba(255, 255, 255, 0.18);
}

.emaq-ftv4-hero__badge-icon img {
  width: 27px;
  height: 27px;
  object-fit: contain;
  transform: translateX(-3px);
}

.emaq-ftv4-hero__badge-copy {
  flex: 1;
  width: 100%;
  padding: 10px 0;

  display: flex;
  align-items: center;
  justify-content: center;

  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--ft-line-accent) 60%, #ffffff 40%) 0%,
    color-mix(in srgb, var(--ft-line-accent) 70%, #ffffff 30%) 100%
  );
}

.emaq-ftv4-hero__badge-value {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between; /* ← CLAVE */

  height: 100%; /* ← CLAVE */

  font-size: 11.5px; /* subir un poco */
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;

  color: #ffffff;
  text-align: center;
}

.emaq-ftv4-hero__badge-value span {
  display: block;
  line-height: 1;
}

.emaq-ftv4-hero__badge-space {
  height: 12px; /* subir de 8–9 a 12 */
}

/* Líneas claras: GR y AL usan texto oscuro para conservar legibilidad */
.emaq-ftv4[data-linea="gr"] .emaq-ftv4-hero__badge-value,
.emaq-ftv4.linea-gr .emaq-ftv4-hero__badge-value,
.emaq-ftv4.emaq-ftv4--gr .emaq-ftv4-hero__badge-value,
.emaq-ftv4[data-linea="al"] .emaq-ftv4-hero__badge-value,
.emaq-ftv4.linea-al .emaq-ftv4-hero__badge-value,
.emaq-ftv4.emaq-ftv4--al .emaq-ftv4-hero__badge-value {
  color: #0f2236;
}

/* =========================
   HERO CONTENT
========================= */

.emaq-ftv4-hero__content {
  z-index: 20;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 16px;
}

.emaq-ftv4-hero__copy {
  width: 63%;
  max-width: 660px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.emaq-ftv4-hero__eyebrow {
  display: inline-flex;
  align-self: flex-start;
  background: color-mix(in srgb, var(--ft-line-accent) 88%, #d9aa00 12%);
  color: rgba(255,255,255,0.92);
  font-weight: 800;
  font-size: 0.56rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .11em;
  padding: 6px 8px;
  border-radius: 4px;
  margin-bottom: 12px;
}

/* ============================================================
   EMAQ — EYEBROW POR LÍNEA (CONTRASTE CORRECTO)
============================================================ */

/* GR y AL → fondo claro → texto oscuro */
.emaq-ftv4[data-linea="gr"] .emaq-ftv4-hero__eyebrow,
.emaq-ftv4.linea-gr .emaq-ftv4-hero__eyebrow,
.emaq-ftv4.emaq-ftv4--gr .emaq-ftv4-hero__eyebrow,
.emaq-ftv4[data-linea="al"] .emaq-ftv4-hero__eyebrow,
.emaq-ftv4.linea-al .emaq-ftv4-hero__eyebrow,
.emaq-ftv4.emaq-ftv4--al .emaq-ftv4-hero__eyebrow {
  color: rgba(17,17,17,0.92);
}

.emaq-ftv4-hero__titleblock {
  margin-bottom: 0;
}

.emaq-ftv4-hero__suptitle {
  display: block;
  font-size: clamp(2.1rem, 3.2vw, 2.9rem);
  line-height: 0.92;
  font-weight: 900;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  max-width: none;
  white-space: nowrap;
  color: #fff;
}

.emaq-ftv4-hero__suptitle::after {
  content: "";
  display: block;
  width: 82px;
  height: 3px;
  margin-top: var(--ft-title-gap-md);
  margin-bottom: var(--ft-title-gap-md);
  background: linear-gradient(
    90deg,
    var(--ft-line-accent) 0%,
    var(--ft-line-accent) 58%,
    var(--ft-line-accent-soft) 100%
  );
  border-radius: 999px;
}

.emaq-ftv4[data-linea="l"] .emaq-ftv4-hero__suptitle::after,
.emaq-ftv4[data-linea="i"] .emaq-ftv4-hero__suptitle::after {
  width: 92px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--ft-line-accent) 85%, #ffffff 15%) 0%,
    var(--ft-line-accent) 65%,
    rgba(255,255,255,0.22) 100%
  );
}

.emaq-ftv4-hero__title {
  margin: 6px 0 0;
  font-size: clamp(4.6rem, 6.2vw, 6.2rem);
  line-height: 0.82;
  letter-spacing: -0.075em;
  font-weight: 900;
  color: var(--ft-line-accent);
  text-transform: uppercase;
}

.emaq-ftv4-hero__intro {
  margin-top: 40px;
  max-width: 620px;
  font-size: 0.90rem;
  line-height: 1.48;
  color: rgba(255, 255, 255, 0.96);
}

.emaq-ftv4-hero__arguments {
  margin: 86px 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px 34px;
  width: 100%;
  max-width: 720px;
  align-items: start;
}

.emaq-ftv4-hero__arg {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.emaq-ftv4-hero__arg-icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background: var(--ft-line-accent);
  border-radius: 50%;
  margin-top: 2px;
  position: relative;
}

.emaq-ftv4-hero__arg-icon::after {
  content: "";
  position: absolute;
  inset: 5px;
  border: 2px solid #111;
  border-radius: 50%;
  opacity: 0.72;
}

.emaq-ftv4-hero__arg-body {
  flex: 1;
  min-width: 0;
}

.emaq-ftv4-hero__arg-title {
  font-size: clamp(14px, 0.95vw, 17px);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.015em;
  text-transform: uppercase;
  color: #fff;
  max-width: 190px;
}

.emaq-ftv4-hero__arg-text {
  margin-top: 5px;
  font-size: clamp(10.5px, 0.68vw, 12px);
  line-height: 1.15;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.76);
  max-width: 190px;
}

.emaq-ftv4-hero__actions {
  margin-top: auto;
  padding-top: 32px;

  display: flex;
  flex-wrap: wrap;
  gap: 50px;

  align-items: center;
  position: relative;
  z-index: 8;
}

.emaq-ftv4-hero__actions .emaq-ftv4-btn {
  min-height: 50px;
  height: 50px;

  padding: 0 22px;
  border-radius: 7px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 0.84rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.01em;

  white-space: nowrap;
  text-decoration: none;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease,
    color .18s ease;
}

.emaq-ftv4-hero__btn-primary {
  all: unset;
  box-sizing: border-box;

  position: relative;
  isolation: isolate;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 50px;
  padding: 0 22px;
  border-radius: 10px;

  font-family: inherit;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;

  background: #ffffff;
  color: var(--emaq-blue);

  border: 2px solid #fcbf00;

  box-shadow:
    0 8px 18px rgba(0,0,0,0.22);

  cursor: pointer;
}

.emaq-ftv4-hero__btn-primary:hover {
  background: #ffffff;
  color: var(--emaq-blue);

  border-color: #fcbf00;

  transform: translateY(-1px);

  box-shadow:
    0 14px 30px rgba(0,0,0,0.24),
    0 0 0 4px rgba(252,191,0,0.42),
    0 0 18px rgba(252,191,0,0.28);
}

/* CTA secundario HERO */
.emaq-ftv4-hero__actions .emaq-ftv4-btn--ghost {
  min-width: 136px;

  background: transparent;
  color: rgba(255,255,255,0.92);

  border: 1px solid rgba(255,255,255,0.42);

  box-shadow: none;
  backdrop-filter: none;
}

.emaq-ftv4-hero__actions .emaq-ftv4-btn--ghost:hover {
  background:
    rgba(255,255,255,0.08);

  color:
    #ffffff;

  border-color:
    rgba(255,255,255,0.92);

  transform:
    translateY(-1px);

  box-shadow:
    0 10px 24px rgba(0,0,0,0.18),
    0 0 0 3px rgba(255,255,255,0.10),
    inset 0 0 0 1px rgba(255,255,255,0.18);
}
/* =========================
   IDENTIFIER / BENEFICIOS
========================= */

.emaq-ftv4-identifier {
  padding: 0;
  position: relative;
}

.emaq-ftv4-identifier__inner {
  background: #FCFCFD;
  border-radius: var(--ft-radius-block);
  padding: var(--ft-pad-block);
  box-shadow: var(--ft-shadow-soft);
  position: relative;
  overflow: hidden;
  border: 1px solid var(--emaq-border-soft);
}

.emaq-ftv4-identifier__inner::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, var(--ft-line-accent) 0%, var(--ft-line-accent-strong) 100%);
}

.emaq-ftv4-identifier__title {
  margin: 0 auto 12px;
  max-width: 980px;
  font-size: clamp(24px, 2.1vw, 34px);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-transform: uppercase;
  color: var(--emaq-blue);
  text-align: center;
  text-wrap: balance;
}

.emaq-ftv4-identifier__text {
  max-width: 860px;
  margin: 0 auto;
  font-size: 0.86rem;
  line-height: 1.5;
  color: var(--emaq-text-soft);
  text-align: center;
}

.emaq-ftv4-identifier__benefits {
  margin: 24px auto 0;
  display: grid;
  gap: 20px 40px;
  align-items: start;
  justify-content: center;
  max-width: 1120px;
}

.emaq-ftv4-identifier__benefits.is-1 {
  grid-template-columns: minmax(260px, 520px);
}

.emaq-ftv4-identifier__benefits.is-2 {
  grid-template-columns: repeat(2, minmax(280px, 520px));
}

.emaq-ftv4-identifier__benefits.is-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.emaq-ftv4-identifier__benefits.is-4 {
  grid-template-columns: repeat(2, minmax(360px, 1fr));
  max-width: 1080px;
}

.emaq-ftv4-identifier__benefit {
  position: relative;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 0 4px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  transition: transform 0.2s ease;
}

.emaq-ftv4-identifier__benefit:hover {
  transform: translateY(-1px);
}

.emaq-ftv4-identifier__benefit:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 26px;
  right: -20px;
  width: 1px;
  height: 66%;
  background: linear-gradient(
    180deg,
    rgba(20, 41, 90, 0),
    rgba(20, 41, 90, 0.22),
    rgba(20, 41, 90, 0)
  );
}

.emaq-ftv4-identifier__benefit-icon {
  width: 98px;
  height: 98px;
  margin: 0 auto 2px;
  display: block;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  overflow: visible;
  flex-shrink: 0;
}

.emaq-ftv4-identifier__benefit-icon::before,
.emaq-ftv4-identifier__benefit-icon::after {
  content: none;
  display: none;
}

.emaq-ftv4-identifier__benefit-copy {
  display: block;
  width: 100%;
  max-width: 335px;
  margin: 0 auto;
}

.emaq-ftv4-identifier__benefit-title {
  display: block;
  margin: 0 0 8px;
  font-size: 14.5px;
  line-height: 1.05;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.025em;
  color: rgba(15, 42, 68, 0.94);
  text-align: center;
  text-wrap: balance;
  white-space: nowrap;
}

.emaq-ftv4-identifier__benefit-text {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 315px;
  font-size: 0.84rem;
  line-height: 1.38;
  font-weight: 500;
  text-transform: none;
  color: var(--emaq-text-soft);
  text-align: center;
  text-wrap: balance;
  letter-spacing: -0.005em;
}

/* =========================
   PANEL TÉCNICO
========================= */

.emaq-ftv4-panel {
  background: #FCFCFD;
  padding: var(--ft-pad-panel);
  box-shadow: var(--ft-shadow-soft);
}

.emaq-ftv4-panel__head {
  display: block;
  margin-bottom: var(--ft-title-gap-md);
}

.emaq-ftv4-panel__title {
  width: 100%;
  max-width: none;
  margin: 0 auto var(--ft-title-gap-md);
  color: var(--emaq-blue);
  font-size: clamp(1.34rem, 1.55vw, 1.7rem);
  line-height: 0.96;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.044em;
}

.emaq-ftv4-panel__subtitle {
  display: none;
}

.emaq-ftv4-panel__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(150px, 0.84fr);
  gap: var(--ft-gap-xs);
  align-items: stretch;
}

.emaq-ftv4-specs {
  display: grid;
  gap: 0;
}

.emaq-ftv4-specs__group {
  border: none;
  border-radius: 0;
  overflow: hidden;
  background: #fff;
}

/* CONTINUIDAD VERTICAL */

.emaq-ftv4-specs__group + .emaq-ftv4-specs__group {
  border-top: none;
  border-radius: 0;
}

/* ============================================================
   EMAQ — HEADERS SIN RADIO (CONSISTENCIA TOTAL)
============================================================ */

.emaq-ftv4-specs__group-title,
.emaq-ftv4-techview__title {
  border-radius: 0;
}

/* RESUMEN TÉCNICO */

.emaq-ftv4-specs__group--summary {
  border-color: var(--ft-border-soft);
  box-shadow: none;
}

/* BLOQUES TÉCNICOS SECUNDARIOS */

.emaq-ftv4-specs__group--geometry,
.emaq-ftv4-specs__group--construction,
.emaq-ftv4-specs__group--secondary {
border-color: var(--ft-border-soft);
  box-shadow: none;
}

.emaq-ftv4-specs__group--geometry .emaq-ftv4-specs__group-title,
.emaq-ftv4-specs__group--construction .emaq-ftv4-specs__group-title,
.emaq-ftv4-specs__group--secondary .emaq-ftv4-specs__group-title {
  color: var(--emaq-blue);
  background: #fff;
 border-bottom-color: var(--ft-border-mid);
}

/* TÍTULOS */

.emaq-ftv4-specs__group-title,
.emaq-ftv4-techview__title {
  padding: 8px 10px;
  color: rgba(19, 38, 58, 0.94);
  background: #fff;
  border-bottom-color: var(--ft-border-mid);
  font-size: 0.72rem;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.095em;
  margin-bottom: 0;
}

/* SOLO VISTA TÉCNICA */
.emaq-ftv4-techview__title {
  text-align: center;
}

.emaq-ftv4-specs__group--summary .emaq-ftv4-specs__group-title,
.emaq-ftv4-techview__title {
  color: var(--emaq-blue);
  background: #fff;
 border-bottom-color: var(--ft-border-mid);
}

/* =========================
   FILAS
========================= */

.emaq-ftv4-specs__row {
  display: grid;
  grid-template-columns: minmax(90px, 0.78fr) minmax(0, 1.22fr);
  gap: var(--ft-gap-md);
  align-items: center;
  padding: 8px 10px;
  border-color: var(--ft-border-soft);
  font-size: 0.78rem;
  line-height: 1.24;
  background: #fff;
}

.emaq-ftv4-specs__group-title + .emaq-ftv4-specs__row {
  border-top: 0;
}

.emaq-ftv4-specs__row:nth-child(even) {
  background: #fff;
}

.emaq-ftv4-specs__row > div:first-child {
  color: rgba(19, 38, 58, 0.88);
  font-weight: 800;
}

.emaq-ftv4-specs__row > div:last-child {
  color: rgba(17, 24, 39, 0.96);
  font-weight: 500;
  text-align: left;
  justify-self: start;
  min-width: 0;
  overflow-wrap: anywhere;
}

/* BLOQUE FINAL */

.emaq-ftv4-specs__group--secondary .emaq-ftv4-specs__row {
  grid-template-columns: minmax(120px, 0.55fr) minmax(0, 1.45fr);
  gap: var(--ft-gap-md);
  font-size: 0.76rem;
  line-height: 1.24;
}

.emaq-ftv4-specs__group--secondary .emaq-ftv4-specs__row > div:last-child {
  font-weight: 500;
}

/* =========================
   VISTA TÉCNICA
========================= */

.emaq-ftv4-techview {
  min-height: 100%;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  align-items: center;

  border: none;
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
}

.emaq-ftv4-techview__title {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
}

.emaq-ftv4-techview__img {
  display: block;

  width: 92%;
  max-width: 420px;

  height: auto;
  min-height: 0;
  max-height: 360px;

  margin: 0 auto;

  object-fit: contain;
  object-position: center center;

  padding: 0;

  transform: scale(1.12);
  transform-origin: center center;
}

/* NOTA TÉCNICA */

.emaq-ftv4-techview__note {
  margin: 6px 10px 10px;
  padding-top: 4px;
  color: var(--emaq-muted);
  font-size: 0.74rem;
  line-height: 1.34;
}

/* =========================
   INFORMACIÓN FULL WIDTH
========================= */

.emaq-ftv4-panel > .emaq-ftv4-specs__group--secondary {
  margin-top: 6px;
  width: 100%;
  border-radius: 0;
}

/* ============================================================
   EMAQ — COLOR POR LÍNEA EN ENCABEZADOS DE ESPECIFICACIONES
   Solo pinta encabezados internos. No toca layout ni tipografía.
============================================================ */

/* ============================================================
   EMAQ — JERARQUÍA REAL POR LÍNEA
============================================================ */

/* 🔵 NIVEL 1 — RESUMEN (FUERTE) */
.emaq-ftv4-specs__group--summary .emaq-ftv4-specs__group-title {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--ft-line-accent) 86%, #ffffff 14%) 0%,
    var(--ft-line-accent) 100%
  );
  border-bottom-color: rgba(17, 17, 17, 0.12);
  color: #111;
}

/* ⚪ NIVEL 2 — BLOQUES SECUNDARIOS (SUAVE) */
.emaq-ftv4-specs__group--geometry .emaq-ftv4-specs__group-title,
.emaq-ftv4-specs__group--construction .emaq-ftv4-specs__group-title,
.emaq-ftv4-specs__group--secondary .emaq-ftv4-specs__group-title {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--ft-line-accent) 55%, #ffffff 45%) 0%,
    color-mix(in srgb, var(--ft-line-accent) 65%, #ffffff 35%) 100%
  );
  border-bottom-color: var(--ft-border-mid);
  color: var(--emaq-blue);
}

/* Texto blanco cuando la línea usa colores oscuros/intensos */
.emaq-ftv4[data-linea="l"] .emaq-ftv4-specs__group-title,
.emaq-ftv4.linea-l .emaq-ftv4-specs__group-title,
.emaq-ftv4.emaq-ftv4--l .emaq-ftv4-specs__group-title,
.emaq-ftv4[data-linea="i"] .emaq-ftv4-specs__group-title,
.emaq-ftv4.linea-i .emaq-ftv4-specs__group-title,
.emaq-ftv4.emaq-ftv4--i .emaq-ftv4-specs__group-title,
.emaq-ftv4[data-linea="d"] .emaq-ftv4-specs__group-title,
.emaq-ftv4.linea-d .emaq-ftv4-specs__group-title,
.emaq-ftv4.emaq-ftv4--d .emaq-ftv4-specs__group-title,
.emaq-ftv4[data-linea="e"] .emaq-ftv4-specs__group-title,
.emaq-ftv4.linea-e .emaq-ftv4-specs__group-title,
.emaq-ftv4.emaq-ftv4--e .emaq-ftv4-specs__group-title {
  color: #ffffff;
}

/* Mantener texto oscuro en GR y AL por legibilidad */
.emaq-ftv4[data-linea="gr"] .emaq-ftv4-specs__group-title,
.emaq-ftv4.linea-gr .emaq-ftv4-specs__group-title,
.emaq-ftv4.emaq-ftv4--gr .emaq-ftv4-specs__group-title,
.emaq-ftv4[data-linea="al"] .emaq-ftv4-specs__group-title,
.emaq-ftv4.linea-al .emaq-ftv4-specs__group-title,
.emaq-ftv4.emaq-ftv4--al .emaq-ftv4-specs__group-title {
  color: #111;
}



/* =========================
   APLICACIONES
========================= */

.emaq-ftv4-apps,
.emaq-ftv4-articles,
.emaq-ftv4-related,
.emaq-ftv4-panel{
  border-radius: var(--ft-radius-card);
  border:1px solid var(--emaq-border-soft);
  background:#FCFCFD;
  box-shadow: var(--ft-shadow-soft);
}

.emaq-ftv4-apps {
  background: #FCFCFD;
  padding: var(--ft-pad-compact);
  box-shadow: var(--ft-shadow-soft);
}

.emaq-ftv4-apps__head{
  width:100%;
  margin:0 0 22px;
  padding:0;
}

.emaq-ftv4-apps .emaq-ftv4-section-title{
  width:100%;
  max-width:340px;
  margin:0;

  color:rgba(19,38,58,.94);

  font-size:clamp(1.45rem, 1.55vw, 1.72rem);
  font-weight:800;
  line-height:.94;
  letter-spacing:-0.045em;
  text-transform:uppercase;

  text-align:left;
  white-space:nowrap;
}

.emaq-ftv4-apps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ft-gap-sm);
  margin-top: 8px;
  align-items: start;
  grid-auto-rows:1fr;
}

.emaq-ftv4-apps__item{
  position:relative;

  display:flex;
  flex-direction:column;
  align-items:center;

  padding:14px 12px 14px;

  border:1px solid rgba(19,38,58,.045);
  border-radius: var(--ft-radius-card);

  background:#FBFCFD;

  min-height:100%;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;

   will-change:transform;
    
}

.emaq-ftv4-apps__item:hover{
  transform:translateY(-1px);

  box-shadow:
    0 6px 18px rgba(15,23,42,.045);
}

.emaq-ftv4-apps__status{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  margin:0 0 8px;
}

.emaq-ftv4-apps__status-icon,
.emaq-ftv4-apps__legend-icon {
  flex: 0 0 auto;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  position: relative;
  display: inline-block;
}

.emaq-ftv4-apps__status-label{
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1;
}

.emaq-ftv4-apps__item--ideal .emaq-ftv4-apps__status-label,
.emaq-ftv4-apps__legend-item--ideal strong {
  color: #12a342;
}

.emaq-ftv4-apps__item--condicionado .emaq-ftv4-apps__status-label,
.emaq-ftv4-apps__legend-item--condicionado strong {
  color: #DFAF00;
}

.emaq-ftv4-apps__item--no-recomendado .emaq-ftv4-apps__status-label,
.emaq-ftv4-apps__legend-item--no-recomendado strong {
  color: #ec1c24;
}

.emaq-ftv4-apps__item--ideal .emaq-ftv4-apps__status-icon,
.emaq-ftv4-apps__legend-item--ideal .emaq-ftv4-apps__legend-icon {
  border: 2px solid #12a342;
  background: #fff;
}

.emaq-ftv4-apps__item--ideal .emaq-ftv4-apps__status-icon::after,
.emaq-ftv4-apps__legend-item--ideal .emaq-ftv4-apps__legend-icon::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  width: 9px;
  height: 6px;
  border-left: 2px solid #12a342;
  border-bottom: 2px solid #12a342;
  transform: rotate(-45deg);
}

.emaq-ftv4-apps__item--condicionado .emaq-ftv4-apps__status-icon,
.emaq-ftv4-apps__legend-item--condicionado .emaq-ftv4-apps__legend-icon {
  width: 0;
  height: 0;
  border-radius: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 20px solid #DFAF00;
  background: transparent;
}

.emaq-ftv4-apps__item--condicionado .emaq-ftv4-apps__status-icon::after,
.emaq-ftv4-apps__legend-item--condicionado .emaq-ftv4-apps__legend-icon::after {
  content: "!";
  position: absolute;
  left: -2px;
  top: 5px;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
}

.emaq-ftv4-apps__item--no-recomendado .emaq-ftv4-apps__status-icon,
.emaq-ftv4-apps__legend-item--no-recomendado .emaq-ftv4-apps__legend-icon {
  background: #ec1c24;
}

.emaq-ftv4-apps__item--no-recomendado .emaq-ftv4-apps__status-icon::before,
.emaq-ftv4-apps__item--no-recomendado .emaq-ftv4-apps__status-icon::after,
.emaq-ftv4-apps__legend-item--no-recomendado .emaq-ftv4-apps__legend-icon::before,
.emaq-ftv4-apps__legend-item--no-recomendado .emaq-ftv4-apps__legend-icon::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  width: 11px;
  height: 3px;
  border-radius: 999px;
  background: #fff;
}

.emaq-ftv4-apps__item--no-recomendado .emaq-ftv4-apps__status-icon::before,
.emaq-ftv4-apps__legend-item--no-recomendado .emaq-ftv4-apps__legend-icon::before {
  transform: rotate(45deg);
}

.emaq-ftv4-apps__item--no-recomendado .emaq-ftv4-apps__status-icon::after,
.emaq-ftv4-apps__legend-item--no-recomendado .emaq-ftv4-apps__legend-icon::after {
  transform: rotate(-45deg);
}

.emaq-ftv4-apps__title{
  width:100%;
  max-width:118px;
  min-height:48px;

  margin:0 auto 10px;
  margin-bottom:14px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:rgba(19,38,58,.94);
  font-size:.76rem;
  font-weight:700;
  line-height:1.08;
  letter-spacing:-0.02em;
  text-transform:uppercase;

  text-align:center;
  text-wrap:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

.emaq-ftv4-apps__media{
  position:relative;

  width:100%;
  height:84px;

  margin-top:10px;

  border-radius:10px;

  background:
    linear-gradient(
      180deg,
      #dfe4ea 0%,
      #d6dce3 100%
    );

  overflow:hidden;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(19,38,58,.04);
}

.emaq-ftv4-apps__image {
  position: absolute;
  inset: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: scale(1.01);
}

.emaq-ftv4-apps__icon{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  display:block;
  object-fit:contain;
  object-position:center;

  padding:4px;

  transform:scale(1.32);
}

.emaq-ftv4-apps__image--empty::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(90deg, rgba(34, 42, 82, 0.18) 0 2px, transparent 2px 38px),
    linear-gradient(180deg, #edf1f5 0%, #cfd7e0 100%);
}

.emaq-ftv4-apps__caption{
  width:100%;
  max-width:150px;

  min-height:66px;

  margin:15px auto 0;

  display:flex;
  align-items:flex-start;
  justify-content:center;

  color:rgba(74,85,99,.92);

  font-size:.86rem;
  font-weight:500;
  line-height:1.36;
  letter-spacing:-0.012em;

  text-align:center;
  text-wrap:pretty;
}

.emaq-ftv4-apps__item-note {
  margin: 8px auto 0;
  max-width: 180px;
  color: #66707d;
  font-size: 0.74rem;
  line-height: 1.32;
  font-weight: 500;
  text-align: center;
}

.emaq-ftv4-apps__legend{
  display:flex;
  flex-wrap:wrap;
  gap:22px;

  margin-top:20px;
  padding-top:14px;
  margin-bottom: 40px;
}

.emaq-ftv4-apps__legend-item{
  flex:1 1 180px;
  min-width:0;

  display:flex;
  align-items:flex-start;
  gap:8px;
}

.emaq-ftv4-apps__legend-item div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.emaq-ftv4-apps__legend-item strong {
  display: block;
  margin-bottom: 14px;
  font-size: 0.68rem;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
}

.emaq-ftv4-apps__legend-item span:not(.emaq-ftv4-apps__legend-icon){
  color:rgba(86,97,112,.92);

  font-size:.74rem;
  line-height:1.32;
  font-weight:500;
  letter-spacing:-.01em;
}

.emaq-ftv4-apps__note,
.emaq-ftv4-apps__technical-note{
  padding:14px 18px 14px 16px;
  border-radius:var(--ft-radius-ui);
  background:#f7f8fa;
  color:#303946;
  font-size:.78rem;
  line-height:1.38;
  font-weight:500;
}

.emaq-ftv4-apps__note{
  margin-bottom:18px;
  border-left:4px solid #ec1c24;
  box-shadow:inset 0 0 0 1px rgba(236,28,36,.06);
}

.emaq-ftv4-apps__technical-note{
  margin-bottom:18px;
  border-left:4px solid rgba(19,38,58,.92);
  box-shadow:inset 0 0 0 1px rgba(19,38,58,.05);
}

.emaq-ftv4-apps__note strong,
.emaq-ftv4-apps__technical-note strong{
  display:block;
  margin:0 0 18px;
  color:rgba(17,24,39,.94);
  font-size:.74rem;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-.015em;
}

.emaq-ftv4-apps__technical-note p,
.emaq-ftv4-apps__technical-note div{
  margin:0 0 8px;
  padding:0;
  color:inherit;
  font:inherit;
  line-height:inherit;
}

.emaq-ftv4-apps__technical-note p:first-child,
.emaq-ftv4-apps__technical-note div:first-child{
  margin-top:0;
}

.emaq-ftv4-apps__technical-note p:last-child,
.emaq-ftv4-apps__technical-note div:last-child{
  margin-bottom:0;
}

/* =========================
   CTA FINAL
========================= */

.emaq-ftv4-cta {
  position: relative;
  overflow: hidden;

  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  background:
    linear-gradient(
      180deg,
      #1f2b52 0%,
      #182340 100%
    );

  border-radius: var(--ft-radius-block);
  padding: var(--ft-pad-panel);

  border: 1px solid rgba(255,255,255,0.06);

box-shadow:
  0 14px 34px rgba(15,23,42,0.12);
}

.emaq-ftv4-cta__content {
  width: 100%;
  max-width: none;
  height: 100%;

  display: flex;
  flex-direction: column;
}

/* título */

.emaq-ftv4-cta__title {
  margin: 0;
  color: #ffffff;

  font-size: clamp(2rem, 2.35vw, 2.75rem);
  line-height: 0.92;
  letter-spacing: -0.045em;
  font-weight: 900;

  width: 100%;
  max-width: none;

  text-transform: uppercase;
  text-wrap: normal;
}

.emaq-ftv4-cta__model {
  color: var(--ft-line-accent, #fcbf00);
  font-weight: 950;
  white-space: nowrap;
}

.emaq-ftv4-cta__title::after {
  content: "";
  display: block;

  width: 92px;
  height: 4px;

  margin-top: 18px;
  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      var(--ft-line-accent, #fcbf00) 0%,
      rgba(252,191,0,0.25) 100%
    );
}

/* texto */

.emaq-ftv4-cta__text {
  margin-top: clamp(34px, 4vw, 58px);

  color: rgba(255,255,255,0.84);

  font-size: 0.92rem;
  line-height: 1.5;

  width: 100%;
  max-width: none;

  text-align: justify;
  text-justify: inter-word;

  hyphens: none;
  -webkit-hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

/* acciones */

.emaq-ftv4-cta__actions {
  margin-top: auto;
  padding-top: 38px;

  display: flex;
  flex-wrap: nowrap;

  justify-content: space-between;
  align-items: center;

  gap: var(--ft-gap-md);

  width: 100%;
}

.emaq-ftv4-cta__actions .emaq-ftv4-btn,
.emaq-ftv4-cta__btn-primary {
  min-width: 170px;
}

/* botón base */

.emaq-ftv4-cta__actions .emaq-ftv4-btn {
  min-height: 46px;

  padding: 0 22px;

  border-radius: 12px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: -0.01em;

  text-decoration: none;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease,
    background .2s ease,
    opacity .2s ease,
    filter .2s ease;
}

/* primario */

.emaq-ftv4-cta__btn-primary {
  position: relative;
  overflow: hidden;

  background: #ffffff;
  color: var(--emaq-blue);

  border: 2px solid #fcbf00;

  box-shadow:
    0 12px 26px rgba(0,0,0,0.22);

  animation: emaqCtaPulse 2.4s ease-in-out infinite;
}

.emaq-ftv4-cta__btn-primary:hover {
  transform: translateY(-2px);

  box-shadow:
    0 18px 34px rgba(0,0,0,0.28),
    0 0 0 4px rgba(252,191,0,0.22);
}

@keyframes emaqCtaPulse {
  0% {
    box-shadow:
      0 12px 26px rgba(0,0,0,0.22),
      0 0 0 0 rgba(252,191,0,0);
  }

  45% {
    box-shadow:
      0 14px 30px rgba(0,0,0,0.26),
      0 0 0 10px rgba(252,191,0,0.28);
  }

  100% {
    box-shadow:
      0 12px 26px rgba(0,0,0,0.22),
      0 0 0 0 rgba(252,191,0,0);
  }
}

/* secundario */

.emaq-ftv4-cta__actions .emaq-ftv4-btn--outline-dark {
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.88);

  border: 1px solid rgba(255,255,255,0.18);

  backdrop-filter: blur(8px);
  opacity: 0.82;
}

.emaq-ftv4-cta__actions .emaq-ftv4-btn--outline-dark:hover {
  transform: translateY(-2px);

  border-color: rgba(255,255,255,0.42);
  background: rgba(255,255,255,0.08);

  opacity: 1;
}

/* =========================
   RELACIONADOS
========================= */

.emaq-ftv4-related {
  margin-top: 18px;
  background: #FCFCFD;
  padding: 20px;
  border-radius: var(--ft-radius-card);
  border: 1px solid var(--emaq-border-soft);
  box-shadow: var(--ft-shadow-soft);
}

.emaq-ftv4-related .emaq-ftv4-section-title::after {
  content: "";
  display: block;

  width: 92px;
  height: 4px;

  margin-top: 12px;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      #fcbf00 0%,
      rgba(252,191,0,0.25) 100%
    );
}

.emaq-ftv4-related__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 14px;
  align-items: stretch;
}

.emaq-ftv4-related__item {
  display: flex;
  flex-direction: column;

  min-width: 0;
  text-decoration: none;
  color: inherit;

  background: #FBFCFD;
  border: 1px solid rgba(19,38,58,.075);
  border-radius: var(--ft-radius-card);
  overflow: hidden;

  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    background .24s ease;

  cursor: pointer;
}

.emaq-ftv4-related__item:hover {
  transform: translateY(-4px);

  border-color: rgba(252,191,0,0.48);

  box-shadow:
    0 20px 38px rgba(15,23,42,0.10),
    0 0 0 3px rgba(252,191,0,0.13);
}

.emaq-ftv4-related__thumb {
  position: relative;
  overflow: hidden;

  aspect-ratio: 1.85 / 1;

  background:
    linear-gradient(
      180deg,
      #F7F9FB 0%,
      #EEF2F6 100%
    );

  border-bottom: 1px solid rgba(19,38,58,.06);
}

.emaq-ftv4-related__thumb::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(255,255,255,0.95) 0%,
      rgba(255,255,255,0.42) 38%,
      rgba(19,38,58,0.035) 100%
    );

  pointer-events: none;
}

.emaq-ftv4-related__img {
  position: relative;
  z-index: 1;

  width: 100%;
  height: 100%;

  object-fit: contain;
  display: block;

  padding: 8px;

  transition:
    transform .28s ease,
    filter .28s ease;
}

.emaq-ftv4-related__item:hover .emaq-ftv4-related__img {
  transform: scale(1.035);
  filter: contrast(1.03);
}

.emaq-ftv4-related__name {
  flex: 1;

  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 62px;

  padding: 14px 18px 16px;

  text-align: center;

  font-size: 0.84rem;
  line-height: 1.22;
  font-weight: 850;
  letter-spacing: -0.02em;

  color: var(--emaq-blue);

  transition: color .22s ease;
}

.emaq-ftv4-related__item:hover .emaq-ftv4-related__name {
  color: var(--emaq-blue);
}

.emaq-ftv4-related__footer {
  margin-top: 16px;
  padding-top: 14px;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;

  border-top: 1px solid rgba(19,38,58,.08);

  font-size: 0.74rem;
  line-height: 1.2;
  font-weight: 600;

  color: rgba(74,85,99,.82);

  text-align: center;
}

.emaq-ftv4-related__footer span {
  position: relative;

  display: inline-flex;
  align-items: center;

  gap: var(--ft-gap-md);
  padding: 0 16px;
}

.emaq-ftv4-related__footer span:not(:last-child)::after {
  content: "";

  width: 4px;
  height: 4px;

  margin-left: 12px;

  border-radius: 999px;

  background: rgba(252,191,0,.55);
}

/* =========================
   RESPONSIVE FINAL CONSOLIDADO
========================= */

@media (max-width: 1280px) {
  .emaq-ftv4__grid {
    grid-template-columns: 1fr;
  }

  .emaq-ftv4-hero__copy {
    width: 60%;
    max-width: 560px;
  }

  .emaq-ftv4-hero__productwrap {
    padding-right: 28px;
  }

  .emaq-ftv4-hero__productimg {
    height: 120%;
    max-width: 55%;
  }
}

@media (max-width: 980px) {
  .emaq-ftv4-hero {
    min-height: 720px;
  }

  .emaq-ftv4-hero__content {
    padding: 24px 20px;
  }

  .emaq-ftv4-hero__copy {
    width: 100%;
    max-width: 540px;
  }

  .emaq-ftv4-hero__productwrap {
    justify-content: center;
    padding: 0;
  }

  .emaq-ftv4-hero__productimg {
    max-width: 60%;
    height: auto;
  }

  .emaq-ftv4-identifier__benefits.is-3 {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
  }

  .emaq-ftv4-identifier__benefit:not(:last-child)::after {
    display: none;
  }

  .emaq-ftv4-compare__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .emaq-ftv4 {
    padding: 14px 0 32px;
  }

  .emaq-ftv4__shell {
    width: calc(100% - 14px);
  }

  .emaq-ftv4-hero {
    min-height: 820px;
    border-radius: 20px;
  }

  .emaq-ftv4-hero__content {
    padding: 18px 16px 20px;
  }

  .emaq-ftv4-hero__copy {
    width: 100%;
    max-width: none;
  }

  .emaq-ftv4-hero__eyebrow {
    font-size: 0.55rem;
    padding: 7px 9px;
    margin-bottom: 12px;
  }

  .emaq-ftv4-hero__suptitle {
    font-size: 2rem;
    line-height: 0.95;
    white-space: normal;
  }

  .emaq-ftv4-hero__title {
    font-size: 4.2rem;
    line-height: 0.86;
  }

  .emaq-ftv4-hero__intro {
    margin-top: 24px;
    max-width: 270px;
    font-size: 0.78rem;
    line-height: 1.38;
  }

.emaq-ftv4-hero__productwrap {
  justify-content: center;
  align-items: flex-end;

  /* Reserva real para los dos CTA */
  padding: 0 0 155px;

  overflow: hidden;
}

.emaq-ftv4-hero__productimg {
  width: auto;
  height: 44%;

  max-width: 72%;

  object-fit: contain;
  object-position: bottom center;

  transform: scale(1.16) translateY(-6px);
  transform-origin: bottom center;
}

  .emaq-ftv4-hero__arguments {
    margin-top: 34px;
    grid-template-columns: 1fr;
    gap: 13px;
    max-width: 250px;
  }

  .emaq-ftv4-hero__arg {
    gap: 10px;
  }

  .emaq-ftv4-hero__arg-title {
    font-size: 0.68rem;
  }

  .emaq-ftv4-hero__arg-text {
    font-size: 0.62rem;
    line-height: 1.25;
  }

  .emaq-ftv4-hero__actions {
    margin-top: auto;
    gap: var(--ft-gap-xs);
    position: relative;
    z-index: 6;
  }

  .emaq-ftv4-btn {
    width: 100%;
    min-height: 44px;
    font-size: 0.78rem;
  }

.emaq-ftv4-hero__badge {
  right: -6px;

  top: 49%;
  bottom: auto;

  transform: translateY(-50%);
}

  .emaq-ftv4-hero__badge-shape {
    width: 74px;
  }

  .emaq-ftv4-identifier {
    }

  .emaq-ftv4-identifier::before {
    width: 48px;
    height: 3px;
    margin-bottom: 12px;
  }

  .emaq-ftv4-identifier__inner {
    border-radius: 20px;
    padding: 18px 34px 26px;
  }

  .emaq-ftv4-identifier__title {
    font-size: 1.45rem;
    line-height: 1.02;
    max-width: 320px;
  }

  .emaq-ftv4-identifier__text {
    margin-top: 10px;
    font-size: 0.78rem;
    line-height: 1.42;
    max-width: 310px;
  }

  .emaq-ftv4-identifier__benefits,
  .emaq-ftv4-identifier__benefits.is-1,
  .emaq-ftv4-identifier__benefits.is-2,
  .emaq-ftv4-identifier__benefits.is-3,
  .emaq-ftv4-identifier__benefits.is-4 {
    grid-template-columns: 1fr;
    gap: 22px;
    margin-top: 26px;
  }

  .emaq-ftv4-identifier__benefit {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 14px;
    padding: 0;
    text-align: left;
    align-items: start;
  }

  .emaq-ftv4-identifier__benefit::after {
    content: none;
    display: none;
  }

  .emaq-ftv4-identifier__benefit-icon {
    width: 58px;
    height: 58px;
    margin: -2px 0 0;
  }

  .emaq-ftv4-identifier__benefit-copy {
    max-width: none;
  }

  .emaq-ftv4-identifier__benefit-title {
    text-align: left;
    white-space: normal;
    font-size: 0.9rem;
    line-height: 1.05;
    margin-bottom: 6px;
  }

  .emaq-ftv4-identifier__benefit-text {
    text-align: left;
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.34;
  }


  .emaq-ftv4-compare {
    padding: 24px 14px 20px;
    overflow:hidden;
  }

  .emaq-ftv4-compare .emaq-ftv4-section-title {
    font-size: 1.62rem;
    line-height: 0.94;
    margin-bottom: 12px;
    letter-spacing: -0.052em;
  }

  .emaq-ftv4-compare .emaq-ftv4-section-title::after {
    width: 72px;
    height: 3px;
    margin-top: 10px;
  }

  .emaq-ftv4-compare__subtitle {
    width: 100%;
    max-width: none;
    padding-right: 0;
    margin: 0 0 16px;
    font-size: 0.78rem;
  }

  .emaq-ftv4-compare__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .emaq-ftv4-compare__table {
    overflow-x: visible;
    width: 100%;
  }

  .emaq-ftv4-compare__head,
  .emaq-ftv4-compare__row {
    min-width: 0;
    grid-template-columns: 0.95fr 1fr 1fr;
  }

  .emaq-ftv4-compare__head {
    display: grid;
  }

  .emaq-ftv4-compare__head > div,
  .emaq-ftv4-compare__row > div {
    padding: 9px 5px;
    font-size: 0.58rem;
    line-height: 1.15;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .emaq-ftv4-compare__head > div {
    font-size: 0.52rem;
  }

  .emaq-ftv4-compare__row {
    min-height: 48px;
  }

  .emaq-ftv4-compare__cell--feature {
    font-size: 0.58rem;
  }

  .emaq-ftv4-compare__aside {
    min-height: 0;
  }

  .emaq-ftv4-compare-visual {
    padding: 18px 14px 20px;
  }

  .emaq-ftv4-compare-visual__image {
    width: 100%;
    border-radius: 12px;
  }


  .emaq-ftv4-panel__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }


  .emaq-ftv4-panel {
    padding: 20px 16px 16px;
  }

  .emaq-ftv4-panel__head {
    display: block;
    margin-bottom: 14px;
  }

  .emaq-ftv4-panel__title {
    font-size: 1.75rem;
    line-height: 0.98;
  }

  .emaq-ftv4-panel__grid,
  .emaq-ftv4-apps__grid {
    grid-template-columns: 1fr;
  }

  .emaq-ftv4-panel__grid {
    gap: 14px;
  }

  .emaq-ftv4-specs__row {
    grid-template-columns: minmax(108px, 0.82fr) minmax(0, 1.18fr);
    gap: 10px;
    padding: 9px 10px;
    font-size: 0.68rem;
  }

  .emaq-ftv4-specs__group--secondary .emaq-ftv4-specs__row {
    grid-template-columns: minmax(104px, 0.7fr) minmax(0, 1.3fr);
  }

  .emaq-ftv4-panel > .emaq-ftv4-specs__group--secondary {
    margin-top: 14px;
  }

.emaq-ftv4-techview {
  min-height: 0;

  grid-template-rows: auto auto;

  align-items: start;

  padding-bottom: 6px;
}  

.emaq-ftv4-techview__img {
  width: 82%;
  max-width: 300px;

  height: auto;
  max-height: 245px;

  margin: 6px auto 10px;

  object-fit: contain;
  object-position: center;

  transform: none;
}

.emaq-ftv4-breadcrumb {
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;

  margin-bottom: 16px;

  overflow-x: auto;
  overflow-y: hidden;

  white-space: nowrap;

  font-size: 10px;

  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.emaq-ftv4-breadcrumb::-webkit-scrollbar {
  display: none;
}

.emaq-ftv4-breadcrumb a,
.emaq-ftv4-breadcrumb__sep,
.emaq-ftv4-breadcrumb__current {
  flex: 0 0 auto;
}  

}


/* =========================================================
   EMAQ FT GENERAL · AJUSTES ESPECÍFICOS
   Template estándar para accesorios y productos no puntales
========================================================= */

.emaq-ftv4[data-linea="general"] {
  --ft-line-accent: var(--emaq-yellow);
  --ft-line-accent-2: var(--emaq-blue);
  --ft-line-accent-soft: rgba(252, 191, 0, 0.13);
  --ft-line-accent-border: rgba(252, 191, 0, 0.44);
  --ft-line-accent-strong: rgba(252, 191, 0, 0.78);
}

/* La FT general no utiliza capacidad ni comparativa de puntales */
.emaq-ftv4[data-linea="general"] .emaq-ftv4-capacity,
.emaq-ftv4[data-linea="general"] .emaq-ftv4-compare,
.emaq-ftv4[data-linea="general"] .emaq-ftv4-compare-visual {
  display: none !important;
}

/* Beneficios genéricos: icono neutro EMAQ */
.emaq-ftv4[data-linea="general"] .emaq-ftv4-identifier__benefit-icon {
  position: relative;
  background-image: none !important;
  background: var(--ft-line-accent-soft);
  border: 1px solid var(--ft-line-accent-border);
}

.emaq-ftv4[data-linea="general"] .emaq-ftv4-identifier__benefit-icon::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background: var(--ft-line-accent);
}

/* Dos columnas editoriales: criterio / aplicaciones */
.emaq-ftv4[data-linea="general"] .emaq-ftv4-lower-grid--benefits-apps {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: stretch;
}

/* Artículos + CTA */
.emaq-ftv4[data-linea="general"] .emaq-ftv4-lower-grid--action {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  align-items: stretch;
}

/* Breadcrumb: una sola línea en móvil */
@media (max-width: 640px) {
  .emaq-ftv4[data-linea="general"] .emaq-ftv4-breadcrumb {
    flex-wrap: nowrap;
    gap: 6px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    font-size: 10px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .emaq-ftv4[data-linea="general"] .emaq-ftv4-breadcrumb::-webkit-scrollbar {
    display: none;
  }

  .emaq-ftv4[data-linea="general"] .emaq-ftv4-breadcrumb a,
  .emaq-ftv4[data-linea="general"] .emaq-ftv4-breadcrumb__sep,
  .emaq-ftv4[data-linea="general"] .emaq-ftv4-breadcrumb__current {
    flex: 0 0 auto;
  }

  .emaq-ftv4[data-linea="general"] .emaq-ftv4-lower-grid--benefits-apps,
  .emaq-ftv4[data-linea="general"] .emaq-ftv4-lower-grid--action {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   FT EMAQ GENERAL · HERO TÉCNICO
   Vista técnica protagonista · fotografías secundarias
========================================================= */

.emaq-ftg-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(360px, .94fr);
  min-height: 520px;
  margin-bottom: var(--ft-block-gap);
  background: var(--emaq-white);
  border: 1px solid var(--ft-border-soft);
  border-radius: var(--ft-radius-block);
  overflow: hidden;
  box-shadow: var(--ft-shadow-block);
}

.emaq-ftg-hero__visual {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border-right: 1px solid var(--ft-border-mid);
}

.emaq-ftg-hero__visual-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
}

.emaq-ftg-hero__visual-head > span {
  color: var(--emaq-blue);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.emaq-ftg-hero__visual-head > small {
  max-width: 58%;
  color: rgba(34,42,82,.56);
  font-size: 9px;
  line-height: 1.35;
  text-align: right;
}

.emaq-ftg-hero__viewer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 360px;
  padding: 18px;
  background: #fff;
  border: 1px solid rgba(34,42,82,.07);
  border-radius: 16px;
  overflow: hidden;
}

.emaq-ftg-hero__viewer-img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 380px;
  object-fit: contain;
  object-position: center;
  transition:
    opacity .18s ease,
    transform .22s ease;
}

.emaq-ftg-hero__viewer-empty {
  color: rgba(34,42,82,.42);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.emaq-ftg-hero__thumbs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.emaq-ftg-hero__thumb {
  appearance: none;
  -webkit-appearance: none;
  min-width: 0;
  padding: 6px;
  background: #fff;
  border: 1px solid rgba(34,42,82,.10);
  border-radius: 10px;
  cursor: pointer;
  font-family: inherit;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.emaq-ftg-hero__thumb:hover {
  transform: translateY(-1px);
  border-color: var(--ft-line-accent-border);
}

.emaq-ftg-hero__thumb.is-active {
  border-color: var(--ft-line-accent);
  box-shadow: 0 0 0 2px var(--ft-line-accent-soft);
}

.emaq-ftg-hero__thumb-img {
  display: block;
  width: 100%;
  height: 58px;
  object-fit: contain;
}

.emaq-ftg-hero__thumb > span {
  display: block;
  margin-top: 4px;
  color: rgba(34,42,82,.62);
  font-size: 8px;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.emaq-ftg-hero__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(28px, 3vw, 46px);
  background:
    linear-gradient(
      135deg,
      #111827 0%,
      #121d2e 52%,
      #0b1320 100%
    );
  color: #fff;
}

.emaq-ftg-hero__eyebrow {
  align-self: flex-start;
  margin-bottom: 14px;
  padding: 6px 8px;
  border-radius: 4px;
  background: var(--ft-line-accent);
  color: #111827;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.emaq-ftg-hero__suptitle {
  color: rgba(255,255,255,.82);
  font-size: clamp(18px, 1.6vw, 24px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.025em;
  text-transform: uppercase;
}

.emaq-ftg-hero__title {
  margin: 8px 0 0;
  color: #fff;
  font-size: clamp(38px, 4.1vw, 62px);
  font-weight: 900;
  line-height: .92;
  letter-spacing: -.055em;
  text-transform: uppercase;
}

.emaq-ftg-hero__title::after {
  content: "";
  display: block;
  width: 84px;
  height: 3px;
  margin: 18px 0 16px;
  background: var(--ft-line-accent);
  border-radius: 999px;
}

.emaq-ftg-hero__intro {
  max-width: 620px;
  margin-top: 22px;
  color: rgba(255,255,255,.80);
  font-size: 14px;
  line-height: 1.55;

  text-align: justify;
  text-justify: inter-word;

  hyphens: none;
  -webkit-hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

.emaq-ftg-hero__benefits {
  display: grid;
  gap: 10px;
  margin-top: 26px;
}

.emaq-ftg-hero__benefit {
  display: grid;
  grid-template-columns: 18px minmax(0,1fr);
  gap: 10px;
  align-items: flex-start;
}

.emaq-ftg-hero__benefit-dot {
  position: relative;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--ft-line-accent);
}

.emaq-ftg-hero__benefit-dot::after {
  content: "";
  position: absolute;
  inset: 5px;
  border: 2px solid #111827;
  border-radius: 50%;
}

.emaq-ftg-hero__benefit strong {
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
}

.emaq-ftg-hero__benefit span:not(.emaq-ftg-hero__benefit-dot) {
  display: block;
  margin-top: 2px;
  color: rgba(255,255,255,.62);
  font-size: 10px;
  line-height: 1.4;
}

.emaq-ftg-hero__compat {
  margin-top: 26px;
  padding: 14px 0 0;
  border-top: 1px solid rgba(255,255,255,.12);
}

.emaq-ftg-hero__compat-label {
  display: block;
  margin-bottom: 5px;
  color: var(--ft-line-accent);
  font-size: 8px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .12em;
}

.emaq-ftg-hero__compat-value {
  color: rgba(255,255,255,.86);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.emaq-ftg-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
  padding-top: 30px;
}

.emaq-ftg-hero__btn-primary {
  background: var(--ft-line-accent);
  border: 1px solid var(--ft-line-accent);
  color: #111827;
}

.emaq-ftg-hero__btn-secondary {
  background: transparent;
  border: 1px solid rgba(255,255,255,.55);
  color: #fff;
}

.emaq-ftg-specs {
  margin-bottom: var(--ft-block-gap);
}

.emaq-ftg-specs__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 0;
}

.emaq-ftg-specs__grid > .emaq-ftv4-specs {
  min-width: 0;
  padding: 0 20px 18px;
}

.emaq-ftg-specs__grid > .emaq-ftv4-specs + .emaq-ftv4-specs {
  border-left: 1px solid var(--ft-border-mid);
}


/* =========================================================
   FT EMAQ GENERAL · HERO TÉCNICO · RESPONSIVE
========================================================= */

@media (max-width: 900px) {

  .emaq-ftg-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .emaq-ftg-hero__visual {
    border-right: 0;
    border-bottom: 1px solid var(--ft-border-mid);
  }

  .emaq-ftg-hero__viewer {
    min-height: 330px;
  }

  .emaq-ftg-hero__content {
    min-height: 0;
  }

  .emaq-ftg-specs__grid {
    grid-template-columns: 1fr;
  }

  .emaq-ftg-specs__grid > .emaq-ftv4-specs + .emaq-ftv4-specs {
    border-left: 0;
    border-top: 1px solid var(--ft-border-mid);
  }

}

@media (max-width: 640px) {

  .emaq-ftg-hero {
    border-radius: 18px;
  }

  .emaq-ftg-hero__visual {
    padding: 16px;
  }

  .emaq-ftg-hero__visual-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .emaq-ftg-hero__visual-head > small {
    max-width: none;
    text-align: left;
  }

  .emaq-ftg-hero__viewer {
    min-height: 270px;
    padding: 10px;
  }

  .emaq-ftg-hero__viewer-img {
    max-height: 285px;
  }

  .emaq-ftg-hero__thumbs {
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 5px;
  }

  .emaq-ftg-hero__thumb {
    padding: 4px;
    border-radius: 8px;
  }

  .emaq-ftg-hero__thumb-img {
    height: 44px;
  }

  .emaq-ftg-hero__thumb > span {
    font-size: 6.5px;
  }

  .emaq-ftg-hero__content {
    padding: 24px 18px 20px;
  }

  .emaq-ftg-hero__suptitle {
    font-size: 17px;
  }

  .emaq-ftg-hero__title {
    font-size: clamp(34px, 11vw, 46px);
  }

  .emaq-ftg-hero__intro {
    font-size: 12px;
  }

  .emaq-ftg-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 24px;
  }

  .emaq-ftg-hero__actions .emaq-ftv4-btn {
    width: 100%;
  }

}


/* =========================================================
   FT EMAQ GENERAL · MOTOR DE ACENTO POR SISTEMA
   Mismos colores editoriales que Ing. EMA
   Fuente: emaq-ing-ema-article.css
========================================================= */

.emaq-ftv4[data-linea="general"] {
  --ft-line-accent: #222A52;
  --ft-line-accent-2: #132644;
  --ft-line-accent-soft: rgba(34, 42, 82, 0.08);
  --ft-line-accent-border: rgba(34, 42, 82, 0.22);
  --ft-line-accent-strong: rgba(34, 42, 82, 0.78);
}

/* APUNTALAMIENTO — Amarillo EMAQ */
.emaq-ftv4[data-sistema="apuntalamiento"] {
  --ft-line-accent: #FCBF00;
  --ft-line-accent-2: #222A52;
  --ft-line-accent-soft: rgba(252, 191, 0, 0.12);
  --ft-line-accent-border: rgba(252, 191, 0, 0.30);
  --ft-line-accent-strong: rgba(252, 191, 0, 0.78);
}

/* ANDAMIAJE — Naranja EMAQ */
.emaq-ftv4[data-sistema="andamiaje"] {
  --ft-line-accent: #F39200;
  --ft-line-accent-2: #222A52;
  --ft-line-accent-soft: rgba(243, 146, 0, 0.10);
  --ft-line-accent-border: rgba(243, 146, 0, 0.28);
  --ft-line-accent-strong: rgba(243, 146, 0, 0.76);
}

/* ENCOFRADO — Gris cemento editorial EMAQ */
.emaq-ftv4[data-sistema="encofrado"] {
  --ft-line-accent: #9A8872;
  --ft-line-accent-2: #222A52;
  --ft-line-accent-soft: rgba(154, 136, 114, 0.12);
  --ft-line-accent-border: rgba(154, 136, 114, 0.28);
  --ft-line-accent-strong: rgba(154, 136, 114, 0.76);
}

/* HABILITADO — Azul digital EMAQ */
.emaq-ftv4[data-sistema="habilitado"] {
  --ft-line-accent: #2C5794;
  --ft-line-accent-2: #222A52;
  --ft-line-accent-soft: rgba(44, 87, 148, 0.10);
  --ft-line-accent-border: rgba(44, 87, 148, 0.28);
  --ft-line-accent-strong: rgba(44, 87, 148, 0.78);
}

/* El sistema solo cambia microacentos: la estructura sigue siendo EMAQ */
.emaq-ftv4[data-linea="general"] .emaq-ftv4-specs__group-title {
  position: relative;
  background: #ffffff !important;
  color: var(--emaq-blue) !important;
  border-bottom: 1px solid var(--ft-border-mid) !important;
  padding-left: 15px;
}

.emaq-ftv4[data-linea="general"] .emaq-ftv4-specs__group-title::before {
  content: \"\";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--ft-line-accent);
}

.emaq-ftv4[data-linea="general"] .emaq-ftv4-panel__title,
.emaq-ftv4[data-linea="general"] .emaq-ftv4-section-title,
.emaq-ftv4[data-linea="general"] .emaq-ftv4-identifier__title {
  color: var(--emaq-blue);
}

/* Modelo secundario en Hero: evita TRÍPODE PARA PUNTAL / TRÍPODE con el mismo peso */
.emaq-ftg-hero__model {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 13px;
  color: rgba(255,255,255,.68);
}

.emaq-ftg-hero__model span {
  font-size: 8px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.emaq-ftg-hero__model strong {
  color: var(--ft-line-accent);
  font-size: 13px;
  line-height: 1.15;
  font-weight: 900;
}

/* Aplicaciones sin imagen: no reservar un rectángulo vacío */
.emaq-ftv4-apps__item--no-media .emaq-ftv4-apps__title {
  margin-top: 12px;
}

.emaq-ftv4-apps__item--no-media .emaq-ftv4-apps__caption {
  margin-top: 12px;
}

/* Acentos de navegación */
.emaq-ftv4[data-linea="general"] .emaq-ftv4-breadcrumb__current {
  color: var(--ft-line-accent);
}

@media (max-width: 640px) {
  .emaq-ftg-hero__model {
    margin-top: 10px;
  }
}


/* =========================================================
   FT EMAQ GENERAL · AJUSTE V4
   Auditoría Hero / SKU / disponibilidad / especificaciones
========================================================= */

/* ---------------------------------------------------------
   1. DISPONIBILIDAD
   Verde = entrega inmediata
   Rojo = sobre pedido
--------------------------------------------------------- */

.emaq-ftv4-stock-badge {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  margin-top: 12px;
  color: rgba(255,255,255,.92);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

.emaq-ftv4-stock-badge__dot,
.emaq-ftv4-spec-status__dot {
  display: inline-block;
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

.emaq-ftv4-stock-badge.is-available
.emaq-ftv4-stock-badge__dot,
.emaq-ftv4-spec-status.is-available
.emaq-ftv4-spec-status__dot {
  background: #2fb36d;
  box-shadow: 0 0 0 3px rgba(47,179,109,.12);
}

.emaq-ftv4-stock-badge.is-on-request
.emaq-ftv4-stock-badge__dot,
.emaq-ftv4-spec-status.is-on-request
.emaq-ftv4-spec-status__dot {
  background: #d94a4a;
  box-shadow: 0 0 0 3px rgba(217,74,74,.11);
}

.emaq-ftv4-spec-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}


/* ---------------------------------------------------------
   2. HERO
   Mejor equilibrio entre visor e información
--------------------------------------------------------- */

.emaq-ftg-hero {
  grid-template-columns:
    minmax(0, 1.02fr)
    minmax(390px, .98fr);
  min-height: 0;
}

.emaq-ftg-hero__visual {
  padding: 22px;
}

.emaq-ftg-hero__viewer {
  min-height: 330px;
}

.emaq-ftg-hero__viewer-img {
  max-height: 350px;
}

.emaq-ftg-hero__content {
  padding:
    clamp(28px, 2.7vw, 42px)
    clamp(30px, 3vw, 46px);
}

.emaq-ftg-hero__title {
  font-size: clamp(38px, 3.7vw, 58px);
}

.emaq-ftg-hero__title::after {
  margin: 16px 0 0;
}

.emaq-ftg-hero__intro {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.58;
}

.emaq-ftg-hero__benefits {
  gap: 13px;
  margin-top: 24px;
}

.emaq-ftg-hero__benefit {
  grid-template-columns: 20px minmax(0,1fr);
  gap: 11px;
}

.emaq-ftg-hero__benefit-dot {
  width: 20px;
  height: 20px;
}

.emaq-ftg-hero__benefit strong {
  font-size: 12.5px;
  line-height: 1.18;
}

.emaq-ftg-hero__benefit
span:not(.emaq-ftg-hero__benefit-dot) {
  margin-top: 3px;
  font-size: 10.5px;
  line-height: 1.42;
}

/* SKU claramente secundario al H1 */

.emaq-ftg-hero__model {
  margin-top: 13px;
  gap: 8px;
}

.emaq-ftg-hero__model span {
  color: rgba(255,255,255,.56);
  font-size: 8px;
  letter-spacing: .13em;
}

.emaq-ftg-hero__model strong {
  color: var(--ft-line-accent);
  font-size: 13px;
}

/* Ya no existe compatibilidad dentro del Hero */
.emaq-ftg-hero__compat {
  display: none !important;
}

/* CTA principal inequívoco / secundario discreto */

.emaq-ftg-hero__actions {
  gap: 12px;
  padding-top: 27px;
}

.emaq-ftg-hero__btn-primary {
  min-width: 170px;
  font-weight: 900;
}

.emaq-ftg-hero__btn-secondary {
  min-width: 150px;
  border-color: rgba(255,255,255,.42);
  color: rgba(255,255,255,.86);
  font-weight: 750;
}


/* ---------------------------------------------------------
   3. SEPARACIÓN HERO → ESPECIFICACIONES
--------------------------------------------------------- */

.emaq-ftg-specs {
  margin-top: 4px;
  margin-bottom: calc(var(--ft-block-gap) + 4px);
}


/* ---------------------------------------------------------
   4. ESPECIFICACIONES
   Azul EMAQ = estructura
   Color de sistema = microacento
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-specs__group-title {
  padding-left: 16px;
  background: #fff !important;
  color: var(--emaq-blue) !important;
  border-bottom: 1px solid var(--ft-border-mid) !important;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-specs__group-title::before {
  width: 3px;
}

.emaq-ftg-specs__grid
> .emaq-ftv4-specs {
  padding-top: 3px;
  padding-bottom: 20px;
}


/* ---------------------------------------------------------
   5. CRITERIO + APLICACIONES
   Aplicaciones recibe un poco más de ancho.
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-lower-grid--benefits-apps {
  grid-template-columns:
    minmax(0, .82fr)
    minmax(0, 1.18fr);
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-identifier__title {
  font-size: clamp(1.25rem, 1.55vw, 1.7rem);
  line-height: 1.02;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-identifier__text {
  max-width: 100%;
}


/* ---------------------------------------------------------
   6. APLICACIONES SIN IMAGEN
   Ningún placeholder gris reservado.
--------------------------------------------------------- */

.emaq-ftv4-apps__item--no-media
.emaq-ftv4-apps__media {
  display: none !important;
}

.emaq-ftv4-apps__item--no-media
.emaq-ftv4-apps__title {
  min-height: 0;
  margin-top: 14px;
  margin-bottom: 0;
}

.emaq-ftv4-apps__item--no-media
.emaq-ftv4-apps__caption {
  margin-top: 14px;
}


/* ---------------------------------------------------------
   7. RESPONSIVE
--------------------------------------------------------- */

@media (max-width: 900px) {

  .emaq-ftg-hero {
    grid-template-columns: 1fr;
  }

  .emaq-ftg-hero__viewer {
    min-height: 300px;
  }

  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-lower-grid--benefits-apps {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 640px) {

  .emaq-ftg-hero__viewer {
    min-height: 250px;
  }

  .emaq-ftg-hero__viewer-img {
    max-height: 270px;
  }

  .emaq-ftv4-stock-badge {
    margin-top: 10px;
    font-size: 11px;
  }

}


/* =========================================================
   FT EMAQ GENERAL · AJUSTE V5
   Cierre conceptual del Hero
========================================================= */

/* 52 / 48: la vista técnica conserva protagonismo */
.emaq-ftg-hero {
  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(390px, .92fr);
}

/* La ilustración ocupa mejor el visor sin recortar */
.emaq-ftg-hero__viewer {
  min-height: 330px;
  padding: 8px;
}

.emaq-ftg-hero__viewer-img {
  width: 100%;
  height: 100%;
  max-height: 382px;
  object-fit: contain;
}

/* Eyebrow: clasifica, no compite con el H1 */
.emaq-ftg-hero__eyebrow {
  margin-bottom: 12px;
  padding: 5px 7px;
  font-size: 8px;
  letter-spacing: .09em;
}

/* SKU + disponibilidad en una sola línea */
.emaq-ftg-hero__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  margin-top: 13px;
}

.emaq-ftg-hero__model {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  margin-top: 0;
}

.emaq-ftg-hero__model span {
  color: rgba(255,255,255,.78);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .09em;
}

.emaq-ftg-hero__model strong {
  color: var(--ft-line-accent);
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

.emaq-ftv4-stock-badge {
  margin-top: 0;
  gap: 7px;
  font-size: 11.5px;
}

/* Conservamos aire entre datos comerciales y descripción */
.emaq-ftg-hero__meta + .emaq-ftg-hero__intro {
  margin-top: 24px;
}

/* Beneficios: mayor legibilidad y respiración */
.emaq-ftg-hero__benefits {
  gap: 15px;
  margin-top: 25px;
}

.emaq-ftg-hero__benefit strong {
  font-size: 13px;
}

.emaq-ftg-hero__benefit
span:not(.emaq-ftg-hero__benefit-dot) {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.46;
}

/* El marcador deja de parecer botón/radio */
.emaq-ftg-hero__benefit-dot {
  width: 14px;
  height: 14px;
  margin-top: 2px;
  background: transparent;
  border: 2px solid var(--ft-line-accent);
}

.emaq-ftg-hero__benefit-dot::after {
  inset: 3px;
  background: var(--ft-line-accent);
  border: 0;
}

/* Más separación antes de la acción */
.emaq-ftg-hero__actions {
  padding-top: 31px;
}

@media (max-width: 900px) {
  .emaq-ftg-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .emaq-ftg-hero__meta {
    gap: 9px 15px;
  }

  .emaq-ftg-hero__model span {
    font-size: 10px;
  }

  .emaq-ftv4-stock-badge {
    font-size: 11px;
  }

  .emaq-ftg-hero__meta + .emaq-ftg-hero__intro {
    margin-top: 20px;
  }
}


/* =========================================================
   FT EMAQ GENERAL · AJUSTE V6
   Hero flexible por densidad de información
========================================================= */

/* ---------------------------------------------------------
   1. HERO SIN ALTURA ARTIFICIAL
--------------------------------------------------------- */

.emaq-ftg-hero {
  min-height: 0 !important;
  align-items: stretch;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(390px, 1fr);
}

.emaq-ftg-hero__visual {
  min-height: 0;
  height: auto;
  padding: 20px;
}

.emaq-ftg-hero__viewer {
  flex: 0 1 auto;
  min-height: 0 !important;
  height: auto;
  aspect-ratio: 16 / 10;
  padding: 10px;
}

.emaq-ftg-hero__viewer-img {
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none !important;
  object-fit: contain;
}

/* Si solo existe la vista técnica, no se reserva espacio de galería */
.emaq-ftg-hero__visual:not(:has(.emaq-ftg-hero__thumbs))
.emaq-ftg-hero__viewer {
  flex: 1 1 auto;
}

/* ---------------------------------------------------------
   2. MINIATURAS FLEXIBLES Y SIN LABELS
--------------------------------------------------------- */

.emaq-ftg-hero__thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.emaq-ftg-hero__thumb {
  flex: 0 0 104px;
  width: 104px;
  min-width: 0;
  padding: 5px;
}

.emaq-ftg-hero__thumb-img {
  width: 100%;
  height: 56px;
  object-fit: contain;
}

/* Los labels visuales ya no existen; mantenemos protección */
.emaq-ftg-hero__thumb > span {
  display: none !important;
}

/* ---------------------------------------------------------
   3. ALINEACIÓN SUPERIOR ENTRE COLUMNAS
--------------------------------------------------------- */

.emaq-ftg-hero__content {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding:
    20px
    clamp(30px, 3vw, 46px)
    28px;
}

.emaq-ftg-hero__eyebrow {
  margin-top: 0;
  margin-bottom: 12px;
}

/* ---------------------------------------------------------
   4. SKU + DISPONIBILIDAD
   Misma línea, pero con respiración clara
--------------------------------------------------------- */

.emaq-ftg-hero__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 30px;
  row-gap: 10px;
  margin-top: 13px;
}

.emaq-ftg-hero__model {
  gap: 8px;
}

.emaq-ftg-hero__model span {
  font-size: 10.5px;
}

.emaq-ftg-hero__model strong {
  font-size: 13.5px;
}

.emaq-ftv4-stock-badge {
  font-size: 11.5px;
}

/* Conservamos aire antes de la descripción */
.emaq-ftg-hero__meta + .emaq-ftg-hero__intro {
  margin-top: 26px;
}

/* ---------------------------------------------------------
   5. BENEFICIOS
   Se desplazan naturalmente hacia abajo cuando hay altura.
--------------------------------------------------------- */

.emaq-ftg-hero__benefits {
  margin-top: clamp(30px, 4.2vh, 48px);
  gap: 15px;
}

/* ---------------------------------------------------------
   6. CTA SIEMPRE ABAJO
--------------------------------------------------------- */

.emaq-ftg-hero__actions {
  margin-top: auto !important;
  padding-top: clamp(30px, 4vh, 46px);
}

/* ---------------------------------------------------------
   7. RESPONSIVE
--------------------------------------------------------- */

@media (max-width: 900px) {

  .emaq-ftg-hero {
    grid-template-columns: 1fr;
  }

  .emaq-ftg-hero__content {
    min-height: 0;
  }

  .emaq-ftg-hero__viewer {
    aspect-ratio: 4 / 3;
  }

  .emaq-ftg-hero__actions {
    margin-top: 0 !important;
  }

}

@media (max-width: 640px) {

  .emaq-ftg-hero__visual {
    padding: 16px;
  }

  .emaq-ftg-hero__viewer {
    aspect-ratio: 1 / 1;
    padding: 8px;
  }

  .emaq-ftg-hero__thumbs {
    gap: 6px;
  }

  .emaq-ftg-hero__thumb {
    flex-basis: 78px;
    width: 78px;
    padding: 4px;
  }

  .emaq-ftg-hero__thumb-img {
    height: 48px;
  }

  .emaq-ftg-hero__content {
    padding: 18px 18px 22px;
  }

  .emaq-ftg-hero__meta {
    column-gap: 22px;
  }

  .emaq-ftg-hero__benefits {
    margin-top: 28px;
  }

  .emaq-ftg-hero__actions {
    padding-top: 30px;
  }

}


/* =========================================================
   FT EMAQ GENERAL · AJUSTE V7
   Galería controlada · máximo 5 vistas
   1 vista técnica + hasta 4 fotografías opcionales
========================================================= */

/* ---------------------------------------------------------
   1. UNA SOLA IMAGEN
   Conserva la distribución aprobada.
--------------------------------------------------------- */

.emaq-ftg-hero.no-gallery
.emaq-ftg-hero__meta
+ .emaq-ftg-hero__intro {
  margin-top: 26px;
}

.emaq-ftg-hero.no-gallery
.emaq-ftg-hero__benefits {
  margin-top: 30px;
}


/* ---------------------------------------------------------
   2. CON GALERÍA
   CTA permanece abajo.
   La altura extra se reparte antes de descripción y beneficios.
--------------------------------------------------------- */

.emaq-ftg-hero.has-gallery
.emaq-ftg-hero__meta
+ .emaq-ftg-hero__intro {
  margin-top: 34px;
}

.emaq-ftg-hero.has-gallery
.emaq-ftg-hero__benefits {
  margin-top: 40px;
}

.emaq-ftg-hero.has-gallery
.emaq-ftg-hero__actions {
  margin-top: auto !important;
  padding-top: 34px;
}


/* ---------------------------------------------------------
   3. CTA
   Más separación entre las dos acciones.
--------------------------------------------------------- */

.emaq-ftg-hero__actions {
  gap: 20px;
}


/* ---------------------------------------------------------
   4. MINIATURAS
   Una sola fila. Tamaño decrece según cantidad.
   Mismo aire arriba y abajo.
--------------------------------------------------------- */

.emaq-ftg-hero__thumbs {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;

  margin-top: 10px;
  margin-bottom: 10px;

  overflow: visible;
}

/* 2 vistas totales */
.emaq-ftg-hero__thumbs.is-2 {
  gap: 10px;
}

.emaq-ftg-hero__thumbs.is-2
.emaq-ftg-hero__thumb {
  flex: 0 0 104px;
  width: 104px;
}

/* 3 vistas totales */
.emaq-ftg-hero__thumbs.is-3 {
  gap: 9px;
}

.emaq-ftg-hero__thumbs.is-3
.emaq-ftg-hero__thumb {
  flex: 0 0 96px;
  width: 96px;
}

/* 4 vistas totales */
.emaq-ftg-hero__thumbs.is-4 {
  gap: 8px;
}

.emaq-ftg-hero__thumbs.is-4
.emaq-ftg-hero__thumb {
  flex: 0 0 88px;
  width: 88px;
}

/* 5 vistas totales */
.emaq-ftg-hero__thumbs.is-5 {
  gap: 7px;
}

.emaq-ftg-hero__thumbs.is-5
.emaq-ftg-hero__thumb {
  flex: 0 0 80px;
  width: 80px;
}

.emaq-ftg-hero__thumb {
  min-width: 0;
  padding: 5px;
}

.emaq-ftg-hero__thumb-img {
  width: 100%;
  height: 56px;
  object-fit: contain;
}


/* ---------------------------------------------------------
   5. MÓVIL
   Una fila horizontal desplazable para no crecer en altura.
--------------------------------------------------------- */

@media (max-width: 640px) {

  .emaq-ftg-hero__thumbs {
    gap: 6px !important;
    overflow-x: auto;
    overflow-y: hidden;

    padding-bottom: 2px;

    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .emaq-ftg-hero__thumbs::-webkit-scrollbar {
    display: none;
  }

  .emaq-ftg-hero__thumbs.is-2
  .emaq-ftg-hero__thumb,
  .emaq-ftg-hero__thumbs.is-3
  .emaq-ftg-hero__thumb,
  .emaq-ftg-hero__thumbs.is-4
  .emaq-ftg-hero__thumb,
  .emaq-ftg-hero__thumbs.is-5
  .emaq-ftg-hero__thumb {
    flex: 0 0 78px;
    width: 78px;
  }

  .emaq-ftg-hero__thumb-img {
    height: 48px;
  }

  .emaq-ftg-hero.has-gallery
  .emaq-ftg-hero__meta
  + .emaq-ftg-hero__intro {
    margin-top: 24px;
  }

  .emaq-ftg-hero.has-gallery
  .emaq-ftg-hero__benefits {
    margin-top: 28px;
  }

}


/* =========================================================
   FT EMAQ GENERAL · AJUSTE V8
   Galería premium + equilibrio vertical derecho
========================================================= */

/* ---------------------------------------------------------
   1. MINIATURAS
   Ocupan el ancho disponible de forma proporcional.
   5 vistas = ancho completo premium.
--------------------------------------------------------- */

.emaq-ftg-hero__thumbs {
  display: grid;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: visible;
}

/* 2 vistas */
.emaq-ftg-hero__thumbs.is-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

/* 3 vistas */
.emaq-ftg-hero__thumbs.is-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

/* 4 vistas */
.emaq-ftg-hero__thumbs.is-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

/* 5 vistas */
.emaq-ftg-hero__thumbs.is-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.emaq-ftg-hero__thumbs.is-2 .emaq-ftg-hero__thumb,
.emaq-ftg-hero__thumbs.is-3 .emaq-ftg-hero__thumb,
.emaq-ftg-hero__thumbs.is-4 .emaq-ftg-hero__thumb,
.emaq-ftg-hero__thumbs.is-5 .emaq-ftg-hero__thumb {
  width: 100%;
  max-width: none;
  flex: none;
}

.emaq-ftg-hero__thumb {
  padding: 5px;
}

.emaq-ftg-hero__thumb-img {
  width: 100%;
  height: 54px;
  object-fit: contain;
}

/* Mismo aire visual arriba y abajo de la fila */
.emaq-ftg-hero.has-gallery .emaq-ftg-hero__visual {
  padding-bottom: 20px;
}

/* ---------------------------------------------------------
   2. CTA
   Más separación horizontal.
--------------------------------------------------------- */

.emaq-ftg-hero__actions {
  gap: 26px;
}

/* ---------------------------------------------------------
   3. CON GALERÍA
   Redistribución vertical:
   CTA permanece abajo.
   Descripción y beneficios absorben la altura extra.
--------------------------------------------------------- */

.emaq-ftg-hero.has-gallery .emaq-ftg-hero__content {
  display: flex;
  flex-direction: column;
}

.emaq-ftg-hero.has-gallery
.emaq-ftg-hero__meta
+ .emaq-ftg-hero__intro {
  margin-top: clamp(34px, 5vh, 54px);
}

.emaq-ftg-hero.has-gallery
.emaq-ftg-hero__benefits {
  margin-top: clamp(38px, 5.8vh, 62px);
}

.emaq-ftg-hero.has-gallery
.emaq-ftg-hero__actions {
  margin-top: auto !important;
  padding-top: clamp(34px, 4.5vh, 52px);
}

/* ---------------------------------------------------------
   4. MÓVIL
   Conserva fila horizontal desplazable.
--------------------------------------------------------- */

@media (max-width: 640px) {

  .emaq-ftg-hero__thumbs {
    display: flex;
    width: 100%;
    gap: 6px !important;
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 2px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .emaq-ftg-hero__thumbs::-webkit-scrollbar {
    display: none;
  }

  .emaq-ftg-hero__thumbs.is-2 .emaq-ftg-hero__thumb,
  .emaq-ftg-hero__thumbs.is-3 .emaq-ftg-hero__thumb,
  .emaq-ftg-hero__thumbs.is-4 .emaq-ftg-hero__thumb,
  .emaq-ftg-hero__thumbs.is-5 .emaq-ftg-hero__thumb {
    flex: 0 0 78px;
    width: 78px;
  }

  .emaq-ftg-hero.has-gallery
  .emaq-ftg-hero__meta
  + .emaq-ftg-hero__intro {
    margin-top: 24px;
  }

  .emaq-ftg-hero.has-gallery
  .emaq-ftg-hero__benefits {
    margin-top: 30px;
  }

  .emaq-ftg-hero__actions {
    gap: 14px;
  }

}


/* =========================================================
   FT EMAQ GENERAL · AJUSTE V9
   Hero final · densidad visual 1–5 vistas
========================================================= */

/* ---------------------------------------------------------
   1. ALINEACIÓN SUPERIOR EXACTA
--------------------------------------------------------- */

.emaq-ftg-hero__visual-head {
  margin-top: 0;
}

.emaq-ftg-hero__content {
  padding-top: 18px;
}

.emaq-ftg-hero__eyebrow {
  margin-top: 0;
}


/* ---------------------------------------------------------
   2. MINIATURAS SEGÚN CANTIDAD
   2 = contenidas
   3 = intermedias
   4 = amplias
   5 = ancho completo
--------------------------------------------------------- */

.emaq-ftg-hero__thumbs {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* 2 vistas: no llenar todo el ancho */
.emaq-ftg-hero__thumbs.is-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 132px));
  justify-content: start;
  gap: 12px;
}

/* 3 vistas: ocupación media */
.emaq-ftg-hero__thumbs.is-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 78%;
  max-width: 430px;
  gap: 10px;
}

/* 4 vistas: prácticamente ancho completo */
.emaq-ftg-hero__thumbs.is-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 92%;
  gap: 9px;
}

/* 5 vistas: ancho completo */
.emaq-ftg-hero__thumbs.is-5 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
  gap: 8px;
}

.emaq-ftg-hero__thumbs.is-2 .emaq-ftg-hero__thumb,
.emaq-ftg-hero__thumbs.is-3 .emaq-ftg-hero__thumb,
.emaq-ftg-hero__thumbs.is-4 .emaq-ftg-hero__thumb,
.emaq-ftg-hero__thumbs.is-5 .emaq-ftg-hero__thumb {
  width: 100%;
  max-width: none;
  flex: none;
}

/* Aire idéntico entre visor-miniaturas y miniaturas-borde */
.emaq-ftg-hero.has-gallery .emaq-ftg-hero__visual {
  padding-bottom: 10px;
}


/* ---------------------------------------------------------
   3. REDISTRIBUCIÓN VERTICAL SEGÚN NÚMERO DE VISTAS
   CTA no se mueve: permanece anclado abajo.
--------------------------------------------------------- */

/* 2 vistas */
.emaq-ftg-hero.gallery-2
.emaq-ftg-hero__meta
+ .emaq-ftg-hero__intro {
  margin-top: 30px;
}

.emaq-ftg-hero.gallery-2
.emaq-ftg-hero__benefits {
  margin-top: 34px;
}

/* 3 vistas */
.emaq-ftg-hero.gallery-3
.emaq-ftg-hero__meta
+ .emaq-ftg-hero__intro {
  margin-top: 34px;
}

.emaq-ftg-hero.gallery-3
.emaq-ftg-hero__benefits {
  margin-top: 40px;
}

/* 4 vistas */
.emaq-ftg-hero.gallery-4
.emaq-ftg-hero__meta
+ .emaq-ftg-hero__intro {
  margin-top: 40px;
}

.emaq-ftg-hero.gallery-4
.emaq-ftg-hero__benefits {
  margin-top: 46px;
}

/* 5 vistas */
.emaq-ftg-hero.gallery-5
.emaq-ftg-hero__meta
+ .emaq-ftg-hero__intro {
  margin-top: 46px;
}

.emaq-ftg-hero.gallery-5
.emaq-ftg-hero__benefits {
  margin-top: 54px;
}

/* CTA siempre inferior, con más separación horizontal */
.emaq-ftg-hero__actions {
  margin-top: auto !important;
  gap: 32px;
}


/* ---------------------------------------------------------
   4. MÓVIL
   Se neutralizan las diferencias de densidad.
--------------------------------------------------------- */

@media (max-width: 640px) {

  .emaq-ftg-hero__thumbs.is-2,
  .emaq-ftg-hero__thumbs.is-3,
  .emaq-ftg-hero__thumbs.is-4,
  .emaq-ftg-hero__thumbs.is-5 {
    display: flex;
    width: 100%;
    max-width: none;
    justify-content: flex-start;
    gap: 6px;
  }

  .emaq-ftg-hero.gallery-2
  .emaq-ftg-hero__meta
  + .emaq-ftg-hero__intro,
  .emaq-ftg-hero.gallery-3
  .emaq-ftg-hero__meta
  + .emaq-ftg-hero__intro,
  .emaq-ftg-hero.gallery-4
  .emaq-ftg-hero__meta
  + .emaq-ftg-hero__intro,
  .emaq-ftg-hero.gallery-5
  .emaq-ftg-hero__meta
  + .emaq-ftg-hero__intro {
    margin-top: 24px;
  }

  .emaq-ftg-hero.gallery-2
  .emaq-ftg-hero__benefits,
  .emaq-ftg-hero.gallery-3
  .emaq-ftg-hero__benefits,
  .emaq-ftg-hero.gallery-4
  .emaq-ftg-hero__benefits,
  .emaq-ftg-hero.gallery-5
  .emaq-ftg-hero__benefits {
    margin-top: 30px;
  }

  .emaq-ftg-hero__actions {
    gap: 14px;
  }

}


/* =========================================================
   FT EMAQ GENERAL · AJUSTE V10
   Galería simplificada y premium
========================================================= */

/* ---------------------------------------------------------
   1. UNA SOLA VISTA
   Se conserva exactamente la distribución aprobada.
--------------------------------------------------------- */

.emaq-ftg-hero.no-gallery
.emaq-ftg-hero__meta
+ .emaq-ftg-hero__intro {
  margin-top: 26px;
}

.emaq-ftg-hero.no-gallery
.emaq-ftg-hero__benefits {
  margin-top: 30px;
}


/* ---------------------------------------------------------
   2. TODA GALERÍA 2–5
   Mismo comportamiento vertical.
   La existencia de la fila, no su cantidad, define la altura.
--------------------------------------------------------- */

.emaq-ftg-hero.has-gallery
.emaq-ftg-hero__meta
+ .emaq-ftg-hero__intro {
  margin-top: 38px;
}

.emaq-ftg-hero.has-gallery
.emaq-ftg-hero__benefits {
  margin-top: 46px;
}

.emaq-ftg-hero.has-gallery
.emaq-ftg-hero__actions {
  margin-top: auto !important;
  padding-top: 38px;
}


/* ---------------------------------------------------------
   3. MINIATURAS
   Ocupan visualmente todo el ancho sin estirarse en exceso.
   El sobrante se absorbe en el espacio ENTRE miniaturas.
--------------------------------------------------------- */

.emaq-ftg-hero__thumbs {
  display: flex !important;
  align-items: stretch;
  justify-content: space-between;
  width: 100% !important;
  max-width: none !important;

  margin-top: 10px;
  margin-bottom: 0;

  gap: 0 !important;
}

/* Tamaño controlado por cantidad */
.emaq-ftg-hero__thumbs.is-2
.emaq-ftg-hero__thumb {
  flex: 0 0 132px;
  width: 132px;
}

.emaq-ftg-hero__thumbs.is-3
.emaq-ftg-hero__thumb {
  flex: 0 0 118px;
  width: 118px;
}

.emaq-ftg-hero__thumbs.is-4
.emaq-ftg-hero__thumb {
  flex: 0 0 108px;
  width: 108px;
}

.emaq-ftg-hero__thumbs.is-5
.emaq-ftg-hero__thumb {
  flex: 0 0 calc((100% - 32px) / 5);
  width: calc((100% - 32px) / 5);
}

/* Con 5, usamos separación uniforme mínima */
.emaq-ftg-hero__thumbs.is-5 {
  gap: 8px !important;
  justify-content: flex-start;
}

.emaq-ftg-hero__thumb {
  min-width: 0;
  max-width: none;
  padding: 5px;
}

.emaq-ftg-hero__thumb-img {
  width: 100%;
  height: 54px;
  object-fit: contain;
}


/* ---------------------------------------------------------
   4. MARGEN VERTICAL REALMENTE SIMÉTRICO
   10 px visor→miniaturas y 10 px miniaturas→borde interior.
--------------------------------------------------------- */

.emaq-ftg-hero.has-gallery
.emaq-ftg-hero__visual {
  padding-bottom: 10px !important;
}

.emaq-ftg-hero.has-gallery
.emaq-ftg-hero__thumbs {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   5. CTA
   Mantener la separación aprobada.
--------------------------------------------------------- */

.emaq-ftg-hero__actions {
  gap: 32px;
}


/* ---------------------------------------------------------
   6. MÓVIL
   Galería horizontal compacta.
--------------------------------------------------------- */

@media (max-width: 640px) {

  .emaq-ftg-hero__thumbs {
    display: flex !important;
    justify-content: flex-start;
    width: 100% !important;
    gap: 6px !important;

    overflow-x: auto;
    overflow-y: hidden;

    margin-top: 8px !important;
    margin-bottom: 0 !important;

    padding-bottom: 2px;

    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .emaq-ftg-hero__thumbs::-webkit-scrollbar {
    display: none;
  }

  .emaq-ftg-hero__thumbs.is-2
  .emaq-ftg-hero__thumb,
  .emaq-ftg-hero__thumbs.is-3
  .emaq-ftg-hero__thumb,
  .emaq-ftg-hero__thumbs.is-4
  .emaq-ftg-hero__thumb,
  .emaq-ftg-hero__thumbs.is-5
  .emaq-ftg-hero__thumb {
    flex: 0 0 78px;
    width: 78px;
  }

  .emaq-ftg-hero.has-gallery
  .emaq-ftg-hero__meta
  + .emaq-ftg-hero__intro {
    margin-top: 24px;
  }

  .emaq-ftg-hero.has-gallery
  .emaq-ftg-hero__benefits {
    margin-top: 30px;
  }

  .emaq-ftg-hero__actions {
    gap: 14px;
  }

}


/* =========================================================
   FT EMAQ GENERAL · ESPECIFICACIONES V11
   32 / 40 / 28 + franja inferior opcional
========================================================= */

.emaq-ftg-specs-v11 {
  padding-bottom: 0;
}

.emaq-ftg-specs-v11__columns {
  display: grid;
  grid-template-columns:
    minmax(0, 32fr)
    minmax(0, 40fr)
    minmax(0, 28fr);
  gap: 0;
  padding: 0 20px 20px;
}

.emaq-ftg-specs-v11__group {
  min-width: 0;
  padding: 0 18px 10px;
}

.emaq-ftg-specs-v11__group:first-child {
  padding-left: 0;
}

.emaq-ftg-specs-v11__group:last-child {
  padding-right: 0;
}

.emaq-ftg-specs-v11__group + .emaq-ftg-specs-v11__group {
  border-left: 1px solid var(--ft-border-mid);
}

.emaq-ftg-specs-v11__group-title {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 30px;
  margin: 0 0 8px;
  padding: 7px 10px 7px 14px;
  background:
    linear-gradient(
      90deg,
      rgba(34,42,82,.055) 0%,
      rgba(34,42,82,.018) 100%
    );
  border-bottom: 1px solid var(--ft-border-mid);
  color: var(--emaq-blue);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.emaq-ftg-specs-v11__group-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--ft-line-accent);
}

.emaq-ftg-specs-v11__row {
  display: grid;
  grid-template-columns:
    minmax(105px, .84fr)
    minmax(0, 1.16fr);
  gap: 14px;
  padding: 7px 8px;
  color: var(--emaq-blue);
  font-size: 11px;
  line-height: 1.35;
}

.emaq-ftg-specs-v11__row > div:first-child {
  font-weight: 850;
}

.emaq-ftg-specs-v11__row > div:last-child {
  min-width: 0;
  color: rgba(17,24,39,.88);
  font-weight: 500;
  overflow-wrap: anywhere;
}

/* INFORMACIÓN ADICIONAL */

.emaq-ftg-specs-v11__additional {
  margin: 0 20px 20px;
  padding-top: 2px;
  border-top: 1px solid var(--ft-border-mid);
}

.emaq-ftg-specs-v11__additional
.emaq-ftg-specs-v11__group-title {
  margin-bottom: 0;
}

.emaq-ftg-specs-v11__additional-grid {
  display: grid;
  gap: 0;
  background: rgba(255,255,255,.68);
}

.emaq-ftg-specs-v11__additional-grid.is-1 {
  grid-template-columns: 1fr;
}

.emaq-ftg-specs-v11__additional-grid.is-2 {
  grid-template-columns: repeat(2, minmax(0,1fr));
}

.emaq-ftg-specs-v11__additional-grid.is-3 {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

.emaq-ftg-specs-v11__additional-item {
  display: grid;
  grid-template-columns:
    minmax(118px, .75fr)
    minmax(0, 1.25fr);
  gap: 14px;
  min-width: 0;
  padding: 10px 12px;
  color: var(--emaq-blue);
  font-size: 10.5px;
  line-height: 1.4;
}

.emaq-ftg-specs-v11__additional-item
+ .emaq-ftg-specs-v11__additional-item {
  border-left: 1px solid var(--ft-border-mid);
}

.emaq-ftg-specs-v11__additional-item strong {
  font-weight: 850;
}

.emaq-ftg-specs-v11__additional-item span {
  min-width: 0;
  color: rgba(17,24,39,.82);
  overflow-wrap: anywhere;
}

@media (max-width: 1050px) {
  .emaq-ftg-specs-v11__columns {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1.18fr)
      minmax(0, .9fr);
  }

  .emaq-ftg-specs-v11__row {
    grid-template-columns:
      minmax(92px, .8fr)
      minmax(0, 1.2fr);
    gap: 10px;
  }
}

@media (max-width: 760px) {
  .emaq-ftg-specs-v11__columns {
    grid-template-columns: 1fr;
    padding: 0 14px 14px;
  }

  .emaq-ftg-specs-v11__group {
    padding: 0 0 12px;
  }

  .emaq-ftg-specs-v11__group
  + .emaq-ftg-specs-v11__group {
    border-left: 0;
    border-top: 1px solid var(--ft-border-mid);
    padding-top: 12px;
  }

  .emaq-ftg-specs-v11__additional {
    margin: 0 14px 14px;
  }

  .emaq-ftg-specs-v11__additional-grid.is-2,
  .emaq-ftg-specs-v11__additional-grid.is-3 {
    grid-template-columns: 1fr;
  }

  .emaq-ftg-specs-v11__additional-item
  + .emaq-ftg-specs-v11__additional-item {
    border-left: 0;
    border-top: 1px solid var(--ft-border-mid);
  }
}


/* =========================================================
   FT EMAQ GENERAL · ESPECIFICACIONES V12
   Microajustes desktop aprobados
========================================================= */

/* Encabezados más integrados con cada columna */
.emaq-ftg-specs-v11__group-title {
  margin-bottom: 6px;
  min-height: 28px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 9.5px;
}

/* Bloque superior más compacto */
.emaq-ftg-specs-v11__columns {
  padding-bottom: 10px;
}

.emaq-ftg-specs-v11__group {
  padding-bottom: 4px;
}

/* Información adicional más cerca del bloque superior */
.emaq-ftg-specs-v11__additional {
  margin-top: 0;
  padding-top: 0;
}

/* Filas ligeramente más compactas */
.emaq-ftg-specs-v11__row {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* Construcción conserva su aire natural */
.emaq-ftg-specs-v11__group--construction {
  align-self: start;
}


/* =========================================================
   FT EMAQ GENERAL · CRITERIO + APLICACIONES V13
   Desktop: 35 / 65 · mayor densidad y jerarquía
========================================================= */

/* ---------------------------------------------------------
   1. PROPORCIÓN GENERAL
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-lower-grid--benefits-apps {
  grid-template-columns:
    minmax(0, 35fr)
    minmax(0, 65fr);
  gap: 18px;
  align-items: stretch;
}


/* ---------------------------------------------------------
   2. CRITERIO TÉCNICO
   Deja de sentirse como tarjeta flotante sobredimensionada.
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-lower-grid__cell--benefits {
  min-width: 0;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-identifier {
  height: 100%;
  min-height: 0;
  border-radius: 18px;
  box-shadow: none;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-identifier__inner {
  height: 100%;
  box-sizing: border-box;

  padding: 24px 26px 26px;
  text-align: left;
}

.emaq-ftg-criterion__kicker {
  margin-bottom: 16px;
  color: var(--emaq-blue);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.emaq-ftg-criterion__kicker::after {
  content: "";
  display: block;
  width: 54px;
  height: 3px;
  margin-top: 10px;
  background: var(--ft-line-accent);
  border-radius: 999px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-identifier__title {
  max-width: 360px;
  margin: 4px 0 0;
  color: var(--emaq-blue);
  font-size: clamp(24px, 2.1vw, 34px);
  font-weight: 900;
  line-height: .98;
  letter-spacing: -.035em;
  text-align: left;
  text-transform: uppercase;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-identifier__text {
  max-width: 430px;
  margin-top: 18px;

  color: rgba(34,42,82,.72);
  font-size: 13px;
  line-height: 1.55;

  text-align: justify;
  text-justify: inter-word;

  hyphens: none;
  -webkit-hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}gn: left;
}

/* Si existen beneficios 4–7, mantenerlos compactos */
.emaq-ftv4[data-linea="general"]
.emaq-ftv4-identifier__benefits {
  margin-top: 20px;
  gap: 10px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-identifier__benefit {
  padding: 0;
}


/* ---------------------------------------------------------
   3. APLICACIONES
   Más ancho, tarjetas más compactas y técnicas.
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-lower-grid__cell--apps {
  min-width: 0;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps {
  border-radius: 18px;
  height: 100%;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__head {
  padding: 10px 20px 10px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__head
.emaq-ftv4-section-title {
  margin: 0;
  font-size: clamp(24px, 2.15vw, 34px);
  line-height: 1;
  letter-spacing: -.035em;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  padding: 8px 20px 16px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__item {
  min-height: 0 !important;
  padding: 13px 10px 14px;
  border-radius: 14px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__status {
  gap: 7px;
  margin-bottom: 10px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__status-icon {
  width: 18px;
  height: 18px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__status-label {
  font-size: 9px;
  letter-spacing: .03em;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__title {
  width: 100%;
  max-width: none;

  min-height: 0 !important;
  margin: 0;

  font-size: 12px;
  line-height: 1.18;

  text-align: left;
  text-wrap: balance;

  hyphens: none;
  -webkit-hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__caption {
  width: 100%;
  max-width: none;

  margin: 10px 0 0;

  color: rgba(34,42,82,.68);
  font-size: 11px;
  line-height: 1.45;

  text-align: justify;
  text-justify: inter-word;

  hyphens: none;
  -webkit-hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__item-note {
  margin-top: 10px;
  padding-top: 9px;
  font-size: 10px;
  line-height: 1.4;
}

/* Si hay imagen, no permitir que vuelva a inflar la tarjeta */
.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__media {
  margin-top: 10px;
  min-height: 0;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__icon {
  width: 100%;
  height: 72px;
  object-fit: contain;
}


/* ---------------------------------------------------------
   4. LEYENDA
   Se conserva, pero baja de peso visual.
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__legend {
  gap: 10px;
  padding: 12px 20px 16px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__legend-item {
  gap: 8px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__legend-item strong {
  font-size: 9px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__legend-item span {
  font-size: 9px;
  line-height: 1.35;
}


/* ---------------------------------------------------------
   5. DESKTOP INTERMEDIO
--------------------------------------------------------- */

@media (max-width: 1050px) {

  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-lower-grid--benefits-apps {
    grid-template-columns:
      minmax(0, 38fr)
      minmax(0, 62fr);
  }

  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-apps__grid {
    gap: 10px;
  }

}


/* ---------------------------------------------------------
   6. FALLBACK RESPONSIVE
   Afinación móvil se hará al cerrar desktop.
--------------------------------------------------------- */

@media (max-width: 760px) {

  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-lower-grid--benefits-apps {
    grid-template-columns: 1fr;
  }

  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-apps__grid {
    grid-template-columns: 1fr;
  }

  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-identifier__inner {
    padding: 20px;
  }

}


/* =========================================================
   FT EMAQ GENERAL · APLICACIONES V14
   Leyenda compacta + mayor equilibrio vertical
========================================================= */

/* ---------------------------------------------------------
   1. TARJETAS
   Un poco más compactas para cerrar mejor el bloque.
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__item {
  padding: 13px 13px 14px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__status {
  margin-bottom: 10px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__caption {
  margin-top: 8px;
  line-height: 1.4;
}


/* ---------------------------------------------------------
   2. LEYENDA COMPACTA
   Deja de parecer una segunda fila de aplicaciones.
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__legend {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 12px;

  margin: 0 20px 14px;
  padding: 10px 0 0;

  border-top: 1px solid var(--ft-border-mid);
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__legend-item {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__legend-item
.emaq-ftv4-apps__status-icon {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__legend-item strong {
  flex: 0 0 auto;
  font-size: 8.5px;
  line-height: 1;
  letter-spacing: .02em;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps__legend-item span {
  min-width: 0;
  font-size: 8.5px;
  line-height: 1.25;
}


/* ---------------------------------------------------------
   3. CIERRE VISUAL DEL BLOQUE
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-apps {
  padding-bottom: 1px;
}


/* ---------------------------------------------------------
   4. RESPONSIVE DE SEGURIDAD
   La afinación móvil se hará al final.
--------------------------------------------------------- */

@media (max-width: 760px) {

  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-apps__legend {
    grid-template-columns: 1fr;
    gap: 8px;
  }

}


/* =========================================================
   FT EMAQ GENERAL · ARTÍCULOS RELACIONADOS V15
   Componente visual completo
========================================================= */

/* ---------------------------------------------------------
   1. CONTENEDOR
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles {
  height: 100%;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
}


/* ---------------------------------------------------------
   2. CABECERA
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__head {
  padding: 20px 20px 10px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__head
.emaq-ftv4-section-title {
  margin: 0;
  color: var(--emaq-blue);
  font-size: clamp(24px, 2.1vw, 34px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__subtitle {
  max-width: 760px;
  margin-top: 10px;
  color: rgba(34,42,82,.68);
  font-size: 11px;
  line-height: 1.45;
}


/* ---------------------------------------------------------
   3. GRID DINÁMICO
   1 = ancho completo
   2 = 2 columnas
   3 = 3 columnas
   4 = 2 x 2
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__grid {
  display: grid;
  gap: 12px;
  padding: 8px 20px 20px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__grid.is-1 {
  grid-template-columns: 1fr;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__grid.is-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__grid.is-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__grid.is-4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}


/* ---------------------------------------------------------
   4. TARJETA
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  padding: 16px;
  border: 1px solid var(--ft-border-mid);
  border-radius: 14px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.emaq-ftv4[data-linea="general"]
a.emaq-ftv4-articles__item:hover {
  transform: translateY(-2px);
  border-color: var(--ft-line-accent);
  box-shadow: 0 10px 26px rgba(17,24,39,.07);
}


/* ---------------------------------------------------------
   5. KICKER / CATEGORÍA
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__eyebrow {
  margin-bottom: 10px;
  color: var(--ft-line-accent);
  font-size: 8.5px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}


/* ---------------------------------------------------------
   6. TÍTULO
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__title {
  margin: 0;
  color: var(--emaq-blue);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.22;
  letter-spacing: -.015em;
}


/* ---------------------------------------------------------
   7. RESUMEN
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__text {
  margin-top: 10px;
  color: rgba(34,42,82,.68);
  font-size: 11px;
  line-height: 1.48;

  text-align: justify;
  text-justify: inter-word;

  hyphens: none;
  -webkit-hyphens: none;
  overflow-wrap: normal;
  word-break: normal;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}


/* ---------------------------------------------------------
   8. CUANDO SOLO HAY 1 ARTÍCULO
   Formato editorial horizontal y compacto.
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__grid.is-1
.emaq-ftv4-articles__item {
  padding: 18px 20px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__grid.is-1
.emaq-ftv4-articles__title {
  font-size: 15px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-articles__grid.is-1
.emaq-ftv4-articles__text {
  max-width: 820px;
  -webkit-line-clamp: 3;
}


/* ---------------------------------------------------------
   9. FILA ARTÍCULOS + CTA
--------------------------------------------------------- */

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-lower-grid--action {
  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(320px, .65fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 18px;
}

.emaq-ftv4[data-linea="general"]
.emaq-ftv4-lower-grid__cell--articles,
.emaq-ftv4[data-linea="general"]
.emaq-ftv4-lower-grid__cell--action {
  min-width: 0;
}


/* ---------------------------------------------------------
   10. DESKTOP INTERMEDIO
--------------------------------------------------------- */

@media (max-width: 1100px) {

  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-articles__grid.is-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}


/* ---------------------------------------------------------
   11. RESPONSIVE DE SEGURIDAD
   La afinación móvil se hará al final.
--------------------------------------------------------- */

@media (max-width: 760px) {

  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-lower-grid--action {
    grid-template-columns: 1fr;
  }

  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-articles__grid.is-2,
  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-articles__grid.is-3,
  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-articles__grid.is-4 {
    grid-template-columns: 1fr;
  }

  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-articles__head {
    padding: 18px 16px 8px;
  }

  .emaq-ftv4[data-linea="general"]
  .emaq-ftv4-articles__grid {
    padding: 8px 16px 16px;
  }

}