/* The reference layout with proportional imagery and Chilean Spanish content. */
html, body { max-width: 100%; overflow-x: clip; }
img { object-fit: contain; }
.home-redesign_banner-container { position: relative; width: 100vw; margin-left: calc(50% - 50vw); }
.cmp-static-banner, .cmp-static-banner_Container { width: 100%; height: auto !important; margin: 0 !important; }
.static-banner_image-container { position: relative; width: 100%; height: auto !important; overflow: hidden; }
.static-banner_image-container .images { position: relative !important; inset: auto !important; width: 100%; height: auto !important; }
.static-banner_image-container picture { display: block; }
.static-banner_image-container img { display: block !important; position: static !important; width: 100% !important; height: auto !important; max-width: none; object-fit: contain !important; }
.static-banner_component-container { position: relative !important; inset: auto !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 28px max(24px, calc((100% - 1040px) / 2)) 30px !important; background: #242424; }
.static-banner_component-container .banner-row { margin: 0; }
.static-banner_component-container .basic-component-container { width: 100%; }
.basic-banner-container { padding: 0 !important; }
.basic-banner-container-title { margin: 0 0 10px !important; font-size: clamp(24px, 3.1vw, 44px) !important; line-height: 1.15 !important; color: #fff; }
.basic-banner-container-subtitle { font-size: clamp(16px, 1.6vw, 22px) !important; line-height: 1.4 !important; color: #fff; }
.basic-banner-container-cta-parent { margin-top: 18px; }
.chile-promo { position: absolute; top: min(7.2vw, 138px); left: 19%; z-index: 2; width: 29%; color: #fff; font-family: Roboto-Regular, Arial, sans-serif; }
.chile-promo p { margin: 0; }
.promo-lead { font-size: clamp(13px, 1.3vw, 24px); line-height: 1.3; margin-bottom: 12px !important; }
.promo-description { font-size: clamp(11px, .98vw, 18px); line-height: 1.4; }
.promo-price { font-family: Roboto-Bold, Arial, sans-serif; font-size: clamp(26px, 3.3vw, 62px); line-height: 1.15; color: #f4c51a; white-space: nowrap; margin-top: 4px !important; }
.promo-note { font-size: clamp(9px, .7vw, 12px); line-height: 1.4; margin-top: 6px !important; }
.local-video-poster { position: absolute; inset: 0; overflow: hidden; background: #243326; }
.local-video-poster img { width: 100%; height: 100%; object-fit: cover; }
.local-video-poster button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 58px; height: 58px; border: 2px solid white; border-radius: 50%; background: rgba(0,0,0,.45); color: white; font-size: 24px; padding-left: 7px; cursor: pointer; }
.logo-consorcio { object-fit: contain; }
[data-inert] { cursor: pointer; }
.carousel-item img { object-fit: cover; }
@media (max-width: 991px) {
 .header-container .menu-utility { display: none !important; }
 .fixed-header-wrapper .menu-primary { overflow-x: auto; scrollbar-width: none; }
 .fixed-header-wrapper .menu-primary > .navbar-nav { flex-wrap: nowrap; white-space: nowrap; }
}
@media (max-width: 767px) {
 .static-banner_image-container { display: flex; flex-direction: column; }
 .static-banner_image-container .images { order: 0; }
 .chile-promo { position: relative; top: auto; left: auto; order: 1; width: 100%; padding: 22px 20px; background: #19261c; }
 .promo-lead { font-size: 19px; }
 .promo-description { font-size: 14px; }
 .promo-price { font-size: 36px; }
 .promo-note { font-size: 11px; }
 .static-banner_component-container { order: 2; padding: 24px 20px !important; }
 .basic-banner-container-title { font-size: 27px !important; }
 .basic-banner-container-subtitle { font-size: 17px !important; }
 .cmp-carousel-card .images img { min-height: 340px; object-fit: cover; object-position: 70% center; }
 .carousel-info { max-width: calc(100vw - 40px); }
 .card-container .btn { white-space: normal; max-width: 100%; }
}
/* Keep the hero in normal flow; the reference used fixed-height overlays. */
.h7x-io .cmp-static-banner .cmp-static-banner_Container .static-banner_image-container { left: auto !important; right: auto !important; margin: 0 !important; height: auto !important; max-height: none !important; }
.h7x-io .cmp-static-banner .cmp-static-banner_Container .images::after { display: none !important; }
.h7x-io .cmp-static-banner .cmp-static-banner_Container .static-banner_component-container { display: block !important; height: auto !important; bottom: auto !important; width: 100% !important; max-width: none !important; }
.h7x-io .cmp-static-banner .cmp-static-banner_Container .static-banner_component-container .banner-row { display: block !important; width: 100% !important; height: auto !important; }
.h7x-io .cmp-static-banner .cmp-static-banner_Container .static-banner_component-container .banner-row .basic-component-container { position: static !important; inset: auto !important; width: 100% !important; height: auto !important; }
@media (min-width: 768px) { .chile-promo { left: 10%; width: 30%; } }
.fixed-header-wrapper .menu, .fixed-header-wrapper .dropdown-menu { display: none !important; }
@media (max-width: 767px) {
 /* Crop the laptop banner's white margins while retaining its proportions. */
 #offers-carousel .carousel-item:first-child .images { height: 340px; overflow: hidden; }
 #offers-carousel .carousel-item:first-child .images picture { display: block; }
 #offers-carousel .carousel-item:first-child .images img { height: 476px !important; min-height: 0; object-fit: cover; transform: translateY(-68px); }
}
.h7x-io .header .logo-consorcio { width: 56px; height: 66px; box-sizing: border-box; }
/* Show the top 75% of the hero, retaining the car and road without stretching. */
.h7x-io .cmp-static-banner .static-banner_image-container .hero-image {
 height: 28.125vw !important;
 overflow: hidden;
 flex-shrink: 0;
}
.home-redesign_banner-container { padding-bottom: 40px; }
/* Keep promotional text readable over the sharper forest and road. */
.hero-image::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: 1;
 background: linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,.18) 34%, transparent 55%);
 pointer-events: none;
}