:root{--ink:#090909;--graphite:#171717;--navy:#101c32;--red:#c62832;--silver:#c5c5c5;--paper:#fff;--mist:#f4f5f6;--line:#e2e4e7;--muted:#666c75;--sans:"DM Sans",Arial,sans-serif;--display:Manrope,"DM Sans",sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4172bb;outline-offset:4px}.intro{position:fixed;inset:0;z-index:30;background:#050505;display:grid;place-items:center;opacity:1;transition:opacity .65s ease}.intro img{width:min(82vw,620px);height:auto;max-height:54vh;object-fit:contain;animation:intro-in .65s ease both}.intro.is-gone{opacity:0;pointer-events:none}@keyframes intro-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.site-header{height:82px;position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 7.2%;color:#fff;border-bottom:1px solid #ffffff2d}.brand img{display:block;width:139px;height:63px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px);font-size:12px;letter-spacing:.045em}.main-nav a,.footer-bottom nav a{transition:opacity .2s}.main-nav a:hover,.footer-bottom nav a:hover{opacity:.65}.menu-toggle{display:none}.hero{min-height:min(850px,100svh);height:780px;max-height:100svh;position:relative;background:#080a0e;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('/05-HERO/hero-pepe-cars.jpeg.jpg') center 56%/cover no-repeat;transform:scale(1.015)}.hero-shade{background:linear-gradient(90deg,#06080dd9 0%,#09101a99 42%,#101c3224 100%),linear-gradient(0deg,#09090945,transparent 40%)}.hero-content{position:relative;width:min(1200px,86%);margin:100px auto 0}.eyebrow{margin:0 0 20px;color:#6d7580;font-size:10px;letter-spacing:.19em;font-weight:700}.eyebrow.light{color:#d4d7db}.hero-content .eyebrow span{color:var(--red);margin:0 8px}.hero h1,.section-heading h2,.welcome h2,.story h2,.contact h2,.detail-title{font-family:var(--display);font-weight:500;letter-spacing:-.055em;line-height:1.07}.hero h1{font-size:clamp(48px,7.1vw,96px);margin:0 0 39px}.hero h1 em,.section-heading h2 em{font-style:normal;color:#d3d5d7}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:24px;padding:0 23px;font-size:11px;font-weight:700;letter-spacing:.035em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-red{background:var(--red);color:#fff}.button-red:hover{background:#a91e28}.button-navy{background:var(--navy);color:#fff}.button span,.text-link span{font-size:17px}.scroll-cue{position:absolute;bottom:34px;left:50%;height:45px;width:22px;border:1px solid #ffffff88;border-radius:20px;display:flex;justify-content:center;padding-top:8px}.scroll-cue span{height:8px;width:1px;background:#fff;animation:scroll 1.6s infinite}@keyframes scroll{to{transform:translateY(12px);opacity:0}}.section-wrap{padding-left:max(7.2%,calc((100% - 1200px)/2));padding-right:max(7.2%,calc((100% - 1200px)/2))}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:125px;padding-bottom:132px}.welcome-copy{max-width:510px}.welcome h2,.story h2,.contact h2{font-size:clamp(40px,5vw,64px);margin:0 0 22px}.welcome-copy>p:not(.eyebrow),.story-copy>p:not(.eyebrow){color:#636871;max-width:465px;font-size:15px;line-height:1.9;margin:0 0 27px}.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid var(--red);padding:0 0 8px;font-size:12px;font-weight:700}.text-link span{color:var(--red)}.video-frame{position:relative;width:min(100%,385px);justify-self:end;aspect-ratio:9/16;background:#171717;border-radius:4px;overflow:hidden;box-shadow:0 23px 55px #101c3218}.video-frame video{height:100%;width:100%;display:block;object-fit:contain;background:#171717}.video-caption{position:absolute;bottom:14px;left:14px;color:#fff;font-size:8px;letter-spacing:.16em;text-shadow:0 1px 6px #000}.catalog{background:#f8f8f8;padding-top:108px;padding-bottom:116px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:46px}.section-heading h2{font-size:clamp(38px,4.7vw,60px);margin:0}.section-heading h2 em{color:#959ba2}.section-note{max-width:350px;margin:0 0 8px;color:#737982;font-size:13px;line-height:1.85}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vehicle-card{background:#fff;min-width:0;position:relative}.vehicle-photo{height:240px;background:#fff;display:grid;place-items:center;overflow:hidden}.vehicle-photo img{width:100%;height:100%;object-fit:contain;transition:transform .45s}.vehicle-card:hover .vehicle-photo img{transform:translateY(-2px)}.vehicle-photo-fallback{color:#9da2a8;background:#f1f2f3;font-size:12px;padding:45px;text-align:center;width:100%;height:100%;display:grid;place-items:center}.vehicle-card-copy{padding:19px 21px 22px;border-top:1px solid #f0f0f0}.vehicle-meta{margin:0 0 5px;color:#838992;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.vehicle-card h3{font-family:var(--display);font-weight:600;font-size:18px;line-height:1.35;margin:0 0 9px}.vehicle-specs{display:flex;flex-wrap:wrap;gap:7px 16px;min-height:23px;color:#686e76;font-size:11px}.vehicle-specs span+span:before{content:"·";margin-right:16px;color:#c62832}.card-link{display:inline-flex;justify-content:space-between;align-items:center;margin-top:18px;width:100%;border-top:1px solid #e6e7e9;padding-top:12px;font-weight:700;font-size:10px}.card-link span{color:var(--red);font-size:16px}.catalog-message{grid-column:1/-1;color:#707782}.services{background:var(--navy);color:#fff;padding-top:103px;padding-bottom:110px}.services .section-heading{align-items:end}.services .section-note{color:#b7bdc7}.services .section-heading h2 em{color:#aeb6c2}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 42px;border-top:1px solid #ffffff36}.service-card{padding:22px 0 18px;border-bottom:1px solid #ffffff36}.service-card h3{font-family:var(--display);font-size:18px;font-weight:500;margin:0 0 8px}.service-card p{margin:0;max-width:500px;color:#b7bdc7;font-size:12px;line-height:1.85}.story{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:12%;padding-top:117px;padding-bottom:123px}.story-mark{width:min(300px,100%);aspect-ratio:1/1;background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:12%;font-family:var(--display);font-weight:800;font-size:clamp(54px,7vw,86px);line-height:.93;letter-spacing:-.08em;position:relative;overflow:hidden}.story-mark:after{content:"";position:absolute;width:160px;height:160px;border:1px solid #ffffff38;border-radius:50%;bottom:-75px;right:-37px}.story-mark span:nth-child(2){color:#d4d6da}.story-mark small{font:600 9px var(--sans);letter-spacing:.16em;margin-top:22px}.story-copy{max-width:520px}.contact{background:#f6f7f8;display:grid;grid-template-columns:.65fr 1.1fr;gap:8%;align-items:center;padding-top:92px;padding-bottom:96px}.contact h2{font-size:clamp(45px,5.5vw,68px);margin-bottom:22px}.contact-address{font-family:var(--display);font-size:18px;font-weight:600;margin:0 0 7px}.contact-hours{font-size:12px;color:#686e76;margin:0 0 26px}.contact-links{display:grid;gap:9px;margin-top:24px;font-size:12px}.contact-links a{width:max-content}.contact-links a:hover{text-decoration:underline}.map-card{height:405px;background:#e5e7e9;border-radius:3px;overflow:hidden}.map-card iframe{width:100%;height:100%;border:0}.site-footer{background:#090a0d;color:#fff;padding:52px 7.2% 20px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:40px;border-bottom:1px solid #ffffff2b}.footer-brand img{width:150px;height:90px;object-fit:contain}.footer-top p{font-family:var(--display);font-size:17px;line-height:1.6;color:#c0c3c7}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:18px;color:#a8abb0;font-size:9px}.footer-bottom nav{display:flex;gap:19px}.detail-root{min-height:75vh;padding:125px max(7.2%,calc((100% - 1200px)/2)) 90px}.back-link{font-size:11px;font-weight:700;color:#666;display:inline-flex;gap:9px;margin-bottom:30px}.detail-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:start}.gallery-main{height:500px;background:#f3f4f5;display:grid;place-items:center}.gallery-main img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:500px!important;object-fit:contain!important;object-position:center!important;margin:auto}.gallery-tools{display:flex;justify-content:space-between;margin-top:9px}.gallery-tools button,.thumb{border:0;background:#f2f3f4;cursor:pointer}.gallery-tools button{padding:8px 14px}.gallery-thumbs{display:flex;gap:8px;margin-top:9px;overflow-x:auto}.thumb{flex:0 0 83px;height:60px;padding:0;border:2px solid transparent}.thumb[aria-current=true]{border-color:var(--red)}.thumb img{width:100%;height:100%;object-fit:cover}.detail-title{font-size:clamp(36px,4vw,56px);margin:0 0 10px}.detail-subtitle{color:#757b84;font-size:12px;margin-bottom:23px}.detail-description{font-size:14px;line-height:1.9;color:#555b63}.detail-status{display:inline-block;background:#eff1f3;padding:5px 9px;font-size:10px;font-weight:700;margin:8px 0 22px}.spec-list{border-top:1px solid var(--line);margin:22px 0}.spec-row{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.spec-row span:first-child{color:#737982}.detail-gallery-note{font-size:11px;color:#717780}.loading-note{color:#747982;font-size:12px}@media(max-width:800px){.site-header{height:68px;padding:0 6%}.brand img{width:115px;height:56px}.menu-toggle{display:grid;gap:5px;border:0;background:none;padding:10px}.menu-toggle span{width:23px;height:1px;background:#fff}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#101c32f5;padding:22px 6%;align-items:flex-start;flex-direction:column;gap:15px}.main-nav.is-open{display:flex}.hero{height:760px;min-height:650px}.hero-image{background-position:61% center}.hero-shade{background:linear-gradient(90deg,#06080dcf,#09101a55 100%),linear-gradient(0deg,#09090966,transparent 50%)}.hero-content{width:88%;margin-top:55px}.hero h1{font-size:clamp(51px,11vw,78px)}.section-wrap{padding-left:6%;padding-right:6%}.welcome{grid-template-columns:1fr;gap:38px;padding-top:78px;padding-bottom:85px}.video-frame{justify-self:center;width:min(70%,340px)}.section-heading{display:block;margin-bottom:30px}.section-note{margin-top:18px}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vehicle-photo{height:190px}.vehicle-card-copy{padding:15px}.vehicle-card h3{font-size:16px}.services{padding-top:75px;padding-bottom:78px}.story{grid-template-columns:1fr;gap:32px;padding-top:80px;padding-bottom:85px}.story-mark{width:210px}.contact{grid-template-columns:1fr;gap:32px;padding-top:74px;padding-bottom:75px}.map-card{height:330px}.footer-top{flex-wrap:wrap}.footer-top p{order:3;width:100%}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom nav{flex-wrap:wrap}.detail-layout{grid-template-columns:1fr;gap:35px}.detail-root{padding:100px 6% 70px}.gallery-main{height:min(72vw,480px)}}@media(max-width:480px){.hero{height:700px;min-height:610px}.hero-image{background-position:64% center}.vehicle-grid{grid-template-columns:1fr}.vehicle-photo{height:235px}.video-frame{width:min(78%,300px)}.service-grid{grid-template-columns:1fr}.map-card{height:290px}.footer-top .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.video-unavailable{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;padding:22px;color:#fff;background:linear-gradient(0deg,#090909d9,#09090933),url('/05-HERO/hero-pepe-cars.jpeg.jpg') center/cover no-repeat}.video-unavailable p{max-width:265px;font-size:12px;line-height:1.7;margin:0}.video-unavailable a{font-size:11px;font-weight:700;border-bottom:1px solid #c62832;width:max-content;padding-bottom:4px}.video-frame video[hidden]{display:none}
.gallery-main{position:relative;overflow:hidden;min-width:0;min-height:500px}

.gallery-arrow{position:absolute;top:50%;z-index:1;display:grid;place-items:center;min-width:82px;height:44px;padding:0 10px;transform:translateY(-50%);border:1px solid #ffffff70;border-radius:22px;background:#0909099c;color:#fff;font-size:11px;font-weight:700;line-height:1;cursor:pointer;transition:background .2s,border-color .2s}
.gallery-arrow:hover{background:#c62832;border-color:#c62832}
.gallery-arrow-prev{left:16px}
.gallery-arrow-next{right:16px}
@media(max-width:480px){.gallery-arrow{min-width:76px;height:40px}.gallery-arrow-prev{left:10px}.gallery-arrow-next{right:10px}}
html,body{overflow-x:hidden!important;max-width:100%}.detail-equipment{margin:24px 0}.detail-equipment h2{font:600 15px var(--display);margin:0 0 10px}.detail-equipment ul{padding-left:18px;margin:0;color:#606770;font-size:12px;line-height:1.9}

/* PEPE CAR premium dark palette and brand assets */
.site-header .brand img{width:48px;height:48px;aspect-ratio:1;object-fit:contain;border-radius:50%;background:transparent}
.intro{transition:opacity .5s ease}
.intro img{animation:intro-in .7s ease both}
.intro.is-gone{opacity:0;pointer-events:none}
.welcome,.story,.contact{color:#f2f3f4;background:#141619}
.welcome-copy>p:not(.eyebrow),.story-copy>p:not(.eyebrow){color:#c1c5cb}
.welcome .eyebrow,.story .eyebrow,.contact .eyebrow{color:#b8bec7}
.catalog{color:#f2f3f4;background:#1a1c20}
.catalog .section-note{color:#c0c4cb}
.catalog .section-heading h2 em{color:#bdc3cb}
.vehicle-card{color:#f4f4f3;background:#24272c}
.vehicle-card-copy{border-color:#393d43}
.vehicle-meta,.vehicle-specs,.catalog-message{color:#c3c7ce}
.card-link{border-color:#454950}
.contact-address{color:#fff}
.contact-hours,.contact-links{color:#c5c9d0}
.button-navy{border:1px solid #52617a}

/* Two-second, full-screen brand introduction with a real animated progress bar. */
.intro{animation:intro-screen 2s linear forwards}
.intro-content{width:min(82vw,620px);display:grid;justify-items:center;gap:30px}
.intro img{width:100%;max-height:54vh;object-fit:contain;animation:intro-in .7s ease both}
.intro-progress{width:min(210px,42vw);height:2px;background:#34373b;overflow:hidden}
.intro-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#777d84,#f1f2f3 58%,#c62832);transform:scaleX(0);transform-origin:left;animation:intro-progress-fill 2s linear forwards}
.intro.is-gone{animation:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}
@keyframes intro-progress-fill{to{transform:scaleX(1)}}

@keyframes intro-screen{0%,85%{opacity:1;visibility:visible;pointer-events:auto}100%{opacity:0;visibility:hidden;pointer-events:none}}

/* Keep the inventory catalog light against the surrounding dark sections. */
.catalog{color:#090909;background:#fff}
.catalog .section-note{color:#737982}
.catalog .section-heading h2 em{color:#858b93}
.catalog .vehicle-card{color:#090909;background:#fff}
.catalog .vehicle-card-copy{border-color:#f0f0f0}
.catalog .vehicle-meta{color:#737982}
.catalog .vehicle-specs{color:#555b63}
.catalog .catalog-message{color:#555b63}
.catalog .card-link{border-color:#e2e4e7}

/* Use the official circular emblem in the story brand panel. */
.story-mark{background:transparent;padding:0;align-items:center}
.story-mark:after{display:none}
.story-mark img{display:block;width:82%;height:82%;object-fit:contain}

@media(prefers-reduced-motion:reduce){.intro,.intro img,.intro-progress span{animation:none!important}.intro{display:none!important;transition:opacity .05s ease}.intro.is-gone{transition-duration:.05s}}

/* Welcome presentation: one graphite surface and restrained metallic detail. */
#bienvenida.welcome{position:relative;isolation:isolate;gap:clamp(48px,8vw,120px);padding-top:clamp(92px,11vw,142px);padding-bottom:clamp(96px,11vw,148px);color:#f4f2ee;background:#171717}
#bienvenida .welcome-copy{max-width:560px}
#bienvenida .welcome-copy .eyebrow{color:#c2c5ca}
#bienvenida .welcome-copy .eyebrow:before{content:"";display:inline-block;width:22px;height:1px;margin:0 11px 3px 0;background:#c62832}
#bienvenida .welcome-copy h2{max-width:600px;margin:0 0 26px;font-size:clamp(54px,6.8vw,82px);font-weight:600;letter-spacing:-.065em;line-height:.99;color:#d8dadd;background-image:linear-gradient(178deg,#fff 2%,#c8cbd0 32%,#f1f0ed 49%,#8c929a 72%,#e1e3e5 100%);background-size:100% 180%;background-position:center 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#bienvenida .welcome-copy>p:not(.eyebrow){max-width:440px;margin-bottom:31px;color:#c1c4c8;font-size:15px;line-height:1.9}
#bienvenida .welcome-copy .text-link{color:#f1efeb;border-color:#c62832}
#bienvenida .video-frame{width:min(100%,385px);border:0;border-radius:2px;background:#171717;box-shadow:none}
#bienvenida .video-frame video{background:#171717}
#bienvenida .video-frame video{pointer-events:none}
#bienvenida .video-caption{left:16px;bottom:16px;color:#e1e2e3}
#bienvenida.welcome-motion .motion-reveal{opacity:0;transform:translateY(18px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.25,1)}
#bienvenida.welcome-motion .motion-reveal.is-visible{opacity:1;transform:translateY(0)}
#bienvenida.welcome-motion .welcome-copy h2.is-visible{animation:welcome-metal-sheen 1.25s ease-out .12s 1 both}
#bienvenida.welcome-motion .welcome-copy h2{background-size:220% 180%}
#bienvenida.welcome-motion .welcome-copy .eyebrow{transition-delay:0s}
#bienvenida.welcome-motion .welcome-copy h2{transition-delay:.08s}
#bienvenida.welcome-motion .welcome-copy>p:not(.eyebrow){transition-delay:.16s}
#bienvenida.welcome-motion .welcome-copy .text-link{transition-delay:.24s}
#bienvenida.welcome-motion .video-frame{transition-delay:.12s}
@keyframes welcome-metal-sheen{from{background-position:100% 100%}to{background-position:0% 100%}}
@media(max-width:800px){#bienvenida.welcome{gap:38px;padding-top:78px;padding-bottom:85px}#bienvenida .welcome-copy h2{font-size:clamp(49px,10vw,70px)}#bienvenida .video-frame{width:min(70%,340px)}}
@media(max-width:480px){#bienvenida .welcome-copy h2{font-size:clamp(46px,11.5vw,62px)}#bienvenida .video-frame{width:min(78%,300px)}}
@media(prefers-reduced-motion:reduce){#bienvenida.welcome-motion .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}#bienvenida.welcome-motion .welcome-copy h2.is-visible{animation:none!important}}

/* Vehicle catalog carousel: local to the catalog section. */
.catalog #vehicle-grid{display:block}
.catalog-carousel{max-width:1200px;margin:0 auto;min-width:0}
.catalog-model-list{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:x proximity;padding:0 2px 12px;margin-bottom:20px;border-bottom:1px solid #e6e7e9}
.catalog-model-button{flex:0 0 auto;scroll-snap-align:start;padding:4px 0 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:#777d85;font-size:clamp(11px,.95vw,13px);font-weight:600;white-space:nowrap;cursor:pointer;transition:color .2s,border-color .2s}
.catalog-model-button:hover,.catalog-model-button[aria-pressed="true"]{color:var(--red)}
.catalog-model-button[aria-pressed="true"]{border-bottom-color:var(--red)}
.catalog-showcase{position:relative;display:grid;place-items:center;min-width:0;height:clamp(300px,42vw,520px);background:#fff;overflow:hidden}
.catalog-image-link{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;padding:0 clamp(54px,8vw,100px)}
.catalog-main-image{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.catalog-image-fallback{width:100%;height:100%;display:grid;place-items:center;background:#f4f5f6;color:#747982;font-size:13px;text-align:center;padding:32px}
.catalog-image-fallback[hidden]{display:none!important}
.catalog-control{position:absolute;z-index:1;top:50%;display:grid;place-items:center;width:48px;height:48px;transform:translateY(-50%);border:1px solid #d8dade;border-radius:50%;background:#fff;color:var(--red);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.catalog-control::before{content:"";width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.catalog-control-prev{left:clamp(5px,1.8vw,22px)}
.catalog-control-prev::before{transform:rotate(-135deg);margin-left:4px}
.catalog-control-next{right:clamp(5px,1.8vw,22px)}
.catalog-control-next::before{transform:rotate(45deg);margin-right:4px}
.catalog-control:hover{background:var(--red);border-color:var(--red);color:#fff}
.catalog-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.catalog-feature-info{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:21px 0 0;border-top:1px solid #e6e7e9}
.catalog-feature-copy{min-width:0}
.catalog-feature-title{margin:0 0 8px;font-family:var(--display);font-size:clamp(22px,3vw,34px);font-weight:600;line-height:1.2;letter-spacing:-.04em}
.catalog-feature-info .vehicle-meta{margin-bottom:7px}
.catalog-feature-info .vehicle-specs{font-size:12px}
.catalog-feature-info .card-link{flex:0 0 auto;width:auto;min-width:175px;margin:0;padding:12px 0;border-top:0;border-bottom:1px solid #e2e4e7;font-size:11px}
.catalog-feature-info .card-link:hover{color:var(--red);border-color:var(--red)}
.catalog-carousel:focus-visible{outline:3px solid #4172bb;outline-offset:6px}
@media(max-width:800px){.catalog-model-list{gap:22px;margin-bottom:12px}.catalog-showcase{height:clamp(245px,54vw,390px)}.catalog-image-link{padding-inline:48px}.catalog-control{width:42px;height:42px}.catalog-feature-info{gap:18px;padding-top:16px}}
@media(max-width:480px){.catalog-model-list{gap:20px;margin-right:-6.8%;padding-right:6.8%;margin-bottom:8px}.catalog-model-button{font-size:11px}.catalog-showcase{height:clamp(215px,62vw,290px)}.catalog-image-link{padding-inline:42px}.catalog-control{width:38px;height:38px}.catalog-feature-info{align-items:stretch;flex-direction:column;gap:11px;padding-top:13px}.catalog-feature-title{font-size:22px;margin-bottom:6px}.catalog-feature-info .vehicle-specs{font-size:11px}.catalog-feature-info .card-link{width:100%;padding:10px 0}}
@media(prefers-reduced-motion:reduce){.catalog-model-button,.catalog-control{transition:none}}

/* Brand lockup localized to the home hero. */
#inicio .hero-brand-title{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 39px;font-family:var(--display);font-size:clamp(42px,8vw,108px);font-weight:800;letter-spacing:-.065em;line-height:.93}
#inicio .hero-brand-line{display:flex;align-items:center;white-space:nowrap}
#inicio .hero-brand-name{color:#d9dadd;background-image:linear-gradient(180deg,#fff 0%,#a8adb4 22%,#f0f1f2 39%,#777e87 51%,#f3f3f2 66%,#a4a9b0 82%,#e7e8e9 100%);background-size:100% 180%;background-position:center 48%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#inicio .hero-business-line{display:flex;align-items:center;gap:.26em;margin-top:.2em;color:#356b99;font-size:clamp(22px,3.2vw,40px);font-weight:800;letter-spacing:.13em;line-height:1;white-space:nowrap}
#inicio .hero-import,#inicio .hero-business-dot{color:#356b99}
#inicio .hero-export{color:var(--red)}
@media(max-width:480px){#inicio .hero-brand-title{font-size:clamp(42px,12vw,54px)}#inicio .hero-business-line{font-size:clamp(22px,6vw,28px);letter-spacing:.11em}}

/* Plain, crisp white navigation without metallic glow or shadow. */
.site-header .main-nav a{font-family:"Montserrat",var(--display);font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#f3f5f7;background:none;-webkit-text-fill-color:#f3f5f7;text-shadow:none;-webkit-text-stroke:0;filter:none}
@media(max-width:800px){.site-header .main-nav a{font-size:14px}}
body:has(#vehicle-detail:not([hidden])) .site-header{background:#090a0d}

/* Keep the Toyota bZ5 fully framed without changing other catalog vehicles. */
.catalog .vehicle-card>a[href*="/vehiculos/toyota-bz5"] .vehicle-photo{overflow:hidden}
.catalog .vehicle-card>a[href*="/vehiculos/toyota-bz5"] .vehicle-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:translateY(-15px)}
.catalog .vehicle-card>a[href*="/vehiculos/toyota-bz5"]:hover .vehicle-photo img{transform:translateY(-17px)}

/* Controlled identity update: only the welcome, services, story, contact and footer surfaces. */
#bienvenida.welcome{background:#0a0a0b;color:#f1f1f1}
#servicios.services{background:#0a0a0b;color:#f1f1f1}
#historia.story{background:#0a0a0b;color:#f1f1f1}
#contacto.contact{background:#0a0a0b;color:#f1f1f1}
.site-footer{background:#0a0a0b}

#bienvenida .welcome-copy>p:not(.eyebrow){color:#c4c8cc}
#historia .story-copy>p:not(.eyebrow){color:#c4c8cc}
#historia .story h2,#contacto .contact h2{color:#c4c8cc}
#contacto .contact-address{color:#f1f1f1}
#contacto .contact-hours,#contacto .contact-links{color:#c4c8cc}
#contacto .map-card{background:#17181b}

#servicios .section-heading h2{color:#f1f1f1}
#servicios .section-heading h2 em{color:#c4c8cc}
#servicios .section-note{color:#c4c8cc}
#servicios .service-grid{display:grid;grid-template-columns:minmax(0,1fr);max-width:900px;border-top:1px solid #c4c8cc35;counter-reset:service-step}
#servicios .service-card{position:relative;background:transparent;border-bottom:1px solid #c4c8cc35;padding:25px 0 24px;counter-increment:service-step}
#servicios .service-card::before{content:counter(service-step,decimal-leading-zero);display:block;margin-bottom:7px;color:#7e1e2b;font:700 11px var(--sans);letter-spacing:.16em}
#servicios .service-card h3{color:#f1f1f1;font-size:clamp(18px,2vw,22px);font-weight:600;letter-spacing:-.02em}
#servicios .service-card p{color:#c4c8cc;font-size:13px;line-height:1.9}

#servicios.services-motion .service-reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.25,1)}
#servicios.services-motion .service-reveal.is-visible{opacity:1;transform:translateY(0)}
#servicios.services-motion .section-heading h2{transition-delay:.08s}
#servicios.services-motion .section-note{transition-delay:.16s}
#servicios.services-motion .service-card:nth-child(2){transition-delay:.06s}
@media(max-width:800px){#servicios .service-grid{max-width:none}#servicios .service-card{padding:21px 0}}
@media(prefers-reduced-motion:reduce){#servicios.services-motion .service-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* Scroll-led PEPE CARS service journey. */
#servicios.services{background:#0a0a0b;color:#f1f1f1;padding-top:clamp(82px,9vw,118px);padding-bottom:clamp(84px,10vw,126px)}
#servicios .service-heading{align-items:end;margin-bottom:clamp(48px,7vw,82px)}
#servicios .service-heading .eyebrow{color:#c4c8cc}
#servicios .service-heading h2{color:#f1f1f1;font-size:clamp(42px,6vw,76px);font-weight:600;letter-spacing:-.055em;line-height:1.02}
#servicios .service-heading .section-note{max-width:370px;color:#c4c8cc;font-size:14px}
#servicios .service-timeline{--timeline-progress:0;position:relative;isolation:isolate;width:min(100%,940px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr)}
#servicios .service-timeline::before,#servicios .service-timeline::after{content:"";position:absolute;z-index:-1;left:20px;top:21px;bottom:21px;width:2px}
#servicios .service-timeline::before{background:#c4c8cc45}
#servicios .service-timeline::after{background:#c62832;transform:scaleY(var(--timeline-progress));transform-origin:top center}
#servicios .service-step{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:clamp(22px,4vw,54px);align-items:start;min-height:174px;padding:0 0 50px}
#servicios .service-step-number{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c4c8cc65;border-radius:50%;background:#0a0a0b;color:#c4c8cc;font:700 12px var(--sans);letter-spacing:.05em;transition:color .3s,border-color .3s,box-shadow .3s}
#servicios .service-step-copy{padding-top:3px}
#servicios .service-step h3{margin:0 0 9px;color:#f1f1f1;font-family:var(--display);font-size:clamp(21px,2.8vw,30px);font-weight:600;letter-spacing:-.035em;line-height:1.2;transition:color .3s}
#servicios .service-step p{max-width:640px;margin:0;color:#c4c8cc;font-size:14px;line-height:1.8}
#servicios .service-step.is-active .service-step-number,#servicios .service-step.is-complete .service-step-number{color:#c62832;border-color:#c62832}
#servicios .service-step.is-active .service-step-number{box-shadow:0 0 18px #c6283245}
#servicios .service-step.is-active h3{color:#c62832}
#servicios.services-motion .service-reveal{opacity:0;transform:translateY(16px);transition:opacity .62s ease,transform .62s cubic-bezier(.2,.7,.25,1)}
#servicios.services-motion .service-reveal.is-visible{opacity:1;transform:translateY(0)}
#servicios.services-motion .service-heading h2{transition-delay:.08s}
#servicios.services-motion .service-heading .section-note{transition-delay:.16s}
#servicios.services-motion .service-step:nth-of-type(2){transition-delay:.05s}
#servicios.services-motion .service-step:nth-of-type(3){transition-delay:.1s}
#servicios.services-motion .service-step:nth-of-type(4){transition-delay:.15s}
@media(max-width:800px){#servicios .service-heading{display:block;margin-bottom:48px}#servicios .service-heading .section-note{margin-top:20px}#servicios .service-step{min-height:160px;padding-bottom:40px;column-gap:22px}}
@media(max-width:480px){#servicios .service-heading h2{font-size:clamp(38px,11vw,52px)}#servicios .service-step{grid-template-columns:38px minmax(0,1fr);column-gap:17px;min-height:156px;padding-bottom:36px}#servicios .service-step-number{width:38px;height:38px}#servicios .service-timeline::before,#servicios .service-timeline::after{left:18px;top:19px;bottom:19px}#servicios .service-step h3{font-size:20px}#servicios .service-step p{font-size:13px}}
@media(prefers-reduced-motion:reduce){#servicios .service-step-number,#servicios .service-step h3{transition:none}#servicios .service-timeline::after{display:none}#servicios.services-motion .service-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* Visítanos: wider live map and paired contact actions. */
#contacto.contact{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(32px,6vw,88px)}
#contacto .contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
#contacto .map-card{height:clamp(380px,38vw,500px);border:1px solid #ffffff1a;border-radius:8px;background:#17181b;overflow:hidden}
#contacto .map-card iframe{display:block;width:100%;height:100%;border:0}
#contacto .map-load-button{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;background:#17181b;color:#c4c8cc;text-align:center;cursor:pointer}
#contacto .map-load-button span{padding:12px 18px;border-radius:3px;background:var(--red);color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em;transition:background .2s}
#contacto .map-load-button:hover span{background:#a91e28}
#contacto .map-load-button small{font-size:11px;color:#c4c8cc}
#contacto .map-load-button[hidden],#contacto .map-card iframe[hidden]{display:none!important}
@media(max-width:800px){#contacto.contact{grid-template-columns:minmax(0,1fr);gap:32px}#contacto .map-card{height:350px}}
@media(max-width:480px){#contacto .contact-actions{align-items:stretch;flex-direction:column}#contacto .contact-actions .button{width:100%}#contacto .map-card{height:310px}}

/* Visítanos: refine contact hierarchy and add a full-width closing CTA. */
#contacto.contact{padding-top:clamp(80px,9vw,110px);padding-bottom:clamp(52px,6vw,76px)}
#contacto .contact-copy{max-width:460px}
#contacto.contact h2{color:#f1f1f1;margin-bottom:22px}
#contacto .contact-closer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:10px;padding-top:26px;border-top:1px solid #ffffff24}
#contacto .contact-closer p{margin:0;color:#c4c8cc;font:500 clamp(17px,2.2vw,21px)/1.5 var(--display);letter-spacing:-.015em}
#contacto .contact-closer .button{flex-shrink:0}
@media(max-width:800px){#contacto .contact-closer{align-items:flex-start;flex-direction:column;gap:15px;margin-top:0;padding-top:22px}}
@media(max-width:480px){#contacto .contact-closer .button{width:100%}}