/* R9: encuadres específicos; conserva las doce identidades y sus imágenes. */
body[data-page="home"][data-brand-choice] .hero-art{isolation:isolate}
/* Foco: la fotografía completa el panel; el rostro conserva margen superior. */
body[data-page="home"][data-brand-choice="v7"] .hero .hero-art>img{object-position:48% 25%}
/* Marea mantiene su arco, con más área fotográfica en escritorio. */
@media(min-width:801px){
 body[data-page="home"][data-brand-choice="v7"] .hero .hero-art{height:auto;max-height:none;align-self:stretch;min-height:0;display:block}
 body[data-page="home"][data-brand-choice="v7"] .hero .hero-art>img{position:absolute;inset:0;height:100%;max-height:none}
 body[data-page="home"][data-brand-choice="v5"] .hero .hero-art{height:clamp(540px,46vw,640px);max-height:none}
 body[data-page="home"][data-brand-choice="v5"] .hero .hero-art>img{height:100%;max-height:none;object-position:50% 38%}
 body[data-page="home"][data-brand-choice="v1"] .hero .hero-art{height:clamp(500px,43vw,600px);max-height:none}
 body[data-page="home"][data-brand-choice="v1"] .hero .hero-art>img{height:100%;max-height:none;object-position:50% 35%}
 body[data-page="home"][data-brand-choice="v8"] .hero{grid-template-columns:.9fr 1.1fr;column-gap:52px}
 body[data-page="home"][data-brand-choice="v8"] .hero .hero-art{max-height:none;height:auto}
 body[data-page="home"][data-brand-choice="v8"] .hero .hero-art>img{height:auto;max-height:none;object-fit:contain}
 body[data-page="home"][data-brand-choice="a"] .hero{grid-template-columns:.88fr 1.12fr;gap:48px}
 body[data-page="home"][data-brand-choice="a"] .hero .hero-art{height:clamp(430px,38vw,510px);min-height:0;max-height:none;align-self:center}
 body[data-page="home"][data-brand-choice="a"] .hero .hero-art>img{height:100%;max-height:none;object-fit:cover;object-position:center}
 body[data-page="home"][data-brand-choice="e"] .hero{grid-template-columns:1.1fr .9fr;gap:56px}
 body[data-page="home"][data-brand-choice="e"] .hero .hero-art{display:block;height:auto;min-height:0;max-height:none;aspect-ratio:4/3;align-self:center}
 body[data-page="home"][data-brand-choice="e"] .hero .hero-art>img{height:100%;max-height:none;object-fit:contain}
 body[data-page="home"][data-brand-choice="v11"] .hero .hero-art{height:clamp(560px,45vw,660px);max-height:none;background:#4c1f32}
 body[data-page="home"][data-brand-choice="v11"] .hero .hero-art>img{height:100%;max-height:none;object-fit:contain}
}
@media(max-width:800px){
 /* Las panorámicas dejan de ser franjas diminutas en la pantalla del teléfono. */
 body[data-page="home"][data-brand-choice="v6"] .hero .hero-art,
 body[data-page="home"][data-brand-choice="v10"] .hero .hero-art{display:block;height:auto;min-height:0;max-height:none;aspect-ratio:2/1}
 body[data-page="home"][data-brand-choice="v6"] .hero .hero-art>img,
 body[data-page="home"][data-brand-choice="v10"] .hero .hero-art>img{height:100%;max-height:none;object-fit:cover}
 body[data-page="home"][data-brand-choice="v6"] .hero .hero-art>img{object-position:50% 50%}
 body[data-page="home"][data-brand-choice="v10"] .hero .hero-art>img{object-position:15% 50%}
 body[data-page="home"][data-brand-choice="v11"] .hero .hero-art{height:auto;max-height:none;aspect-ratio:3/4;background:#4c1f32}
 body[data-page="home"][data-brand-choice="v11"] .hero .hero-art>img{height:100%;max-height:none;object-fit:contain}
 body[data-page="home"][data-brand-choice="a"] .hero .hero-art{height:auto;min-height:0;max-height:none;width:calc(100% + 24px);max-width:none;margin-inline:-12px;aspect-ratio:1.5;display:block}
 body[data-page="home"][data-brand-choice="a"] .hero .hero-art>img{height:100%;max-height:none;object-fit:cover;object-position:center}
 body[data-page="home"][data-brand-choice="e"] .hero .hero-art{height:auto;min-height:0;max-height:none;aspect-ratio:4/3;display:block}
 body[data-page="home"][data-brand-choice="e"] .hero .hero-art>img{height:100%;max-height:none;object-fit:contain}
}
/* Una trama estática muy tenue solo acompaña las ilustraciones técnicas. */
.service-page:is(.tone-web,.tone-tech) .service-visual{position:relative;isolation:isolate}
.service-page:is(.tone-web,.tone-tech) .service-visual::before{content:"";position:absolute;inset:-12px;z-index:-1;background-image:radial-gradient(currentColor .7px,transparent .9px);background-size:18px 18px;opacity:.12;pointer-events:none;border-radius:18px}
@media print{.service-visual::before{display:none}}
