/* Servicio técnico independiente · sistema hero integrado, cargado al final de la cascada. */
.service-hero-grid,
body.line-page .service-hero-grid,
body.service-equipment-page .service-hero-grid {
  position: relative;
  min-height: 720px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(8,29,53,.08);
  border-radius: 24px;
  background: #f8fbff;
  box-shadow: 0 28px 70px rgba(8,29,53,.14);
  isolation: isolate;
}

@media (min-width:601px) and (max-width:900px) {
  html[data-brand="sime"] body.family-page .family-hero-editorial[data-equipment="acumuladores"] .brand-hero-backdrop img {
    object-position:100% center !important;
  }
}

/* Sony: la escena vertical concentra el televisor y la comprobación HDMI a la
   derecha. El encuadre mantiene cabeza, manos, cable y pantalla dentro de la
   zona segura móvil sin desplazar el texto comercial. */
@media (max-width:760px) {
  html[data-brand="sony"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="sony"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:75% center;
    transform:none;
  }
}

/* Philips: el retrato vertical reserva lectura a la izquierda y mantiene al
   técnico, su rostro, las dos manos, el medidor y el televisor en la zona
   segura derecha. Esta regla va al cierre para prevalecer sobre el marco
   móvil común. */
@media (max-width:760px) {
  html[data-brand="philips"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="philips"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:76% center;
    transform:none;
  }
}

/* Viessmann: la fotografía vertical deja la lectura en la mitad superior y
   conserva caldera, rostro, manos e instrumento en el tercio derecho. */
@media (max-width:760px) {
  html[data-brand="viessmann"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="viessmann"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:75% center !important;
    transform:none;
  }
}

/* Beretta: los dos retratos fueron compuestos con zona de lectura a la
   izquierda. El encuadre protege cabeza, manos, instrumento y equipo. */
@media (max-width:760px) {
  html[data-brand="beretta"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="beretta"] body.family-page .family-hero-editorial[data-equipment="calderas"] .brand-hero-backdrop img {
    object-position:72% center !important;
    transform:none;
  }

  html[data-brand="beretta"] body.family-page .family-hero-editorial[data-equipment="calentadores"] .brand-hero-backdrop img {
    object-position:70% center !important;
    transform:none;
  }
}

/* Biasi: el retrato vertical mantiene caldera, técnico, rostro, manos y
   medición exterior en la zona segura derecha, lejos del degradado de texto. */
@media (max-width:760px) {
  html[data-brand="biasi"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="biasi"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:72% center !important;
    transform:none;
  }
}

/* Chaffoteaux: las escenas verticales reservan lectura a la izquierda y
   protegen equipo, rostro, manos e instrumento en el lateral derecho. */
@media (max-width:760px) {
  html[data-brand="chaffoteaux"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="chaffoteaux"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:100% center !important;
    transform:none;
  }

  html[data-brand="chaffoteaux"] body.family-page .family-hero-editorial[data-equipment="bombas-de-calor"] .brand-hero-backdrop img {
    object-position:100% center !important;
  }
}

/* ACV: aparato y técnico ocupan el lateral derecho; el copy permanece en la zona oscura izquierda. */
@media (max-width:760px) {
  html[data-brand="acv"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="acv"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:100% center !important;
    transform:none;
  }
}

/* De Dietrich: carbón y amarillo quedan aislados en su familia; equipo y técnico permanecen a la derecha. */
@media (max-width:760px) {
  html[data-brand="de-dietrich"] body.brand-page .brand-hero-editorial,
  html[data-brand="de-dietrich"] body.brand-page .brand-hero-frame,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:1050px;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#fffdf7 0,#fffdf7 51%,rgba(255,253,247,.96) 54%,rgba(255,253,247,.55) 59%,rgba(255,253,247,0) 65%);
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-backdrop,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    top:570px;
    bottom:auto;
    height:480px;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:100% center !important;
    transform:none;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-frame,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.25rem;
    padding-bottom:480px;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-copy,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:none;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-copy h1,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:23rem;
    font-size:clamp(2.25rem,10.8vw,2.7rem);
    line-height:.98;
    text-wrap:pretty;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-equipment-line,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-equipment-line {
    margin-top:.7rem;
    font-size:.58rem;
    line-height:1.35;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-problem,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    margin-top:.72rem;
    font-size:.94rem;
    line-height:1.28;
  }
}

/* Fondital: en móvil el relato comercial ocupa una zona clara superior y la
   escena técnica continúa debajo mediante un degradado, sin tapar rostro,
   manos, instrumento ni aparato. */
@media (min-width:761px) and (max-width:900px) {
  html[data-brand="fondital"] body.brand-page .brand-hero-editorial,
  html[data-brand="fondital"] body.brand-page .brand-hero-frame,
  html[data-brand="fondital"] body.family-page .family-hero-editorial,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:1400px;
  }

  html[data-brand="fondital"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="fondital"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#fffafa 0%,#fffafa 48%,rgba(255,250,250,.96) 53%,rgba(255,250,250,.48) 61%,rgba(255,250,250,0) 70%);
  }

  html[data-brand="fondital"] body.brand-page .brand-hero-backdrop,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    inset:610px 0 0;
    width:100%;
    height:590px;
  }

  html[data-brand="fondital"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:center 62% !important;
    transform:none;
  }

  html[data-brand="fondital"] body.brand-page .brand-hero-frame,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-bottom:590px;
  }

  html[data-brand="fondital"] body.brand-page .brand-hero-copy,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:44rem;
  }
}

@media (max-width:760px) {
  html[data-brand="fondital"] body.brand-page .brand-hero-editorial,
  html[data-brand="fondital"] body.brand-page .brand-hero-frame,
  html[data-brand="fondital"] body.family-page .family-hero-editorial,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:1060px;
  }

  html[data-brand="fondital"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="fondital"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#fffafa 0%,#fffafa 49%,rgba(255,250,250,.97) 54%,rgba(255,250,250,.52) 61%,rgba(255,250,250,0) 70%);
  }

  html[data-brand="fondital"] body.brand-page .brand-hero-backdrop,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    inset:555px 0 0;
    width:100%;
    height:505px;
  }

  html[data-brand="fondital"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:79% center !important;
    transform:none;
  }

  html[data-brand="fondital"] body.brand-page .brand-hero-frame,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.25rem;
    padding-bottom:500px;
  }

  html[data-brand="fondital"] body.brand-page .brand-hero-copy,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:none;
  }

  html[data-brand="fondital"] body.brand-page .brand-hero-copy h1,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:21rem;
    font-size:clamp(2.2rem,10.4vw,2.65rem);
    line-height:.98;
  }

  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(1.92rem,8.8vw,2.2rem);
    line-height:.99;
  }

  html[data-brand="fondital"] body.brand-page .brand-equipment-line,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-equipment-line {
    font-size:.6rem;
    line-height:1.35;
  }

  html[data-brand="fondital"] body.brand-page .brand-hero-problem,
  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    font-size:.93rem;
    line-height:1.28;
  }

  html[data-brand="fondital"] body.family-page .family-hero-editorial .brand-hero-problem {
    font-size:.84rem;
    line-height:1.22;
  }
}

@media (max-width:760px) {
  html[data-brand="samsung"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="samsung"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:60% center;
    transform:none;
  }

  html[data-brand="samsung"] body.family-page .family-hero-editorial[data-equipment="lavadoras"] .brand-hero-backdrop img {
    object-position:70% center;
  }

  html[data-brand="samsung"] body.family-page .family-hero-editorial[data-equipment="lavasecadoras"] .brand-hero-backdrop img {
    object-position:72% center;
  }
}

/* Immergas: el copy se resuelve primero sobre blanco y la escena técnica
   continúa debajo. Así el degradado nunca invade rostro, manos, instrumento
   ni el equipo real en los retratos dedicados. */
@media (max-width:760px) {
  html[data-brand="immergas"] body.brand-page .brand-hero-editorial,
  html[data-brand="immergas"] body.brand-page .brand-hero-frame,
  html[data-brand="immergas"] body.family-page .family-hero-editorial,
  html[data-brand="immergas"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:1200px;
  }

  html[data-brand="immergas"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="immergas"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#fff 0%,#fff 46%,rgba(255,255,255,.98) 50%,rgba(255,255,255,.5) 57%,rgba(255,255,255,0) 66%);
  }

  html[data-brand="immergas"] body.brand-page .brand-hero-backdrop,
  html[data-brand="immergas"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    inset:590px 0 0;
    width:100%;
    height:810px;
    background:#f3f1ef;
  }

  html[data-brand="immergas"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="immergas"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit:cover;
    object-position:center 52% !important;
    transform:none;
  }

  html[data-brand="immergas"] body.brand-page .brand-hero-frame,
  html[data-brand="immergas"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:1400px;
    padding-top:1.25rem;
    padding-bottom:810px;
  }

  html[data-brand="immergas"] body.brand-page .brand-hero-copy,
  html[data-brand="immergas"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:none;
  }

  html[data-brand="immergas"] body.brand-page .brand-hero-copy h1,
  html[data-brand="immergas"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(2.2rem,10.5vw,2.62rem);
    line-height:.98;
    text-wrap:pretty;
  }

  html[data-brand="immergas"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    font-size:clamp(1.92rem,8.8vw,2.2rem);
  }

  html[data-brand="immergas"] body.brand-page .brand-equipment-line,
  html[data-brand="immergas"] body.family-page .family-hero-editorial .brand-equipment-line {
    font-size:.6rem;
    line-height:1.35;
  }

  html[data-brand="immergas"] body.brand-page .brand-hero-problem,
  html[data-brand="immergas"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    font-size:.91rem;
    line-height:1.25;
  }

  html[data-brand="immergas"] body.brand-page .brand-reference-chip,
  html[data-brand="immergas"] body.family-page .family-hero-editorial .brand-reference-chip {
    display:none;
  }
}

/* Manaut: la variante móvil mantiene el texto comercial sobre blanco y
   continúa hacia la escena dedicada. El retrato conserva cabeza, manos,
   instrumento, tuberías y caldera fuera del degradado de lectura. */
@media (max-width:760px) {
  html[data-brand="manaut"] body.brand-page .brand-hero-editorial,
  html[data-brand="manaut"] body.brand-page .brand-hero-frame,
  html[data-brand="manaut"] body.family-page .family-hero-editorial,
  html[data-brand="manaut"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:1180px;
  }

  html[data-brand="manaut"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="manaut"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#fffdf8 0%,#fffdf8 49%,rgba(255,253,248,.97) 54%,rgba(255,253,248,.5) 61%,rgba(255,253,248,0) 69%);
  }

  html[data-brand="manaut"] body.brand-page .brand-hero-backdrop,
  html[data-brand="manaut"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    inset:555px 0 0;
    width:100%;
    height:625px;
    background:#f4eee3;
  }

  html[data-brand="manaut"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="manaut"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit:cover;
    object-position:center 54% !important;
    transform:none;
  }

  html[data-brand="manaut"] body.brand-page .brand-hero-frame,
  html[data-brand="manaut"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.25rem;
    padding-bottom:625px;
  }

  html[data-brand="manaut"] body.brand-page .brand-hero-copy,
  html[data-brand="manaut"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:none;
  }

  html[data-brand="manaut"] body.brand-page .brand-hero-copy h1,
  html[data-brand="manaut"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(2.12rem,10vw,2.55rem);
    line-height:.98;
    text-wrap:pretty;
  }

  html[data-brand="manaut"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    font-size:clamp(1.9rem,8.7vw,2.18rem);
  }

  html[data-brand="manaut"] body.brand-page .brand-equipment-line,
  html[data-brand="manaut"] body.family-page .family-hero-editorial .brand-equipment-line {
    font-size:.6rem;
    line-height:1.35;
  }

  html[data-brand="manaut"] body.brand-page .brand-hero-problem,
  html[data-brand="manaut"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    font-size:.89rem;
    line-height:1.24;
  }

  html[data-brand="manaut"] body.brand-page .brand-reference-chip,
  html[data-brand="manaut"] body.family-page .family-hero-editorial .brand-reference-chip {
    display:none;
  }
}

/* Sime: blanco, grafito y cian técnico. En móvil, el contenido comercial
   precede a una escena vertical propia que conserva técnico, manos y caldera. */
@media (max-width:760px) {
  html[data-brand="sime"] body.brand-page .brand-hero-editorial,
  html[data-brand="sime"] body.brand-page .brand-hero-frame,
  html[data-brand="sime"] body.family-page .family-hero-editorial,
  html[data-brand="sime"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:1180px;
  }

  html[data-brand="sime"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="sime"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#fbfdfe 0%,#fbfdfe 49%,rgba(251,253,254,.97) 54%,rgba(251,253,254,.5) 61%,rgba(251,253,254,0) 69%);
  }

  html[data-brand="sime"] body.brand-page .brand-hero-backdrop,
  html[data-brand="sime"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    inset:555px 0 0;
    width:100%;
    height:625px;
    background:#edf3f5;
  }

  html[data-brand="sime"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="sime"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit:cover;
    object-position:center 48% !important;
    transform:none;
  }

  html[data-brand="sime"] body.brand-page .brand-hero-frame,
  html[data-brand="sime"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.25rem;
    padding-bottom:625px;
  }

  html[data-brand="sime"] body.brand-page .brand-hero-copy,
  html[data-brand="sime"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:none;
  }

  html[data-brand="sime"] body.brand-page .brand-hero-copy h1,
  html[data-brand="sime"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(2.12rem,10vw,2.55rem);
    line-height:.98;
    text-wrap:pretty;
  }

  html[data-brand="sime"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    font-size:clamp(1.9rem,8.7vw,2.18rem);
  }

  html[data-brand="sime"] body.brand-page .brand-equipment-line,
  html[data-brand="sime"] body.family-page .family-hero-editorial .brand-equipment-line {
    font-size:.6rem;
    line-height:1.35;
  }

  html[data-brand="sime"] body.brand-page .brand-hero-problem,
  html[data-brand="sime"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    font-size:.89rem;
    line-height:1.24;
  }

  html[data-brand="sime"] body.brand-page .brand-reference-chip,
  html[data-brand="sime"] body.family-page .family-hero-editorial .brand-reference-chip {
    display:none;
  }
}

/* Hermann: negro, naranja y blanco quedan aislados en su familia. La escena
   vertical permite leer primero la decisión y continuar hacia técnico,
   herramienta, tubería y caldera sin superponer elementos críticos. */
@media (min-width:761px) and (max-width:900px) {
  html[data-brand="hermann"] body.brand-page .brand-hero-editorial,
  html[data-brand="hermann"] body.brand-page .brand-hero-frame,
  html[data-brand="hermann"] body.family-page .family-hero-editorial,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:1180px;
  }

  html[data-brand="hermann"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="hermann"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#fffaf4 0%,#fffaf4 47%,rgba(255,250,244,.97) 53%,rgba(255,250,244,.42) 62%,rgba(255,250,244,0) 72%);
  }

  html[data-brand="hermann"] body.brand-page .brand-hero-backdrop,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    inset:585px 0 0;
    width:100%;
    height:595px;
  }

  html[data-brand="hermann"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:center 66% !important;
    transform:none;
  }

  html[data-brand="hermann"] body.brand-page .brand-hero-frame,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-bottom:590px;
  }

  html[data-brand="hermann"] body.brand-page .brand-hero-copy,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:44rem;
  }
}

@media (max-width:760px) {
  html[data-brand="hermann"] body.brand-page .brand-hero-editorial,
  html[data-brand="hermann"] body.brand-page .brand-hero-frame,
  html[data-brand="hermann"] body.family-page .family-hero-editorial,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:1060px;
  }

  html[data-brand="hermann"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="hermann"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#fffaf4 0%,#fffaf4 48%,rgba(255,250,244,.97) 54%,rgba(255,250,244,.45) 63%,rgba(255,250,244,0) 73%);
  }

  html[data-brand="hermann"] body.brand-page .brand-hero-backdrop,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    inset:0;
    width:100%;
    height:100%;
  }

  html[data-brand="hermann"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:54% top !important;
    transform:none;
  }

  html[data-brand="hermann"] body.brand-page .brand-hero-frame,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:1060px;
    padding-top:1.25rem;
    padding-bottom:510px;
  }

  html[data-brand="hermann"] body.brand-page .brand-hero-copy,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:none;
  }

  html[data-brand="hermann"] body.brand-page .brand-hero-copy h1,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(2.14rem,10vw,2.55rem);
    line-height:.98;
  }

  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    font-size:clamp(1.9rem,8.5vw,2.18rem);
  }

  html[data-brand="hermann"] body.brand-page .brand-equipment-line,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-equipment-line {
    font-size:.62rem;
    line-height:1.35;
  }

  html[data-brand="hermann"] body.brand-page .brand-hero-problem,
  html[data-brand="hermann"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    font-size:.86rem;
    line-height:1.28;
  }
}

/* De Dietrich · encuadre móvil definitivo. La lectura ocupa la franja izquierda
   y el degradado se disuelve antes del rostro, las manos y el aparato. */
@media (min-width:761px) and (max-width:900px) {
  html[data-brand="de-dietrich"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:82% center !important;
  }
}

@media (max-width:760px) {
  html[data-brand="de-dietrich"] body.brand-page .brand-hero-editorial,
  html[data-brand="de-dietrich"] body.brand-page .brand-hero-frame,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:960px;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(90deg,#fffdf7 0%,rgba(255,253,247,.99) 53%,rgba(255,253,247,.88) 63%,rgba(255,253,247,.34) 78%,rgba(255,253,247,0) 94%);
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-backdrop,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    inset:0;
    width:100%;
    height:100%;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-frame,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:960px;
    padding-top:1.25rem;
    padding-bottom:5rem;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-copy,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:68%;
    max-width:16.5rem;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-copy h1,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:15rem;
    font-size:clamp(2.05rem,9.4vw,2.38rem);
    line-height:.98;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-problem,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:15rem;
    font-size:.88rem;
    line-height:1.25;
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-actions,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-actions {
    width:100%;
    grid-template-columns:minmax(0,1fr);
  }

  html[data-brand="de-dietrich"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="de-dietrich"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:82% center !important;
    transform:none;
  }
}

@media (max-width:760px) {
  html[data-brand="philips"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="philips"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:76% center;
    transform:none;
  }
}

/* Ferroli: naranja técnico sobre negro y blanco, limitado a su familia.
   En móvil el contenido comercial precede a la escena y deja rostro, manos y
   equipo fuera de la zona de lectura. */
@media (max-width:760px) {
  html[data-brand="ferroli"] body.brand-page .brand-hero-editorial,
  html[data-brand="ferroli"] body.brand-page .brand-hero-frame,
  html[data-brand="ferroli"] body.family-page .family-hero-editorial,
  html[data-brand="ferroli"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:980px;
  }

  html[data-brand="ferroli"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="ferroli"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#fff8f2 0,#fff8f2 340px,rgba(255,248,242,.96) 365px,rgba(255,248,242,.55) 395px,rgba(255,248,242,0) 430px);
  }

  html[data-brand="ferroli"] body.brand-page .brand-hero-frame,
  html[data-brand="ferroli"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.25rem;
    padding-bottom:410px;
  }

  html[data-brand="ferroli"] body.brand-page .brand-hero-copy,
  html[data-brand="ferroli"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:none;
  }

  html[data-brand="ferroli"] body.brand-page .brand-hero-copy h1,
  html[data-brand="ferroli"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(2rem,9.2vw,2.45rem);
    line-height:.99;
    text-wrap:pretty;
  }

  html[data-brand="ferroli"] body.brand-page .brand-equipment-line,
  html[data-brand="ferroli"] body.family-page .family-hero-editorial .brand-equipment-line { display:none; }

  html[data-brand="ferroli"] body.brand-page .brand-hero-problem,
  html[data-brand="ferroli"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    margin-top:.72rem;
    font-size:.95rem;
    line-height:1.28;
  }

  html[data-brand="ferroli"] body.brand-page .brand-hero-actions,
  html[data-brand="ferroli"] body.family-page .family-hero-editorial .brand-hero-actions { margin-top:.82rem; }

  html[data-brand="ferroli"] body.brand-page .brand-hero-backdrop,
  html[data-brand="ferroli"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    top:170px;
    bottom:auto;
    height:810px;
    background:#f1e9e2;
  }

  html[data-brand="ferroli"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="ferroli"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit:cover;
    object-position:78% 43% !important;
    transform:none;
  }
}

/* Ariston: rojo limitado a jerarquía y CTA; la superficie clara conserva una
   lectura sobria y la escena técnica queda fuera del bloque de texto. */
@media (max-width:760px) {
  html[data-brand="ariston"] body.brand-page .brand-hero-editorial,
  html[data-brand="ariston"] body.brand-page .brand-hero-frame,
  html[data-brand="ariston"] body.family-page .family-hero-editorial,
  html[data-brand="ariston"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:980px;
  }

  html[data-brand="ariston"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="ariston"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#fff7f8 0,#fff7f8 340px,rgba(255,247,248,.97) 380px,rgba(255,247,248,.58) 435px,rgba(255,247,248,0) 500px);
  }

  html[data-brand="ariston"] body.brand-page .brand-hero-frame,
  html[data-brand="ariston"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.25rem;
    padding-bottom:410px;
  }

  html[data-brand="ariston"] body.brand-page .brand-hero-copy,
  html[data-brand="ariston"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:none;
  }

  html[data-brand="ariston"] body.brand-page .brand-hero-copy h1,
  html[data-brand="ariston"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(2rem,9.2vw,2.45rem);
    line-height:.99;
    text-wrap:pretty;
  }

  html[data-brand="ariston"] body.brand-page .brand-equipment-line,
  html[data-brand="ariston"] body.family-page .family-hero-editorial .brand-equipment-line { display:none; }

  html[data-brand="ariston"] body.brand-page .brand-hero-problem,
  html[data-brand="ariston"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    margin-top:.72rem;
    font-size:.95rem;
    line-height:1.28;
  }

  html[data-brand="ariston"] body.brand-page .brand-hero-actions,
  html[data-brand="ariston"] body.family-page .family-hero-editorial .brand-hero-actions { margin-top:.82rem; }

  html[data-brand="ariston"] body.brand-page .brand-hero-backdrop,
  html[data-brand="ariston"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    top:390px;
    bottom:auto;
    height:590px;
    background:#eee7e8;
  }

  html[data-brand="ariston"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="ariston"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit:cover;
    object-position:63% 48% !important;
    transform:none;
  }
}

/* Baxi: rojo técnico como acento, azul tinta para confianza y una superficie
   clara. En móvil el texto termina antes de la escena para proteger cara,
   manos, instrumento y aparato. */
@media (max-width:760px) {
  html[data-brand="baxi"] body.brand-page .brand-hero-editorial,
  html[data-brand="baxi"] body.brand-page .brand-hero-frame,
  html[data-brand="baxi"] body.family-page .family-hero-editorial,
  html[data-brand="baxi"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:980px;
  }

  html[data-brand="baxi"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="baxi"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#f7fafc 0,#f7fafc 330px,rgba(247,250,252,.98) 385px,rgba(247,250,252,.68) 455px,rgba(247,250,252,.08) 545px,rgba(247,250,252,0) 610px);
  }

  html[data-brand="baxi"] body.brand-page .brand-hero-frame,
  html[data-brand="baxi"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.25rem;
    padding-bottom:410px;
  }

  html[data-brand="baxi"] body.brand-page .brand-hero-copy,
  html[data-brand="baxi"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:none;
  }

  html[data-brand="baxi"] body.brand-page .brand-hero-copy h1,
  html[data-brand="baxi"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(2rem,9.2vw,2.45rem);
    line-height:.99;
    text-wrap:pretty;
  }

  html[data-brand="baxi"] body.brand-page .brand-equipment-line,
  html[data-brand="baxi"] body.family-page .family-hero-editorial .brand-equipment-line { display:none; }

  html[data-brand="baxi"] body.brand-page .brand-hero-problem,
  html[data-brand="baxi"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    margin-top:.72rem;
    font-size:.95rem;
    line-height:1.28;
  }

  html[data-brand="baxi"] body.brand-page .brand-hero-actions,
  html[data-brand="baxi"] body.family-page .family-hero-editorial .brand-hero-actions { margin-top:.82rem; }

  html[data-brand="baxi"] body.brand-page .brand-hero-backdrop,
  html[data-brand="baxi"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    inset:0;
    height:100%;
    background:#edf1f4;
  }

  html[data-brand="baxi"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="baxi"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit:cover;
    object-position:55% top !important;
    transform:translateY(-32px) scale(1.035);
    transform-origin:center top;
  }
}

@media (min-width:761px) and (max-width:900px) {
  html[data-brand="baxi"] body.brand-page .brand-hero-copy,
  html[data-brand="baxi"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:46%;
    max-width:22rem;
  }

  html[data-brand="baxi"] body.brand-page .brand-hero-copy h1,
  html[data-brand="baxi"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:21rem;
    font-size:clamp(2.55rem,5.55vw,3.05rem);
    line-height:.96;
  }

  html[data-brand="baxi"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="baxi"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(90deg,#f7fafc 0%,rgba(247,250,252,.99) 35%,rgba(247,250,252,.87) 45%,rgba(247,250,252,.25) 58%,rgba(247,250,252,0) 68%);
  }
}

/* En tableta Ariston reserva una columna de lectura más estrecha para que el
   titular no invada la cara, las manos ni el punto de comprobación. */
@media (min-width:761px) and (max-width:900px) {
  html[data-brand="ariston"] body.brand-page .brand-hero-copy,
  html[data-brand="ariston"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:46%;
    max-width:22rem;
  }

  html[data-brand="ariston"] body.brand-page .brand-hero-copy h1,
  html[data-brand="ariston"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:21rem;
    font-size:clamp(2.55rem,5.55vw,3.05rem);
    line-height:.96;
  }

  html[data-brand="ariston"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="ariston"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 35%,rgba(255,255,255,.86) 45%,rgba(255,255,255,.24) 58%,rgba(255,255,255,0) 68%);
  }
}

.service-hero-grid::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(90deg,rgba(248,251,255,1) 0%,rgba(248,251,255,.995) 30%,rgba(248,251,255,.94) 42%,rgba(248,251,255,.68) 50%,rgba(248,251,255,.22) 58%,rgba(248,251,255,0) 66%);
  pointer-events: none;
}

.service-hero .hero-copy,
body.line-page .service-hero .hero-copy,
body.service-equipment-page .service-hero .hero-copy {
  position: relative;
  z-index: 2;
  width: min(56%,690px);
  min-height: 720px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2.7rem,4.5vw,4.8rem);
}

.service-hero .hero-photo,
body.line-page .service-hero .hero-photo,
body.service-equipment-page .service-hero .hero-photo {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  flex: none;
}

.service-hero .hero-photo::before,
.service-hero .hero-photo::after { display: none; }
.service-hero .hero-photo img { object-position: 58% center; }
.service-hero .hero-photo figcaption { display: none; }

@media (min-width:761px) and (max-width:900px) {
  .service-hero-grid,
  body.line-page .service-hero-grid,
  body.service-equipment-page .service-hero-grid { min-height:760px; }

  .service-hero .hero-copy,
  body.line-page .service-hero .hero-copy,
  body.service-equipment-page .service-hero .hero-copy {
    width:60%;
    min-height:760px;
    padding:2.2rem 1.8rem 3rem;
  }
}

@media (max-width:760px) {
  .home-hero-editorial,
  .home-hero-frame,
  .overview-hero,
  .overview-hero-frame,
  body.brand-page .brand-hero-editorial,
  body.brand-page .brand-hero-frame,
  body.family-page .family-hero-editorial,
  body.family-page .family-hero-editorial .brand-hero-frame { min-height:900px; }

  .home-hero-backdrop,
  .overview-hero-image,
  body.brand-page .brand-hero-backdrop,
  body.family-page .family-hero-editorial .brand-hero-backdrop {
    position:absolute;
    z-index:-2;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
  }

  .home-hero-backdrop::before,
  .overview-hero-image::after,
  body.brand-page .brand-hero-editorial::before,
  body.family-page .family-hero-editorial::before,
  .service-hero-grid::before {
    position:absolute;
    inset:0;
    width:auto;
    height:auto;
    content:"";
    background:linear-gradient(180deg,rgba(248,251,255,.94) 0%,rgba(248,251,255,.48) 18%,rgba(248,251,255,0) 36%),linear-gradient(90deg,rgba(248,251,255,1) 0%,rgba(248,251,255,.99) 40%,rgba(248,251,255,.72) 54%,rgba(248,251,255,.12) 68%,rgba(248,251,255,0) 78%);
  }

  .home-hero-backdrop::before,
  .overview-hero-image::after { z-index:1; }

  body.brand-page .brand-hero-editorial::before,
  body.family-page .family-hero-editorial::before {
    z-index:-1;
    background:linear-gradient(180deg,color-mix(in srgb,var(--brand-soft) 18%,rgba(255,255,255,.94)) 0%,rgba(255,255,255,.46) 18%,rgba(255,255,255,0) 36%),linear-gradient(90deg,color-mix(in srgb,var(--brand-soft) 18%,#fff) 0%,rgba(255,255,255,.99) 40%,rgba(255,255,255,.7) 54%,rgba(255,255,255,.1) 68%,rgba(255,255,255,0) 78%);
  }

  html[data-brand="gaggenau"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="gaggenau"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,rgba(242,239,233,.94) 0%,rgba(242,239,233,.46) 18%,rgba(242,239,233,0) 36%),linear-gradient(90deg,rgba(242,239,233,1) 0%,rgba(242,239,233,.98) 40%,rgba(242,239,233,.68) 54%,rgba(242,239,233,.09) 68%,rgba(242,239,233,0) 78%);
  }
  html[data-brand="teka"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="teka"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.52) 18%,rgba(255,255,255,0) 36%),linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 40%,rgba(255,255,255,.72) 54%,rgba(255,255,255,.1) 68%,rgba(255,255,255,0) 78%);
  }

  .home-hero-backdrop::after,
  .overview-hero::after,
  body.brand-page .brand-hero-editorial::after,
  body.family-page .family-hero-editorial::after { display:none; }

  .home-hero-backdrop img,
  .overview-hero-image img,
  body.brand-page .brand-hero-backdrop img,
  html[data-brand] body.family-page .family-hero-editorial .brand-hero-backdrop img { object-position:68% center; }

  .home-hero-frame,
  .overview-hero-frame,
  body.brand-page .brand-hero-frame,
  body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:900px;
    align-items:flex-start;
    padding-top:2rem;
    padding-bottom:4.5rem;
  }

  .home-hero-copy,
  .overview-hero-copy,
  body.brand-page .brand-hero-copy,
  body.family-page .family-hero-editorial .brand-hero-copy,
  html[data-brand] body.family-page .brand-hero-copy { width:64%; }

  body.brand-page .brand-hero-actions,
  body.family-page .brand-hero-actions,
  .family-hero-editorial .brand-hero-actions {
    width:100%;
    grid-template-columns:minmax(0,1fr);
  }

  body.brand-page .brand-hero-lead,
  body.family-page .brand-hero-lead,
  body.brand-page .brand-call-note,
  body.family-page .brand-call-note,
  body.brand-page .brand-reference-inline,
  body.family-page .brand-reference-inline { display:none; }

  .service-hero-grid,
  body.line-page .service-hero-grid,
  body.service-equipment-page .service-hero-grid {
    min-height:860px;
    display:block;
    border-radius:18px;
  }

  .service-hero .hero-copy,
  body.line-page .service-hero .hero-copy,
  body.service-equipment-page .service-hero .hero-copy {
    width:64%;
    min-height:860px;
    padding:1.35rem 1rem 4rem;
    justify-content:flex-start;
  }

  .service-hero .hero-photo,
  body.line-page .service-hero .hero-photo,
  body.service-equipment-page .service-hero .hero-photo {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
    flex:none;
  }

  .service-hero .hero-photo img,
  body.line-page .service-hero .hero-photo img,
  body.service-equipment-page .service-hero .hero-photo img { object-position:68% center; }

  body.line-page .service-hero .hero-lead,
  body.service-equipment-page .service-hero .hero-lead,
  body.line-page .service-hero .service-trust,
  body.service-equipment-page .service-hero .service-trust,
  body.line-page .service-hero .button-appointment,
  body.service-equipment-page .service-hero .button-appointment,
  body.line-page .service-hero .cta-reassurance,
  body.service-equipment-page .service-hero .cta-reassurance { display:none !important; }

  .service-hero .cta-group,
  body.line-page .service-hero .cta-group,
  body.service-equipment-page .service-hero .cta-group { width:100%; }
}

/* Las fichas de modelo y avería deben cerrar el hero con una decisión visible,
   sin empequeñecer la escena ni alterar la portada corporativa aprobada. */
@media (min-width:901px) {
  body.model-detail-page .family-hero-editorial,
  body.fault-detail-page .family-hero-editorial,
  body.model-detail-page .family-hero-editorial .brand-hero-frame,
  body.fault-detail-page .family-hero-editorial .brand-hero-frame {
    min-height: 730px;
  }
  body.model-detail-page .family-hero-editorial .brand-hero-frame,
  body.fault-detail-page .family-hero-editorial .brand-hero-frame {
    padding-top: 2.3rem;
    padding-bottom: 7.5rem;
  }
  body.model-detail-page .family-hero-editorial .brand-hero-copy h1,
  body.fault-detail-page .family-hero-editorial .brand-hero-copy h1 {
    font-size: clamp(3.35rem,4.6vw,5.1rem);
    text-wrap: balance;
  }
  body.model-detail-page .family-hero-editorial .brand-specialist-label,
  body.fault-detail-page .family-hero-editorial .brand-specialist-label {
    margin-bottom: 1rem;
  }
  body.model-detail-page .family-hero-editorial .brand-equipment-line,
  body.fault-detail-page .family-hero-editorial .brand-equipment-line {
    margin-top: 1rem;
  }
}

@media (max-width:430px) {
  body.model-detail-page .family-hero-editorial .brand-hero-copy h1,
  body.fault-detail-page .family-hero-editorial .brand-hero-copy h1 {
    font-size: clamp(2rem,9.1vw,2.35rem);
    line-height: 1.02;
    text-wrap: pretty;
  }
}

/* Las referencias largas necesitan aire propio en tableta: el identificador
   completo sigue siendo legible sin invadir la zona segura del técnico. */
@media (min-width:431px) and (max-width:900px) {
  body.model-detail-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:31rem;
    font-size:clamp(2.35rem,5.3vw,2.75rem);
    line-height:.98;
    overflow-wrap:anywhere;
    text-wrap:pretty;
  }
}

/* Bosch Home Comfort: los encuadres móviles dedicados reservan el lado
   izquierdo al mensaje y sitúan equipo, rostro, manos y acción a la derecha. */
@media (max-width:760px) {
  html[data-brand="bosch"] body.family-page
    :is(.family-hero-editorial[data-equipment="calderas"],
        .family-hero-editorial[data-equipment="calentadores"],
        .family-hero-editorial[data-equipment="termos-electricos"],
        .family-hero-editorial[data-equipment="bombas-de-calor"],
        .family-hero-editorial[data-equipment="aire-acondicionado"])
    .brand-hero-backdrop img {
    object-fit:cover;
    object-position:80% center;
  }

  html[data-brand="bosch"] body.family-page
    :is(.family-hero-editorial[data-equipment="calderas"],
        .family-hero-editorial[data-equipment="calentadores"],
        .family-hero-editorial[data-equipment="termos-electricos"],
        .family-hero-editorial[data-equipment="bombas-de-calor"],
        .family-hero-editorial[data-equipment="aire-acondicionado"])
    .brand-hero-copy {
    width:50%;
  }

  html[data-brand="bosch"] body.family-page
    :is(.family-hero-editorial[data-equipment="calderas"],
        .family-hero-editorial[data-equipment="calentadores"],
        .family-hero-editorial[data-equipment="termos-electricos"],
        .family-hero-editorial[data-equipment="bombas-de-calor"],
        .family-hero-editorial[data-equipment="aire-acondicionado"])
    .brand-hero-copy h1 {
    font-size:clamp(2rem,8.7vw,2.15rem);
    line-height:.98;
  }

  html[data-brand="bosch"] body.family-page
    :is(.family-hero-editorial[data-equipment="calderas"],
        .family-hero-editorial[data-equipment="calentadores"],
        .family-hero-editorial[data-equipment="termos-electricos"],
        .family-hero-editorial[data-equipment="bombas-de-calor"],
        .family-hero-editorial[data-equipment="aire-acondicionado"])
    .brand-hero-actions {
    width:calc(100vw - 1.5rem);
  }

  /* Estas cinco escenas verticales ya incluyen una zona de lectura a la
     izquierda. Un marco más compacto permite reconocer equipo, rostro,
     manos y acción antes del primer desplazamiento sin separar la foto. */
  html[data-brand="bosch"] body.family-page
    :is(.family-hero-editorial[data-equipment="calderas"],
        .family-hero-editorial[data-equipment="calentadores"],
        .family-hero-editorial[data-equipment="termos-electricos"],
        .family-hero-editorial[data-equipment="bombas-de-calor"],
        .family-hero-editorial[data-equipment="aire-acondicionado"]),
  html[data-brand="bosch"] body.family-page
    :is(.family-hero-editorial[data-equipment="calderas"],
        .family-hero-editorial[data-equipment="calentadores"],
        .family-hero-editorial[data-equipment="termos-electricos"],
        .family-hero-editorial[data-equipment="bombas-de-calor"],
        .family-hero-editorial[data-equipment="aire-acondicionado"])
    .brand-hero-frame {
    min-height:700px;
  }
}

/* La home conserva sin cambios la composición corporativa previamente aprobada. */
.home-hero-editorial { min-height:820px; }
.home-hero-backdrop { position:absolute; z-index:-2; inset:0; width:auto; height:auto; min-height:0; }
.home-hero-backdrop::before {
  position:absolute;
  z-index:1;
  inset:0;
  content:"";
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 27%,rgba(255,255,255,.9) 43%,rgba(255,255,255,.3) 62%,rgba(255,255,255,0) 78%);
}
.home-hero-backdrop::after {
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  content:"";
  background:linear-gradient(0deg,rgba(255,255,255,.76),transparent 22%);
}
.home-hero-backdrop img { object-position:center 50%; }
.home-hero-frame { min-height:820px; align-items:center; padding-top:4.3rem; padding-bottom:5.7rem; }
.home-hero-copy { width:min(53%,690px); }

@media (max-width:1200px) {
  .home-hero-copy { width:min(57%,590px); }
  .home-hero-backdrop::before { background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.78) 57%,rgba(255,255,255,.08) 100%); }
}

@media (max-width:760px) {
  .home-hero-editorial { min-height:860px; }
  .home-hero-backdrop { position:absolute; z-index:-2; inset:0; width:auto; height:auto; min-height:0; }
  .home-hero-backdrop::before { background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 42%,rgba(255,255,255,.72) 67%,rgba(255,255,255,.04) 100%); }
  .home-hero-backdrop::after { display:block; background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.8) 17%,rgba(255,255,255,0) 38%); }
  .home-hero-backdrop img { object-position:74% center; }
  .home-hero-frame { min-height:860px; align-items:flex-start; padding-top:3rem; padding-bottom:5rem; }
  .home-hero-copy { width:72%; }
}

@media (max-width:430px) {
  .home-hero-editorial,
  .home-hero-frame { min-height:880px; }
  .home-hero-backdrop img { object-position:76% center; }
  .home-hero-copy { width:78%; }
}

@media (max-width:760px) {
  html[data-brand] body.brand-page .brand-hero-copy,
  html[data-brand] body.family-page .brand-hero-copy,
  html[data-brand] body.family-page .family-hero-editorial .brand-hero-copy { width:58%; }

  html[data-brand] body.brand-page .brand-hero-actions,
  html[data-brand] body.family-page .brand-hero-actions {
    width:100%;
    grid-template-columns:minmax(0,1fr);
  }

  html[data-brand] body.brand-page .brand-hero-backdrop img,
  html[data-brand] body.family-page .family-hero-editorial .brand-hero-backdrop img,
  .service-hero .hero-photo img,
  body.line-page .service-hero .hero-photo img,
  body.service-equipment-page .service-hero .hero-photo img { object-position:32% center; }

  html[data-brand="bosch"] body.brand-page .brand-hero-backdrop img {
    object-position:52% center;
    transform:translateY(-105px);
  }

  html[data-brand="saunier-duval"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="saunier-duval"] body.family-page .brand-hero-backdrop img {
    object-fit:contain;
    object-position:center 42%;
  }

  html[data-brand="miele"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="miele"] body.family-page .brand-hero-backdrop img {
    object-position:55% center;
    transform:translateY(-65px);
  }

  html[data-brand="junkers"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="junkers"] body.family-page .brand-hero-backdrop img { object-position:75% center; }

  /* Cointra: los retratos editoriales reservan lectura a la izquierda y
     sitúan técnico, manos y aparato en el tercio derecho. */
  html[data-brand="cointra"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="cointra"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:100% center;
  }

  html[data-brand="cointra"] body.brand-page .brand-hero-copy,
  html[data-brand="cointra"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:52%;
  }

  html[data-brand="cointra"] body.brand-page .brand-hero-actions,
  html[data-brand="cointra"] body.family-page .family-hero-editorial .brand-hero-actions {
    width:calc(100vw - 1.5rem);
  }

  html[data-brand="junkers"] body.brand-page .brand-hero-copy,
  html[data-brand="junkers"] body.family-page .brand-hero-copy { width:50%; }

  .service-hero .hero-copy,
  body.line-page .service-hero .hero-copy,
  body.service-equipment-page .service-hero .hero-copy { width:58%; }

  .service-hero .hero-photo img,
  body.line-page .service-hero .hero-photo img,
  body.service-equipment-page .service-hero .hero-photo img { object-position:70% center; }

  .service-hero .cta-group .cta-channels,
  body.line-page .service-hero .cta-group .cta-channels,
  body.service-equipment-page .service-hero .cta-group .cta-channels { grid-template-columns:minmax(0,1fr); }
}

/* Cierre premium de modelo y avería: la decisión queda completa antes del
   pliegue de 900 px sin alterar la home ni reducir la escena de producto. */
@media (min-width:901px) {
  body.model-detail-page .family-hero-editorial,
  body.fault-detail-page .family-hero-editorial,
  body.model-detail-page .family-hero-editorial .brand-hero-frame,
  body.fault-detail-page .family-hero-editorial .brand-hero-frame {
    min-height:700px;
  }

  body.model-detail-page .family-hero-editorial .brand-hero-frame,
  body.fault-detail-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.9rem;
    padding-bottom:5.5rem;
  }

  body.model-detail-page .family-hero-editorial .brand-hero-copy h1,
  body.fault-detail-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:42rem;
    font-size:clamp(3.2rem,4.35vw,4.85rem);
    line-height:.95;
    text-wrap:pretty;
  }

  body.model-detail-page .family-hero-editorial .brand-specialist-label,
  body.fault-detail-page .family-hero-editorial .brand-specialist-label {
    margin-bottom:.85rem;
  }

  body.model-detail-page .family-hero-editorial .brand-equipment-line,
  body.fault-detail-page .family-hero-editorial .brand-equipment-line,
  body.model-detail-page .family-hero-editorial .brand-hero-problem,
  body.fault-detail-page .family-hero-editorial .brand-hero-problem {
    margin-top:.85rem;
  }

  body.model-detail-page .family-hero-editorial .brand-hero-lead,
  body.fault-detail-page .family-hero-editorial .brand-hero-lead {
    margin-top:.5rem;
  }

  body.model-detail-page .family-hero-editorial .brand-hero-actions,
  body.fault-detail-page .family-hero-editorial .brand-hero-actions {
    width:min(100%,40.5rem);
    margin-top:1rem;
    justify-content:center;
    gap:.75rem;
  }
}

@media (max-width:430px) {
  body.model-detail-page .family-hero-editorial .brand-hero-copy h1,
  body.fault-detail-page .family-hero-editorial .brand-hero-copy h1 {
    font-size:clamp(2rem,8.9vw,2.25rem);
    line-height:1.01;
    overflow-wrap:normal;
    hyphens:none;
    text-wrap:pretty;
  }

  body.family-page .family-hero-editorial .brand-hero-actions {
    margin-top:.9rem;
    gap:.6rem;
  }
}
@media (min-width: 901px) {
  body.equipment-page .family-hero-editorial,
  body.equipment-page .family-hero-editorial .brand-hero-frame {
    min-height: 720px;
  }

  body.equipment-page .family-hero-editorial .brand-hero-frame {
    padding-top: 2rem;
    padding-bottom: 7.25rem;
  }

  body.equipment-page .family-hero-editorial .brand-hero-copy {
    width: min(54%, 640px);
  }

  body.equipment-page .family-hero-editorial .brand-hero-copy h1 {
    max-width: 39rem;
    font-size: clamp(3rem, 4.25vw, 4.5rem);
    line-height: 0.94;
    text-wrap: balance;
  }

  body.equipment-page .brand-specialist-label {
    margin-bottom: 0.9rem;
  }

  body.equipment-page .brand-equipment-line {
    margin-top: 0.9rem;
  }

  body.equipment-page .brand-hero-problem {
    margin-top: 0.75rem;
    font-size: 1.05rem;
  }

  body.equipment-page .brand-hero-lead {
    margin-top: 0.45rem;
    font-size: 0.9rem;
    line-height: 1.4;
  }

  body.equipment-page .brand-hero-actions {
    margin-top: 0.8rem;
  }

  body.equipment-page .brand-hero-actions .button {
    min-height: 3.5rem;
    padding: 0.7rem 1.05rem;
  }

  body.equipment-page .brand-call-note,
  body.equipment-page .brand-reference-inline {
    display: none;
  }
}

/* Teka móvil: decisión y aparato conviven en el primer recorrido. La escena
   empieza bajo la zona de lectura y conserva rostro, manos y acción. */
@media (max-width: 760px) {
  html[data-brand="teka"] body.brand-page .brand-hero-copy,
  html[data-brand="teka"] body.family-page .family-hero-editorial .brand-hero-copy {
    width: 100%;
  }

  html[data-brand="teka"] body.brand-page .brand-hero-actions,
  html[data-brand="teka"] body.family-page .family-hero-editorial .brand-hero-actions {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  html[data-brand="teka"] body.brand-page .brand-hero-backdrop {
    top: 330px;
    height: 520px;
  }

  html[data-brand="teka"] body.brand-page .brand-hero-backdrop img {
    object-position: 84% center;
  }

  html[data-brand="teka"] body.family-page .family-hero-editorial,
  html[data-brand="teka"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height: 780px;
  }

  html[data-brand="teka"] body.family-page .family-hero-editorial::before {
    background: linear-gradient(180deg,#fff 0,#fff 320px,rgba(255,255,255,.94) 350px,rgba(255,255,255,.2) 380px,rgba(255,255,255,0) 410px);
  }

  html[data-brand="teka"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    top: 300px;
    height: 480px;
    background: #f7f4f4;
  }

  html[data-brand="teka"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit: cover;
    object-position: 67% 58%;
    transform: none;
  }

  html[data-brand="teka"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-bottom: 450px;
  }

  html[data-brand="teka"] .family-hero-editorial[data-equipment="placas"] .brand-hero-backdrop img {
    object-fit: contain;
    object-position: center;
  }

  html[data-brand="teka"] body.equipment-page .family-hero-editorial[data-equipment="placas"] .brand-hero-backdrop {
    top: 385px;
    height: 230px;
  }

  html[data-brand="teka"] body.equipment-page .family-hero-editorial[data-equipment="placas"]::before {
    background: linear-gradient(180deg,#fff 0,#fff 320px,rgba(255,255,255,.94) 350px,rgba(255,255,255,.2) 380px,rgba(255,255,255,0) 405px);
  }

  html[data-brand="teka"] .family-hero-editorial[data-equipment="campanas"] .brand-hero-backdrop img {
    object-position: 25% 58%;
  }

html[data-brand="teka"] .family-hero-editorial[data-equipment="lavavajillas"] .brand-hero-backdrop img {
    object-position: 45% 62%;
  }
}

/* Junkers: la portada mantiene Hydronext y las familias usan una zona segura
   móvil distinta para caldera, calentador y termo. */
@media (min-width: 901px) {
  html[data-brand="junkers"] body.brand-page .brand-hero-frame {
    padding-top: 3rem;
  }

  html[data-brand="junkers"] body.brand-page .brand-hero-copy h1 {
    max-width: 40rem;
    font-size: clamp(4rem,5.25vw,5.45rem);
  }
}

@media (max-width: 760px) {
  html[data-brand="junkers"] body.family-page .contextual-parent {
    display: none;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial,
  html[data-brand="junkers"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height: 840px;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial::before {
    bottom: auto;
    height: 440px;
    background: linear-gradient(180deg,
      color-mix(in srgb,var(--brand-soft) 22%,#fff) 0%,
      rgba(255,255,255,.995) 76%,
      rgba(255,255,255,.78) 88%,
      rgba(255,255,255,0) 100%);
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial .brand-hero-frame {
    width: min(100% - 1.5rem,1180px);
    padding-top: 1.35rem;
    padding-bottom: 280px;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial .brand-hero-copy {
    width: 100%;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial .brand-specialist-label {
    max-width: 18rem;
    margin-bottom: .9rem;
    padding: .52rem .68rem;
    font-size: .56rem;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width: 22rem;
    font-size: clamp(2.15rem,9.7vw,2.55rem);
    line-height: .98;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial .brand-equipment-line {
    margin-top: .75rem;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width: 22rem;
    margin-top: .7rem;
    font-size: .98rem;
    line-height: 1.25;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial .brand-hero-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .5rem;
    margin-top: .85rem;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial .brand-hero-actions .button {
    min-width: 0;
    min-height: 3.45rem;
    padding-inline: .4rem;
    gap: .35rem;
    font-size: .58rem;
    white-space: nowrap;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    top: 250px;
    bottom: auto;
    height: 590px;
    background: #edf3f5;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit: cover;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial[data-equipment="calderas"] .brand-hero-backdrop img {
    height: calc(100% + 100px);
    object-position: 68% center;
    transform: translateY(-100px);
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial[data-equipment="termos-electricos"] .brand-hero-backdrop img {
    object-position: 48% center;
  }

  html[data-brand="junkers"] body.family-page .family-hero-editorial[data-equipment="calentadores"] .brand-hero-backdrop img {
    object-position: 72% 52%;
  }
}

/* Gate final de conversión móvil: llamada y cita permanecen juntas y visibles. */
@media (max-width:900px) {
  html[data-brand] body.brand-page .brand-hero-actions,
  html[data-brand] body.family-page .family-hero-editorial .brand-hero-actions {
    width:100%;
    max-width:none;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.5rem;
  }

  html[data-brand] body :is(.brand-page,.family-page) .brand-hero-actions .button,
  html[data-brand] body.brand-page .brand-hero-actions .button,
  html[data-brand] body.family-page .family-hero-editorial .brand-hero-actions .button {
    min-width:0;
    min-height:3.65rem;
    padding:.76rem .45rem;
    border-radius:12px;
    font-size:.7rem;
    white-space:nowrap;
  }

  .brand-hero-actions .brand-call-primary span,
  .brand-hero-actions .brand-contact-preview span { font-size:0; }
  .brand-hero-actions .brand-call-primary span::after { content:"Llamar"; font-size:.7rem; }
  .brand-hero-actions .brand-contact-preview span::after { content:"contact"; font-size:.7rem; }
}

@media (max-width:760px) {
  html[data-brand="cointra"] body.brand-page .brand-hero-actions,
  html[data-brand="cointra"] body.family-page .family-hero-editorial .brand-hero-actions {
    width:calc(100vw - 1.5rem);
  }
}

@media (max-width:760px) {
  html[data-brand="siemens"] body.brand-page .brand-hero-editorial,
  html[data-brand="siemens"] body.brand-page .brand-hero-frame {
    min-height:820px;
  }

  html[data-brand="siemens"] body.brand-page .brand-hero-editorial::before {
    background:linear-gradient(180deg,#fff 0,#fff 270px,rgba(255,255,255,.96) 300px,rgba(255,255,255,.56) 350px,rgba(255,255,255,.12) 405px,rgba(255,255,255,0) 455px);
  }

  html[data-brand="siemens"] body.brand-page .brand-hero-frame {
    padding-top:1.35rem;
    padding-bottom:420px;
  }

  html[data-brand="siemens"] body.brand-page .brand-hero-copy {
    width:100%;
  }

  html[data-brand="siemens"] body.brand-page .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(2.15rem,10vw,2.65rem);
    line-height:.98;
  }

  html[data-brand="siemens"] body.brand-page .brand-equipment-line {
    display:none;
  }

  html[data-brand="siemens"] body.brand-page .brand-hero-problem {
    max-width:22rem;
    margin-top:.75rem;
    font-size:1rem;
    line-height:1.3;
  }

  html[data-brand="siemens"] body.brand-page .brand-hero-actions {
    margin-top:.85rem;
  }

  html[data-brand="siemens"] body.brand-page .brand-hero-backdrop {
    top:235px;
    bottom:auto;
    height:585px;
    background:#eef3f5;
  }

  html[data-brand="siemens"] body.brand-page .brand-hero-backdrop img {
    object-fit:contain;
    object-position:100% top;
    transform:none;
  }

  html[data-brand="siemens"] body.family-page .family-hero-editorial,
  html[data-brand="siemens"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:820px;
  }

  html[data-brand="siemens"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#fff 0,#fff 292px,rgba(255,255,255,.96) 320px,rgba(255,255,255,.56) 355px,rgba(255,255,255,.12) 405px,rgba(255,255,255,0) 455px);
  }

  html[data-brand="siemens"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.35rem;
    padding-bottom:430px;
  }

  html[data-brand="siemens"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
  }

  html[data-brand="siemens"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(2.05rem,9.4vw,2.5rem);
    line-height:1;
  }

  html[data-brand="siemens"] body.family-page .family-hero-editorial .brand-equipment-line {
    display:none;
  }

  html[data-brand="siemens"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    margin-top:.7rem;
    font-size:.95rem;
    line-height:1.32;
  }

  html[data-brand="siemens"] body.family-page .family-hero-editorial .brand-hero-actions {
    margin-top:.85rem;
  }

  html[data-brand="siemens"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    top:200px;
    bottom:auto;
    height:620px;
    background:#eef3f5;
  }

  html[data-brand="siemens"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit:contain;
    object-position:100% top;
    transform:none;
  }
}

/* Gaggenau conserva su escena completa en móvil: la fotografía vertical se
   encaja desde arriba y el velo termina antes del técnico y del aparato. */
@media (max-width:760px) {
  html[data-brand="gaggenau"] body.family-page .family-hero-editorial,
  html[data-brand="gaggenau"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:820px;
  }

  html[data-brand="gaggenau"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(90deg,#f2efe9 0%,rgba(242,239,233,.98) 43%,rgba(242,239,233,.72) 55%,rgba(242,239,233,.18) 66%,rgba(242,239,233,0) 78%);
  }

  html[data-brand="gaggenau"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.35rem;
    padding-bottom:3.5rem;
  }

  html[data-brand="gaggenau"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:60%;
    max-width:14rem;
  }

  html[data-brand="gaggenau"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    font-size:clamp(2rem,9.25vw,2.42rem);
    line-height:.99;
    text-wrap:pretty;
  }

  html[data-brand="gaggenau"] body.family-page .family-hero-editorial .brand-equipment-line {
    display:none;
  }

  html[data-brand="gaggenau"] body.family-page .family-hero-editorial .brand-hero-problem {
    margin-top:.75rem;
    font-size:.92rem;
    line-height:1.3;
  }

  html[data-brand="gaggenau"] body.family-page .family-hero-editorial .brand-hero-actions {
    margin-top:.85rem;
  }

  html[data-brand="gaggenau"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    background:#efebe5;
  }

  html[data-brand="gaggenau"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit:contain;
    object-position:center top;
    transform:none;
  }
}

/* Corberó: en móvil el texto resuelve primero la urgencia y la escena técnica
   continúa la misma composición sin ocultar rostro, manos ni aparato. */
@media (max-width:760px) {
  html[data-brand="corbero"] body.family-page .family-hero-editorial,
  html[data-brand="corbero"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:900px;
  }

  html[data-brand="corbero"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#f7f2f3 0,#f7f2f3 330px,rgba(247,242,243,.94) 390px,rgba(247,242,243,.42) 470px,rgba(247,242,243,0) 550px);
  }

  html[data-brand="corbero"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.25rem;
    padding-bottom:370px;
  }

  html[data-brand="corbero"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:none;
  }

  html[data-brand="corbero"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(2.05rem,9.4vw,2.5rem);
    line-height:.99;
    text-wrap:pretty;
  }

  html[data-brand="corbero"] body.family-page .family-hero-editorial .brand-equipment-line {
    display:none;
  }

  html[data-brand="corbero"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    margin-top:.72rem;
    font-size:.95rem;
    line-height:1.28;
  }

  html[data-brand="corbero"] body.family-page .family-hero-editorial .brand-hero-actions {
    margin-top:.82rem;
  }

  html[data-brand="corbero"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    top:320px;
    bottom:auto;
    height:580px;
    background:#f3eef0;
  }

  html[data-brand="corbero"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit:cover;
    object-position:64% center;
    transform:none;
  }
}

/* Fagor: la composición móvil separa con claridad la decisión comercial y la
   escena técnica, manteniendo el azul acero de la marca y la zona segura. */
@media (max-width:760px) {
  html[data-brand="fagor"] body.family-page .family-hero-editorial,
  html[data-brand="fagor"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:980px;
  }

  html[data-brand="fagor"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#f4f6f8 0,#f4f6f8 360px,rgba(244,246,248,.96) 430px,rgba(244,246,248,.54) 520px,rgba(244,246,248,0) 610px);
  }

  html[data-brand="fagor"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.25rem;
    padding-bottom:410px;
  }

  html[data-brand="fagor"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:none;
  }

  html[data-brand="fagor"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(2.05rem,9.4vw,2.5rem);
    line-height:.99;
    text-wrap:pretty;
  }

  html[data-brand="fagor"] body.family-page .family-hero-editorial .brand-equipment-line {
    display:none;
  }

  html[data-brand="fagor"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    margin-top:.72rem;
    font-size:.95rem;
    line-height:1.28;
  }

  html[data-brand="fagor"] body.family-page .family-hero-editorial .brand-hero-actions {
    margin-top:.82rem;
  }

  html[data-brand="fagor"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    top:390px;
    bottom:auto;
    height:590px;
    background:#e9eef2;
  }

  html[data-brand="fagor"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit:cover;
    object-position:64% center;
    transform:none;
  }
}

/* Balay: azul y celeste propios, con lectura primero y la intervención completa
   después. Rostro, manos, herramienta y aparato quedan fuera del degradado. */
@media (max-width:760px) {
  html[data-brand="balay"] body.brand-page .brand-hero-editorial,
  html[data-brand="balay"] body.brand-page .brand-hero-frame,
  html[data-brand="balay"] body.family-page .family-hero-editorial,
  html[data-brand="balay"] body.family-page .family-hero-editorial .brand-hero-frame {
    min-height:980px;
  }

  html[data-brand="balay"] body.brand-page .brand-hero-editorial::before,
  html[data-brand="balay"] body.family-page .family-hero-editorial::before {
    background:linear-gradient(180deg,#eef8fd 0,#eef8fd 330px,rgba(238,248,253,.96) 390px,rgba(238,248,253,.58) 480px,rgba(238,248,253,0) 575px);
  }

  html[data-brand="balay"] body.brand-page .brand-hero-frame,
  html[data-brand="balay"] body.family-page .family-hero-editorial .brand-hero-frame {
    padding-top:1.25rem;
    padding-bottom:410px;
  }

  html[data-brand="balay"] body.brand-page .brand-hero-copy,
  html[data-brand="balay"] body.family-page .family-hero-editorial .brand-hero-copy {
    width:100%;
    max-width:none;
  }

  html[data-brand="balay"] body.brand-page .brand-hero-copy h1,
  html[data-brand="balay"] body.family-page .family-hero-editorial .brand-hero-copy h1 {
    max-width:22rem;
    font-size:clamp(2.05rem,9.4vw,2.5rem);
    line-height:.99;
    text-wrap:pretty;
  }

  html[data-brand="balay"] body.brand-page .brand-equipment-line,
  html[data-brand="balay"] body.family-page .family-hero-editorial .brand-equipment-line { display:none; }

  html[data-brand="balay"] body.brand-page .brand-hero-problem,
  html[data-brand="balay"] body.family-page .family-hero-editorial .brand-hero-problem {
    max-width:22rem;
    margin-top:.72rem;
    font-size:.95rem;
    line-height:1.28;
  }

  html[data-brand="balay"] body.brand-page .brand-hero-actions,
  html[data-brand="balay"] body.family-page .family-hero-editorial .brand-hero-actions { margin-top:.82rem; }

  html[data-brand="balay"] body.brand-page .brand-hero-backdrop,
  html[data-brand="balay"] body.family-page .family-hero-editorial .brand-hero-backdrop {
    top:140px;
    bottom:auto;
    height:840px;
    background:#e7f3f9;
  }

  html[data-brand="balay"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="balay"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-fit:cover;
    object-position:72% center;
    transform:none;
  }
}

@media (max-width:760px) {
  html[data-brand="sony"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="sony"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:75% center;
    transform:none;
  }
}

@media (max-width:760px) {
  html[data-brand="philips"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="philips"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:76% center;
    transform:none;
  }
}

@media (max-width:760px) {
  html[data-brand="samsung"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="samsung"] body.family-page .family-hero-editorial .brand-hero-backdrop img {
    object-position:60% center;
    transform:none;
  }

  html[data-brand="samsung"] body.family-page .family-hero-editorial[data-equipment="lavadoras"] .brand-hero-backdrop img {
    object-position:70% center;
  }

  html[data-brand="samsung"] body.family-page .family-hero-editorial[data-equipment="microondas"] .brand-hero-backdrop img {
    object-position:90% center;
  }
}

/* Gama blanca: bloque de lectura y zona fotográfica segura en móvil. */
@media (max-width:760px) {
  body.white-goods-hub .service-hero-grid {
    min-height:1040px;
    background:#fff;
  }

  body.white-goods-hub .service-hero-grid::before {
    display:none;
  }

  body.white-goods-hub .service-hero .hero-copy {
    width:100%;
    min-height:1040px;
    padding:1.45rem 1.15rem 455px;
  }

  body.white-goods-hub .service-hero h1 {
    max-width:100%;
    font-size:clamp(2.25rem,10.7vw,2.75rem);
  }

  body.white-goods-hub .service-hero .hero-photo {
    z-index:0;
    top:auto;
    bottom:0;
    height:430px;
  }

  body.white-goods-hub .service-hero .hero-photo::before {
    position:absolute;
    z-index:1;
    inset:0;
    display:block;
    content:"";
    background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.6) 8%,rgba(255,255,255,0) 25%);
    pointer-events:none;
  }

  body.white-goods-hub .service-hero .hero-photo img {
    object-position:center 66%;
  }
}

@media (min-width:901px) {
  body.white-goods-hub .service-hero .hero-copy {
    padding:2.65rem 3.15rem;
  }

  body.white-goods-hub .service-hero .hero-service-badge {
    margin-bottom:.85rem;
  }

  body.white-goods-hub .service-hero .eyebrow {
    margin-bottom:.75rem;
  }

  body.white-goods-hub .service-hero h1 {
    font-size:clamp(2.8rem,3.55vw,3.75rem);
  }

  body.white-goods-hub .service-hero .hero-lead {
    margin-top:1rem;
  }

  body.white-goods-hub .service-hero .cta-group {
    margin-top:1rem;
  }
}

@media (max-width:760px) {
  body.service-equipment-page .service-hero[data-equipment="campanas-extractoras"] .hero-photo img {
    object-position:left center;
  }

  body.service-equipment-page .service-hero[data-equipment="congeladores"] .hero-photo img {
    object-position:center;
    transform:translateX(5.25rem);
  }
}

/* AEG: cada escena móvil tiene una zona de acción distinta. Estos encuadres
   conservan rostro, manos y aparato sin desplazar el bloque de lectura. */
@media (max-width:760px) {
  html[data-brand="aeg"] body.brand-page .brand-hero-backdrop img,
  html[data-brand="aeg"] body.family-page .family-hero-editorial[data-equipment="lavadoras"] .brand-hero-backdrop img {
    object-position:82% center;
  }

  html[data-brand="aeg"] body.family-page .family-hero-editorial[data-equipment="secadoras"] .brand-hero-backdrop img {
    object-position:70% center;
  }

  html[data-brand="aeg"] body.family-page .family-hero-editorial[data-equipment="lavavajillas"] .brand-hero-backdrop img {
    object-position:72% center;
  }

  html[data-brand="aeg"] body.family-page .family-hero-editorial[data-equipment="frigorificos"] .brand-hero-backdrop img {
    object-position:60% center;
  }

  html[data-brand="aeg"] body.family-page .family-hero-editorial[data-equipment="hornos"] .brand-hero-backdrop img {
    object-position:64% center;
  }

  html[data-brand="aeg"] body.family-page .family-hero-editorial[data-equipment="placas"] .brand-hero-backdrop img {
    object-position:82% center;
  }

  html[data-brand="aeg"] body.family-page .family-hero-editorial[data-equipment="campanas"] .brand-hero-backdrop img {
    object-position:94% center;
  }
}