/* V13.1: estabilidad visual y Core Web Vitals */
.hero{align-items:start}
.hero-copy{contain:layout style}
.hero-carousel{
  position:relative;
  width:min(100%,620px);
  aspect-ratio:4/3;
  min-height:1px;
  contain:layout paint size;
  overflow:hidden;
  isolation:isolate;
}
.hero-carousel>.slides,.hero-carousel .slide{position:absolute;inset:0;margin:0}
.hero-carousel .slide{transform:translateZ(0);will-change:opacity}
.hero-carousel .slide img{display:block;width:100%;height:100%;object-fit:contain}
.carousel-dots{min-width:62px;min-height:23px}
.brand{display:flex;align-items:center;min-width:65px;min-height:52px}
.brand img{display:block;width:65px;height:52px;max-width:none;object-fit:contain}
@media(max-width:700px){
  .hero{align-items:start}
  .hero-copy{min-height:365px}
  .hero-carousel{width:100%;aspect-ratio:4/3}
  .brand{min-width:53px;min-height:42px}
  .brand img{width:53px;height:42px}
}
@media(max-width:430px){.hero-copy{min-height:390px}}
@media(prefers-reduced-motion:reduce){.hero-carousel .slide{transition:none!important}}
.hero-carousel{height:var(--hero-carousel-height,auto)}
@supports(aspect-ratio:4/3){.hero-carousel{height:auto}}