@charset "UTF-8";

/* Native framing preserves the branch photographs and hides their old contact panels. */
.branches-editorial .branches-hero{background:#f4f5f2}
.branches-editorial .branches-hero__layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:32px;min-height:480px}
.branches-editorial .branches-hero__copy{position:relative;z-index:2;padding-block:28px 46px}
.branches-editorial .branches-hero h1{font-size:clamp(70px,7.2vw,104px)}
.branches-editorial .branches-hero__copy>p:not(.drive-kicker){max-width:390px}

/* The title band uses the actual Veracruz photograph, not a generated dealership. */
.branches-editorial .branches-directory{padding-top:0}
.branches-directory__banner{position:relative;isolation:isolate;overflow:hidden;min-height:280px;background:#e9ece8;margin-bottom:34px}
.branches-directory__banner:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#f2f3ef 0%,#e7eae5 68%,#dce1db 100%);z-index:-2}
.branches-directory__heading{position:relative;z-index:2;padding-block:47px 42px;pointer-events:none}
.branches-directory__heading>div{max-width:52%}
.branches-directory__heading .drive-kicker{margin-bottom:14px}
.branches-editorial .branches-directory__heading h2{font-size:clamp(40px,4.5vw,64px);line-height:1.02;margin:0}
.branches-directory__intro{color:#4e575b;font-size:14px;line-height:1.7;margin:17px 0 0;max-width:330px}
.branches-directory__photo{position:absolute;inset:0 0 0 51%;z-index:0;overflow:hidden;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);background:#bdc7c3}
.branches-directory__photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1e30391a,transparent 30%,#10202c0a)}
.branches-directory__photo img{position:absolute;top:-40.8451%;left:0;width:100%;height:140.8451%;max-width:none;object-fit:cover;object-position:63% center}
.branches-directory__edge{position:absolute;inset:0 0 0 51%;z-index:1;background:var(--red);clip-path:polygon(calc(16% - 4px) 0,16% 0,4px 100%,0 100%);pointer-events:none}

/* Photo cards: the lower field stays dark enough to keep addresses and controls readable. */
.branches-editorial .branch-card{isolation:isolate;overflow:hidden;min-height:390px;padding:28px;background:#14232b;color:#fff;border-top:3px solid #727e80;transition:border-color .2s ease,box-shadow .2s ease}
.branch-card__photo{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#34444b;pointer-events:none}
.branch-card__photo img{position:absolute;top:-40.8451%;left:0;width:100%;height:140.8451%;max-width:none;object-fit:cover;object-position:var(--branch-focus,50%) center;transition:transform .6s ease;transform:scale(1.005);transform-origin:center 65%}
.branches-editorial .branch-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,20,27,.43) 0%,rgba(8,20,27,.56) 22%,rgba(8,20,27,.88) 54%,rgba(8,20,27,.97) 100%),linear-gradient(90deg,rgba(8,20,27,.35),transparent 85%);pointer-events:none}
.branches-editorial .branch-card:hover,.branches-editorial .branch-card:focus-within{border-top-color:#ef2748;background:#14232b;box-shadow:0 9px 24px #10222c1a}
@media(hover:hover) and (pointer:fine){.branch-card:hover .branch-card__photo img{transform:scale(1.045)}}
.branches-editorial .branch-card__top{color:#fff;font-size:10px;letter-spacing:.12em;margin-bottom:28px;gap:16px}
.branches-editorial .branch-card__top>span:first-child{background:#10212bc9;border:1px solid #ffffff40;padding:5px 8px;line-height:1.4}
.branches-editorial .branch-card__top>span:last-child{color:#fff;font-size:23px;text-shadow:0 1px 6px #09161e}
.branches-editorial .branch-card h3{font-size:clamp(34px,3vw,44px);color:#fff;text-shadow:0 2px 9px #05101980;margin-bottom:7px}
.branches-editorial .branch-card__locality{color:#eef2f2;font-size:12px;margin-bottom:22px;text-shadow:0 1px 5px #07141d}
.branches-editorial .branch-card address{font-size:13px;color:#f1f3f4;line-height:1.75;margin-bottom:19px}
.branches-editorial .branch-card__phone{font-size:19px;color:#fff;margin-bottom:13px}
.branches-editorial .branch-card__phone>span,.branches-editorial .branch-card__actions a>span{color:#ff788d}
.branches-editorial .branch-card__actions{border-top-color:#ffffff40;gap:8px;padding-top:10px}
.branches-editorial .branch-card__actions a{color:#fff;font-size:12px}
.branches-editorial .branch-copy{color:#edf1f2;font-size:11px}
.branches-editorial .branch-card a:focus-visible,.branches-editorial .branch-card button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.branches-editorial .branch-card:target{outline-color:var(--red);outline-offset:4px}
.branches-editorial .branch-card[hidden]{display:none}
.branches-editorial .branch-card--matriz{--branch-focus:63%}
.branches-editorial .branch-card--merida,.branches-editorial .branch-card--oaxaca,.branches-editorial .branch-card--orizaba{--branch-focus:63%}
.branches-editorial .branch-card--veracruz{--branch-focus:73%}

@media(min-width:1500px){.branches-directory__photo,.branches-directory__edge{left:50%}}
@media(max-width:1100px){
 .branches-editorial .branches-hero__layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:15px;min-height:435px}
 .branches-editorial .branches-hero h1{font-size:clamp(66px,7.2vw,83px)}
 .branches-editorial .branch-card{padding:23px;min-height:405px}
 .branches-editorial .branch-card h3{font-size:35px}
 .branches-directory__heading>div{max-width:54%}
 .branches-directory__photo,.branches-directory__edge{left:54%}
}
@media(max-width:800px){
 .branches-editorial .branches-hero__layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px;min-height:410px}
 .branches-editorial .branches-hero h1{font-size:67px}
 .branches-editorial .branches-hero__copy{padding-bottom:35px}
 .branches-editorial .branches-hero__copy>p:not(.drive-kicker){font-size:13px}
 .branches-directory__banner{min-height:245px}
 .branches-directory__heading{padding-block:36px}
 .branches-editorial .branches-directory__heading h2{font-size:43px}
 .branches-directory__intro{font-size:13px;max-width:260px}
 .branches-directory__photo,.branches-directory__edge{left:53%}
 .branches-editorial .branch-card{min-height:375px;padding:25px}
}
@media(max-width:600px){
 .branches-editorial .branches-hero__layout{display:flex;flex-direction:column;gap:0;min-height:0;align-items:stretch}
 .branches-editorial .branches-hero__copy{padding-block:22px 4px}
 .branches-editorial .branches-breadcrumb{margin-bottom:25px}
 .branches-editorial .branches-hero h1{font-size:clamp(68px,16vw,88px)}
 .branches-editorial .branches-hero__copy>p:not(.drive-kicker){font-size:14px;margin:20px 0 12px}
 .branches-directory__banner{min-height:0;margin-bottom:25px;display:flex;flex-direction:column}
 .branches-directory__heading{padding-block:30px 25px;width:min(calc(100% - 40px),var(--max-width))}
 .branches-directory__heading>div{max-width:100%}
 .branches-editorial .branches-directory__heading h2{font-size:clamp(38px,9.6vw,51px)}
 .branches-directory__intro{font-size:13px;max-width:100%;margin-top:15px}
 .branches-directory__photo{position:relative;inset:auto;width:100%;height:190px;clip-path:none;border-top:3px solid var(--red)}
 .branches-directory__photo img{object-position:63% center}
 .branches-directory__edge{display:none}
 .branches-editorial .branch-card{min-height:380px;padding:25px;border-top-width:3px}
 .branches-editorial .branch-card h3{font-size:41px}
 .branches-editorial .branch-card__top{margin-bottom:27px}
 .branches-editorial .branch-card address{font-size:13px}
 .branches-editorial .branch-card__actions{gap:12px}
 .branches-editorial .branch-card__actions a,.branches-editorial .branch-copy{font-size:12px}
}
@media(max-width:360px){
 .branches-editorial .branch-card{padding:21px;min-height:385px}
 .branches-editorial .branch-card h3{font-size:38px}
 .branches-editorial .branch-card__actions{gap:0}
 .branches-editorial .branch-copy{font-size:11px}
}
.motion-off .branch-card__photo img{transition:none;transform:none!important}
@media(prefers-reduced-motion:reduce){.branch-card__photo img{transition:none;transform:none!important}}