@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(assets/fonts/dm-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(assets/fonts/plus-jakarta-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--blue:#176bbb;--blue-dark:#124c85;--navy:#143656;--ink:#183750;--muted:#667b8e;--ice:#edf5fc;--line:#dfe8ee;--font:'DM Sans',Arial,sans-serif;--heading:'Plus Jakarta Sans',Arial,sans-serif;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:600;letter-spacing:-.055em;line-height:1.12}h2{font-size:clamp(35px,4vw,57px)}h2>span{color:var(--blue)}h3{letter-spacing:-.035em}::selection{background:#cde7fc;color:#133957}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #68b3f0;outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.section{padding-block:112px}.icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:9px;font-weight:650;letter-spacing:.14em;color:var(--blue-dark);line-height:1.5}.status-dot,.section-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;flex-shrink:0}.status-dot{box-shadow:0 0 0 5px #1970ba0b}.section-dot{width:5px;height:5px}.skip-link{position:fixed;z-index:100;left:20px;top:-100px;padding:12px 20px;border-radius:30px;background:var(--navy);color:#fff}.skip-link:focus{top:15px}.scroll-progress{position:fixed;left:0;top:0;right:0;height:3px;background:var(--blue);transform-origin:0 50%;transform:scaleX(0);z-index:60}
.site-header{position:sticky;top:0;z-index:40;background:#ffffffed;backdrop-filter:blur(18px);transition:box-shadow .3s}.site-header.scrolled{box-shadow:0 4px 25px #183f6a09}.nav-shell{height:95px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex-shrink:0}.brand img{width:112px;height:65px;object-fit:contain;filter:url(#logo-blue);clip-path:inset(0 3px)}.desktop-nav{display:flex;gap:37px;align-items:center;font-size:12px;font-weight:500}.desktop-nav a{position:relative;padding-block:13px}.desktop-nav a:after{position:absolute;content:'';bottom:3px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--blue);opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{opacity:1;transform:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:17px 23px;min-height:54px;line-height:1.3;font-size:12px;font-weight:550;border-radius:50px;transition:background .25s,box-shadow .25s,transform .25s;position:relative}.button:hover{transform:translateY(-2px)}.button-blue{background:var(--blue);color:#fff}.button-blue:hover{background:var(--blue-dark);box-shadow:0 8px 22px #1669b327}.button-navy{background:var(--navy);color:#fff}.button-navy:hover{background:#1e517e;box-shadow:0 8px 22px #173d6024}.button-small{min-height:47px;padding:13px 19px;font-size:11px}.button-circle{border-radius:50%;width:28px;height:28px;background:#ffffff20;display:grid;place-items:center;margin-block:-6px;margin-right:-9px}.button-circle .icon{width:16px;height:16px}.button>.icon{width:18px;height:18px}.button:hover .icon{transform:translate(2px,-2px)}.button .icon{transition:transform .25s}.menu-toggle,.mobile-nav{display:none}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:550}.text-link>.icon{width:16px;height:16px;color:var(--blue);transition:transform .2s}.text-link:hover>.icon{transform:translate(3px,-3px)}
.hero{padding-top:51px}.hero-intro{display:grid;grid-template-columns:1fr 270px;gap:55px;align-items:flex-end;position:relative;z-index:2}.hero-eyebrow{padding:8px 13px;border:1px solid var(--line);border-radius:30px;font-size:8px;letter-spacing:.12em;animation:fade-up .7s var(--ease) both}h1{font-size:clamp(60px,6.55vw,96px);line-height:1.07;letter-spacing:-.07em;font-weight:600;margin-top:22px}.title-line{display:block;animation:fade-up .9s .1s var(--ease) both}.title-blue{color:var(--blue);animation-delay:.2s}.title-dot{color:#4e9dd8}.hero-aside{padding-bottom:7px}.mini-route{width:38px;height:38px;background:var(--ice);color:var(--blue);border-radius:50%;font-size:27px;display:grid;place-items:center;margin-bottom:16px;line-height:1}.hero-aside p{font-size:13px;color:var(--muted);line-height:1.75}.hero-aside strong{font-weight:550;color:var(--ink)}.hero-aside .text-link{font-size:10px;margin-top:18px}.hero-stage{margin-top:54px;height:347px;border-radius:27px;background:#e9f3fc;position:relative;isolation:isolate;--pointer-x:0px;--pointer-y:0px}.stage-noise{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#fff8,transparent 55%)}.stage-word{position:absolute;right:60px;top:-35px;font-family:var(--heading);font-size:148px;font-weight:750;letter-spacing:-.07em;line-height:1;color:#dbeafa;z-index:-1;user-select:none}.hero-route{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:inherit;z-index:-1}.route-shadow{stroke:#d4e6f6;stroke-width:3}.route-line{stroke:#7fb4df;stroke-width:1.3;stroke-dasharray:1800;stroke-dashoffset:1800;animation:route-draw 2.4s .4s var(--ease) forwards}.stage-copy{position:absolute;left:37px;top:46px;max-width:270px;z-index:3}.stage-copy>.eyebrow{font-size:7px;letter-spacing:.12em}.stage-copy>p{font-size:16px;line-height:1.55;margin-top:16px;letter-spacing:-.02em;color:#50718d}.stage-copy>p strong{font-weight:550;color:var(--navy)}.stage-copy>.button{margin-top:29px;font-size:11px;padding:14px 20px;min-height:48px;gap:25px}.truck-scene{position:absolute;right:12px;top:-54px;width:74%;z-index:2;transform:translate3d(var(--pointer-x),var(--pointer-y),0);transition:transform .55s var(--ease);pointer-events:none}.hero-truck{width:100%;height:auto;max-height:335px;object-fit:contain;filter:drop-shadow(0 15px 13px #154d701c);animation:vehicle-in 1.2s .15s var(--ease) both}.stage-badge{position:absolute;z-index:4;right:49px;bottom:74px;display:flex;gap:11px;align-items:center;padding:13px 17px;background:#fffffff2;box-shadow:0 8px 25px #467bac0b;border:1px solid #fff;border-radius:13px;animation:fade-up .85s .55s var(--ease) both}.badge-icon{width:31px;height:31px;background:#edf6fd;color:var(--blue);border-radius:9px;display:grid;place-items:center}.badge-icon>.icon{width:18px;height:18px}.stage-badge small{display:block;font-size:6px;letter-spacing:.1em;color:var(--muted)}.stage-badge strong{font-size:10px;font-weight:500;display:block;margin-top:3px}.stage-bottom{position:absolute;bottom:23px;left:37px;right:37px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #a5c7e34d;padding-top:19px;font-size:7px;letter-spacing:.12em;color:#5d819f}.stage-bottom>span{display:flex;gap:13px;align-items:center}.stage-bottom i{width:3px;height:3px;border-radius:50%;background:#6c9fc6}.stage-bottom .icon{width:14px;height:14px;margin-left:8px}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 0;font-size:10px;color:var(--muted)}.hero-footer>a{display:flex;gap:18px;align-items:center;color:#486b88}.down-arrow{height:25px;width:25px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--blue)}
.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.section-index{font-size:8px;color:#8b9baa;letter-spacing:.1em}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.85;padding-bottom:5px}.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:34px 0 24px}.filters{display:flex;gap:5px;border:1px solid var(--line);border-radius:30px;padding:5px;width:max-content;max-width:100%;overflow:auto;scrollbar-width:none}.filter{background:transparent;border-radius:25px;font-size:11px;padding:10px 19px;color:#6b8194;white-space:nowrap;transition:background .2s,color .2s;min-height:39px}.filter.active{background:var(--navy);color:#fff}.filter span{margin-left:4px;font-size:7px;vertical-align:top;opacity:.7}.catalog-arrows{display:flex;gap:9px}.circle-button{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);background:#fff;border-radius:50%;transition:color .2s,background .2s,border-color .2s}.circle-button:hover:not(:disabled){background:var(--blue);color:white;border-color:var(--blue)}.circle-button:disabled{opacity:.3}.circle-button .icon{width:16px;height:16px}.previous .icon{transform:rotate(180deg)}.vehicle-grid{display:flex;gap:21px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:3px;padding:3px 3px 14px;margin-inline:-3px;scrollbar-width:none;-ms-overflow-style:none}.vehicle-grid::-webkit-scrollbar{display:none}.vehicle-card{position:relative;flex:0 0 calc((100% - 42px)/3);border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#fff;scroll-snap-align:start;transition:border-color .25s,box-shadow .25s,transform .25s}.vehicle-card:hover{border-color:#a9cde9;box-shadow:0 10px 26px #123c5c09;transform:translateY(-2px)}.vehicle-card[hidden]{display:none}.card-topline{display:flex;justify-content:space-between;align-items:center;padding:19px 23px 0}.card-brand{font-size:8px;font-weight:650;letter-spacing:.15em;color:#7895ac}.card-number{font-size:8px;color:#a5b4bf}.vehicle-image{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:211px;background:#fff;padding:20px 22px 9px}.vehicle-image img{width:100%;max-width:260px;height:166px;object-fit:contain;transition:transform .55s var(--ease)}.vehicle-card:hover .vehicle-image img{transform:translateY(-5px) scale(1.03)}.card-arrow{position:absolute;right:21px;top:9px;font-size:17px;color:var(--blue);opacity:0;transform:translate(-5px,5px);transition:opacity .25s,transform .25s}.vehicle-card:hover .card-arrow{opacity:1;transform:none}.vehicle-copy{padding:14px 23px 0}.card-category{display:inline-block;font-size:8px;letter-spacing:.02em;background:#eff6fc;color:#3f789f;border-radius:25px;padding:4px 9px}.vehicle-copy h3{font-size:28px;margin-top:13px;font-weight:650}.vehicle-copy>p{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.6}.card-contact{display:flex;justify-content:space-between;align-items:center;background:transparent;border-top:1px solid var(--line);font-size:11px;font-weight:500;margin-top:24px;padding:17px 0;width:100%;text-align:left}.card-contact>span{font-size:23px;color:var(--blue);line-height:1}.catalog-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:7px;font-size:9px;color:#7b8c9b}.catalog-bottom>p{max-width:70%}.catalog-bottom>span{text-align:right;white-space:nowrap;font-size:8px}.personal-help{display:flex;align-items:center;gap:22px;padding:25px 30px;border-radius:15px;margin-top:35px;background:#f2f7fb}.help-icon{width:44px;height:44px;border:1px solid #cedfe9;border-radius:50%;display:grid;place-items:center;color:var(--blue);flex-shrink:0}.personal-help h3{font-size:16px;letter-spacing:-.03em}.personal-help p{font-size:11px;color:var(--muted);margin-top:6px}.personal-help .text-link{margin-left:auto;white-space:nowrap}
.about-section{padding-block:95px;background:#f8fafc;position:relative;overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.about-visual{position:relative;padding:0 35px 30px 0}.photo-frame{height:575px;overflow:hidden;border-radius:22px 22px 100px 22px}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:52% 54%;transition:transform 1s var(--ease)}.about-visual:hover img{transform:scale(1.035)}.photo-stamp{position:absolute;right:0;bottom:55px;display:flex;gap:15px;align-items:center;background:#fff;box-shadow:0 12px 30px #183d6414;padding:22px 25px;border-radius:13px}.photo-stamp>.icon{width:30px;height:30px;color:var(--blue)}.photo-stamp>span{font-size:7px;letter-spacing:.08em;line-height:1.8;color:var(--muted)}.photo-stamp strong{font-weight:550;color:var(--navy);font-size:8px}.photo-caption{position:absolute;left:1px;bottom:0;font-size:7px;letter-spacing:.15em;color:#7b8e9e}.about-copy h2{font-size:clamp(42px,4.4vw,64px);margin-top:27px}.about-copy>.lead{font-size:18px;line-height:1.6;letter-spacing:-.02em;color:#36546c;margin-top:28px}.about-copy>p:not(.lead){font-size:12px;color:var(--muted);line-height:1.9;margin-top:19px;max-width:365px}.about-copy>.button{margin-top:29px;font-size:11px}.about-signature{display:flex;align-items:center;gap:13px;margin-top:32px;color:#7c91a1;font-size:9px}.signature-line{height:1px;width:35px;background:#8bb7d8}
.services-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:100px;margin-top:45px}.services-heading h2{font-size:clamp(34px,3.7vw,51px)}.services-heading>p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:24px}.services-heading>.text-link{margin-top:26px}.service-doodle{width:225px;margin-top:20px;opacity:.6}.service-doodle svg{display:block;width:100%;stroke:#7daed6;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.service-steps details{border-bottom:1px solid var(--line)}.service-steps details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.service-steps summary{display:flex;align-items:center;gap:20px;padding:27px 0}.step-number{font-size:10px;color:#77a0c2;align-self:flex-start;margin-top:5px}.service-steps summary small{font-size:7px;letter-spacing:.12em;color:#7b91a4;display:block}.service-steps summary strong{font-family:var(--heading);display:block;font-size:20px;letter-spacing:-.04em;font-weight:550;margin-top:7px}.step-expand{font-size:25px;margin-left:auto;color:#83abc9;line-height:1;transition:transform .2s}.service-steps details[open] .step-expand{transform:rotate(45deg);color:var(--blue)}.step-body{padding:0 40px 27px 35px}.step-body>p{font-size:12px;line-height:1.85;color:var(--muted)}.step-body>a{display:flex;gap:18px;align-items:center;font-size:10px;font-weight:500;color:var(--blue);margin-top:20px}.step-body .icon{width:15px;height:15px}
.contact-section{scroll-margin-top:115px}.contact-card{padding:60px;background:#edf5fc;border-radius:25px;display:grid;grid-template-columns:1fr .98fr;gap:85px;position:relative;overflow:hidden}.contact-card:before{content:'';position:absolute;width:320px;height:320px;left:-210px;bottom:-180px;border:1px solid #8ab5d74a;border-radius:50%;box-shadow:0 0 0 35px #8ab5d70a,0 0 0 70px #8ab5d706;pointer-events:none}.contact-copy{padding-top:13px}.contact-copy h2{font-size:clamp(38px,4vw,56px);margin-top:25px}.contact-copy>p{font-size:12px;color:var(--muted);line-height:1.85;margin-top:25px}.contact-whatsapp{display:flex;align-items:center;gap:14px;margin-top:30px;width:fit-content}.contact-whatsapp>span{width:47px;height:47px;background:#fff;border-radius:50%;color:var(--blue);display:grid;place-items:center}.contact-whatsapp>.icon{width:25px;height:25px}.contact-whatsapp small{display:block;font-size:7px;letter-spacing:.1em;color:#6e879c}.contact-whatsapp strong{display:flex;align-items:center;gap:25px;font-family:var(--heading);font-size:27px;letter-spacing:-.04em;line-height:1.5;font-weight:550;margin-top:1px}.contact-whatsapp strong .icon{width:18px;height:18px;color:var(--blue)}.contact-details{display:flex;gap:18px;font-size:10px;color:#5b7d99;margin-top:20px}.contact-details a:hover{text-decoration:underline}.visit-link{display:flex;gap:12px;align-items:center;font-size:10px;color:#536f87;line-height:1.8;margin-top:31px}.visit-link>.icon{color:#6d9bbc;width:20px;height:20px}.visit-link strong{font-size:9px;font-weight:450;color:#7791a6}.contact-form{background:#fff;padding:33px;border-radius:19px;box-shadow:0 10px 30px #1e517808}.form-label{font-size:7px;letter-spacing:.12em;color:#8299ac}.contact-form h3{font-size:25px;letter-spacing:-.04em;margin:10px 0 27px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-form label{display:block;font-size:10px;color:#46637b;font-weight:500;margin-bottom:19px}.contact-form label>span{color:var(--blue);font-size:9px}.contact-form .optional{color:#8d9eab;font-size:8px;font-weight:400}.contact-form input,.contact-form select,.contact-form textarea{width:100%;display:block;background:#f7fafd;color:var(--ink);border:1px solid #e5edf3;border-radius:8px;padding:12px 13px;font-size:11px;margin-top:7px;resize:vertical;transition:border-color .2s;min-height:43px}.contact-form select{cursor:pointer}.contact-form input:hover,.contact-form select:hover,.contact-form textarea:hover{border-color:#afcce1}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#90a1af;opacity:1}.form-submit{width:100%;font-size:11px;min-height:49px;margin-top:3px;justify-content:space-between;padding-inline:19px}.form-submit>.icon{width:17px;height:17px}.form-note{font-size:8px;color:#8c9eac;line-height:1.6;margin-top:12px;text-align:center}.form-status{font-size:10px;line-height:1.7;color:var(--muted);margin-top:10px}.form-status:empty{display:none}.form-status a{color:var(--blue);text-decoration:underline}.faq{display:grid;grid-template-columns:1fr 1.05fr;gap:100px}.faq h2{font-size:40px;margin-top:25px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:23px 0;font-size:12px;font-weight:500}.faq-list summary>span{font-size:24px;font-weight:400;color:#78a3c7;transition:transform .25s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:11px;line-height:1.85;color:var(--muted);padding:0 35px 25px 0}
.site-footer{background:#f7fafc;padding-top:37px;padding-bottom:25px;border-top:1px solid #eaf0f5}.footer-top{display:flex;align-items:center;gap:60px;padding-bottom:33px}.footer-top>p{font-family:var(--heading);font-size:17px;line-height:1.5;letter-spacing:-.03em;color:#70859a}.footer-top>p strong{font-weight:500;color:#365773}.footer-top>a:last-child{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:20px}.footer-top>a:last-child>.icon{width:17px;height:17px;color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#8497a8;padding-top:23px}.footer-bottom>a{color:#547d9e}.whatsapp-widget{position:fixed;right:27px;bottom:25px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:13px}.whatsapp-toggle{display:flex;align-items:center;justify-content:center;gap:11px;border-radius:40px;background:#20bc64;color:#fff;padding:16px 22px;box-shadow:0 5px 24px #14a34c30;position:relative;font-size:11px;font-weight:550;transition:transform .25s,background .25s,box-shadow .25s;min-height:57px;animation:fade-up .75s 1.2s var(--ease) both}.whatsapp-toggle>.icon{height:25px;width:25px}.whatsapp-toggle:hover{transform:translateY(-3px);background:#169c51;box-shadow:0 8px 30px #14a34c40}.wa-notification{position:absolute;top:0;right:3px;width:11px;height:11px;border:2px solid #fff;background:#99efba;border-radius:50%}.whatsapp-panel{width:330px;background:#fff;border:1px solid #e6edf3;box-shadow:0 15px 70px #173e6b25;border-radius:18px;overflow:hidden;animation:panel-in .3s var(--ease)}.whatsapp-panel[hidden]{display:none}.wa-panel-header{background:#edf7f1;padding:20px 17px;display:flex;align-items:center;gap:11px}.wa-panel-icon{width:36px;height:36px;background:#20bc64;color:#fff;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.wa-panel-icon>.icon{width:22px;height:22px}.wa-panel-header strong{display:block;font-size:11px;font-weight:550}.wa-panel-header small{display:block;font-size:9px;color:#789386;margin-top:4px}.wa-panel-header button{background:none;font-size:24px;margin-left:auto;align-self:flex-start;line-height:1;color:#6f8e7c;width:25px;height:25px}.wa-panel-body{padding:21px 20px}.wa-panel-body>p{font-size:13px;line-height:1.6;margin-bottom:15px}.wa-panel-body>a{font-size:11px;display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid #e9f0f5}.wa-panel-body>a>.icon{width:15px;height:15px;color:#24a461}.wa-panel-body>a:hover{color:#15984e}.wa-panel-body>small{display:block;font-size:8px;color:#9aabb9;line-height:1.7;margin-top:11px}
.vehicle-dialog{width:min(850px,calc(100% - 40px));max-height:90dvh;padding:0;border:1px solid #dbe7ef;background:#fff;border-radius:23px;overflow:auto;color:var(--ink);box-shadow:0 30px 100px #072b4320}.vehicle-dialog::backdrop{background:#1132527a;backdrop-filter:blur(8px)}.vehicle-dialog[open]{animation:panel-in .3s var(--ease)}.dialog-close{position:absolute;top:15px;right:15px;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:26px;background:#fff;z-index:2;line-height:1}.dialog-image{height:255px;position:relative;display:flex;justify-content:center;align-items:center;padding:38px 25px 20px;background:#fff;border-bottom:1px solid var(--line)}.dialog-image img{width:280px;max-width:80%;height:180px;object-fit:contain}.dialog-brand{position:absolute;top:25px;left:30px;font-size:8px;letter-spacing:.15em;color:#7a9eb9}.dialog-copy{padding:32px 38px 35px}.dialog-copy>h2{font-size:40px;margin-top:14px}.dialog-copy>p{font-size:13px;color:var(--muted);line-height:1.85;margin-top:19px}.dialog-copy>.dialog-note{font-size:10px;background:var(--ice);padding:11px 15px;border-radius:8px;margin-top:20px}.dialog-copy>.button{margin-top:22px;font-size:11px}.dialog-secondary{display:inline-flex;align-items:center;gap:12px;font-size:10px;background:transparent;margin-top:17px;padding:5px 0;margin-left:23px;color:var(--blue)}.dialog-secondary>.icon{width:15px;height:15px}
.reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-pending{opacity:0;transform:translateY(25px)}.reveal.is-visible{opacity:1;transform:none}@keyframes fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes vehicle-in{from{opacity:0;transform:translateX(-30px) scale(.97)}to{opacity:1;transform:none}}@keyframes route-draw{to{stroke-dashoffset:0}}@keyframes panel-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-stage{height:380px}.truck-scene{top:-70px;right:25px}.hero-truck{max-height:360px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:25px;font-size:11px}.nav-cta{font-size:10px;gap:18px}.hero-intro{grid-template-columns:1fr 230px;gap:25px}h1{font-size:clamp(57px,6.5vw,76px)}.hero-stage{margin-top:53px;height:320px}.truck-scene{width:75%;right:-14px;top:-20px}.hero-truck{max-height:290px}.stage-copy{left:27px;top:40px;max-width:230px}.stage-copy>p{font-size:14px}.stage-word{font-size:120px;top:-24px;right:20px}.stage-badge{bottom:70px;right:25px}.stage-bottom{left:27px;right:27px}.stage-copy>.button{font-size:10px;gap:17px;padding-inline:16px}.about-grid{gap:60px}.photo-frame{height:555px}.about-copy h2{font-size:51px}.services-layout{gap:55px}.contact-card{padding:43px;gap:45px}.contact-form{padding:27px}.contact-copy h2{font-size:45px}.contact-copy>.eyebrow{font-size:7px}.faq{gap:60px}.faq h2{font-size:34px}.dialog-secondary{display:flex;margin-left:0}}
@media(max-width:900px){.hero-intro{grid-template-columns:1fr 200px;gap:25px}.hero-aside p{font-size:11px}.hero-aside .text-link{font-size:9px;gap:9px}.hero-aside .mini-route{width:32px;height:32px;font-size:23px}.hero h1{font-size:59px}.hero-stage{height:305px}.truck-scene{width:80%;right:-30px;top:2px}.stage-copy{top:29px;max-width:200px}.stage-copy>p{font-size:12px}.stage-copy>.eyebrow{font-size:6px}.stage-copy>.button{padding:12px 15px;font-size:9px;min-height:44px;gap:15px}.stage-badge{bottom:65px;right:22px;padding:10px 13px}.stage-word{font-size:110px;top:-17px;right:10px}.stage-bottom{font-size:6px}.vehicle-card{flex-basis:calc((100% - 21px)/2)}.vehicle-image{height:200px}.section-heading h2{font-size:44px}.section-heading>p{font-size:11px}.photo-frame{height:510px}.about-grid{gap:38px}.about-visual{padding-right:20px}.photo-stamp{padding:18px;bottom:50px;gap:10px}.photo-stamp>span{font-size:6px}.photo-stamp strong{font-size:6px}.about-copy h2{font-size:45px}.about-copy>.lead{font-size:16px}.about-copy>p:not(.lead){font-size:11px}.services-layout{gap:35px;grid-template-columns:1fr 1.05fr}.services-heading h2{font-size:34px}.service-steps summary strong{font-size:17px}.service-steps summary{gap:15px}.step-body{padding-left:30px}.contact-card{padding:35px;gap:30px}.contact-copy h2{font-size:38px}.contact-whatsapp strong{font-size:23px}.contact-details{display:block}.contact-details>a{display:block;margin-top:5px}.contact-form{padding:23px}.contact-form h3{font-size:21px}.form-row{grid-template-columns:1fr;gap:0}.faq h2{font-size:30px}.faq{gap:40px}}
@media(max-width:768px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 44px)}.section{padding-block:80px}.nav-shell{height:78px}.brand img{width:100px;height:58px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:#f0f6fb;border:1px solid #e2ecf4;border-radius:50%;width:42px;height:42px}.menu-toggle>span{width:17px;height:1.5px;background:var(--navy);transition:transform .25s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;position:fixed;inset:78px 0 0;min-height:calc(100dvh - 78px);background:#fff;padding:35px 25px}.mobile-nav>a{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);font-family:var(--heading);font-size:28px;letter-spacing:-.045em}.mobile-nav>a>span{font-size:9px;letter-spacing:0;color:#a2b3c0}.mobile-nav>a:last-child{color:var(--blue)}.hero{padding-top:37px}.hero-intro{grid-template-columns:1fr 175px;gap:20px;align-items:flex-end}.hero h1{font-size:50px}.hero-eyebrow{font-size:6px;letter-spacing:.08em;padding:7px 10px}.hero-aside p{font-size:10px}.hero-aside .mini-route{display:none}.hero-aside .text-link{font-size:8px}.hero-stage{height:325px;margin-top:48px}.truck-scene{top:2px;right:-30px;width:82%}.stage-copy{top:26px;left:22px;max-width:170px}.stage-copy>p{font-size:11px}.stage-copy>.eyebrow{font-size:5px}.stage-copy>.button{margin-top:22px;font-size:8px;padding-inline:13px;gap:12px}.stage-copy .button-circle{width:24px;height:24px}.stage-badge{bottom:62px;right:22px}.stage-bottom{left:22px;right:22px}.hero-footer{font-size:9px}.hero-footer>a{font-size:8px}.stage-word{font-size:95px;top:-13px}.section-heading>p br{display:none}.section-heading>p{max-width:220px}.section-heading h2{font-size:39px}.eyebrow{font-size:8px}.section-index{font-size:7px}.filter{padding-inline:16px;font-size:10px}.vehicle-copy h3{font-size:26px}.personal-help{padding:22px;gap:16px}.personal-help h3{font-size:13px}.personal-help p{font-size:10px}.personal-help .text-link{font-size:10px;gap:10px}.about-section{padding-block:75px}.about-grid{gap:32px}.photo-frame{height:470px}.photo-stamp{right:0;padding:15px 11px;gap:7px}.photo-stamp>.icon{width:22px;height:22px}.about-copy h2{font-size:39px}.about-copy>.lead{font-size:14px}.about-copy .button{font-size:9px;padding-inline:16px;gap:15px}.about-copy>p:not(.lead){font-size:10px}.about-signature{font-size:8px;gap:10px}.services-layout{grid-template-columns:1fr 1.15fr;gap:30px}.services-heading h2{font-size:29px}.services-heading>p{font-size:10px}.services-heading>.text-link{font-size:9px}.service-doodle{width:170px}.service-steps summary strong{font-size:15px}.service-steps summary small{font-size:6px}.service-steps summary{gap:13px}.step-body p{font-size:10px}.step-body>a{font-size:9px}.contact-card{grid-template-columns:1fr 1fr;padding:30px;gap:25px}.contact-copy h2{font-size:33px}.contact-copy>p{font-size:10px}.contact-copy .eyebrow{font-size:6px;letter-spacing:.08em}.contact-whatsapp{gap:10px}.contact-whatsapp>span{width:35px;height:35px}.contact-whatsapp strong{font-size:20px;gap:12px}.contact-whatsapp small{font-size:5px}.contact-whatsapp strong>.icon{width:14px;height:14px}.contact-details{font-size:9px}.visit-link{font-size:9px}.contact-form{padding:22px}.contact-form h3{font-size:20px}.contact-form label{font-size:9px}.contact-form input,.contact-form select,.contact-form textarea{font-size:10px;padding:11px}.form-submit{font-size:9px;gap:14px;padding-inline:15px}.faq{gap:35px}.faq h2{font-size:28px}.faq-list summary{font-size:11px}.footer-top{gap:35px}.footer-top>p{font-size:14px}.footer-top>a:last-child{font-size:10px;gap:15px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.section{padding-block:65px}.hero{padding-top:31px}.hero-intro{display:block}.hero h1{font-size:clamp(43px,10.2vw,61px);line-height:1.1;letter-spacing:-.065em;margin-top:21px}.hero-eyebrow{font-size:6px;padding:7px 10px;letter-spacing:.1em}.hero-aside{margin-top:22px;display:flex;align-items:center;gap:14px;justify-content:space-between}.hero-aside p{font-size:11px;line-height:1.75}.hero-aside p>br:first-child{display:none}.hero-aside p>br:nth-child(2){display:none}.hero-aside p{max-width:238px}.hero-aside p strong:before{content:' '}.hero-aside .text-link{display:none}.hero-aside .mini-route{display:grid;order:2;width:35px;height:35px;flex-shrink:0;margin:0}.hero-stage{margin-top:29px;height:355px;border-radius:19px;overflow:hidden}.stage-copy{top:23px;left:23px;right:23px;max-width:none}.stage-copy>.eyebrow{font-size:6px}.stage-copy>p{font-size:13px;line-height:1.5;margin-top:10px}.stage-copy>p br{display:none}.stage-copy>p strong{display:block}.stage-copy>.button{position:absolute;top:255px;left:0;margin:0;padding:13px 16px;min-height:44px;font-size:10px;gap:22px;z-index:5}.truck-scene{width:107%;max-width:none;right:-7px;top:108px}.hero-truck{max-height:205px;animation:vehicle-in 1.2s .1s var(--ease) both}.stage-word{font-size:81px;right:12px;top:116px}.hero-route{height:100%;width:190%;left:-100px}.stage-badge{display:none}.stage-bottom{left:auto;bottom:29px;right:22px;border:0;padding:0;font-size:6px}.stage-bottom>span:first-child{display:none}.stage-bottom>span:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:7px;max-width:75px;line-height:1.5;text-align:right}.stage-bottom .icon{margin:0;width:15px;height:15px}.hero-footer{padding-top:19px;gap:12px;font-size:8px;line-height:1.7}.hero-footer>span{max-width:160px}.hero-footer>a{font-size:7px;gap:8px}.down-arrow{width:24px;height:24px;flex-shrink:0}.section-top{margin-bottom:24px}.section-index{font-size:6px;letter-spacing:.03em}.eyebrow{font-size:7px;letter-spacing:.09em;gap:7px}.section-heading{display:block}.section-heading h2{font-size:36px}.section-heading>p{font-size:11px;margin-top:20px;max-width:280px}.catalog-toolbar{margin:24px 0 20px;gap:10px}.filters{padding:4px;gap:1px}.filter{font-size:9px;min-height:35px;padding:8px 12px}.filter span{font-size:6px}.catalog-arrows{gap:5px;flex-shrink:0}.circle-button{width:32px;height:32px}.circle-button .icon{width:13px;height:13px}.vehicle-grid{gap:14px;overflow: auto;scroll-padding:0;scroll-snap-type:x mandatory;margin-inline:-20px;padding-left:20px;padding-right:20px}.vehicle-card{flex-basis:82%;max-width:340px;border-radius:16px;scroll-snap-align:center}.card-topline{padding:19px 21px 0}.vehicle-image{height:192px;padding:12px 16px 5px}.vehicle-image img{height:153px;max-width:245px}.card-arrow{opacity:1;transform:none;font-size:17px;right:21px;top:12px}.vehicle-copy{padding:10px 21px 0}.vehicle-copy h3{font-size:27px;margin-top:12px}.vehicle-copy p{font-size:10px}.card-category{font-size:7px}.card-contact{min-height:49px;padding:14px 0;margin-top:21px;font-size:10px}.catalog-bottom{gap:12px;margin-top:6px;align-items:flex-start;font-size:8px}.catalog-bottom>p{max-width:68%;line-height:1.8}.catalog-bottom>span{font-size:7px;white-space:normal;max-width:80px;line-height:1.7}.personal-help{padding:22px 21px;gap:14px;flex-wrap:wrap;margin-top:27px;border-radius:14px}.help-icon{width:36px;height:36px}.help-icon>.icon{width:18px;height:18px}.personal-help>div{max-width:calc(100% - 50px)}.personal-help h3{font-size:13px;line-height:1.5;letter-spacing:-.03em}.personal-help p{font-size:10px;line-height:1.8}.personal-help .text-link{margin-left:50px;margin-top:1px;font-size:10px}.about-section{padding-block:60px}.about-grid{display:flex;flex-direction:column;gap:36px;align-items:stretch}.about-visual{padding:0 19px 27px 0;order:2;margin-top:1px}.photo-frame{height:410px;border-radius:18px 18px 80px 18px}.photo-frame img{object-position:50% 58%}.photo-stamp{right:0;bottom:49px;gap:13px;padding:17px 19px}.photo-stamp>span{font-size:6px}.photo-stamp strong{font-size:7px}.photo-stamp>.icon{width:27px;height:27px}.photo-caption{font-size:6px}.about-copy h2{font-size:47px;margin-top:21px}.about-copy h2 br:nth-child(2){display:none}.about-copy>.lead{font-size:17px;margin-top:23px}.about-copy>p:not(.lead){font-size:12px;max-width:100%;margin-top:18px}.about-copy>.button{font-size:10px;margin-top:26px;padding:16px 20px;gap:28px;min-height:50px}.about-signature{font-size:9px;margin-top:26px}.services-layout{display:block;margin-top:29px}.services-heading h2{font-size:36px}.services-heading>p{font-size:11px;margin-top:20px}.services-heading>.text-link{font-size:11px;margin-top:23px}.service-doodle{display:none}.service-steps{margin-top:32px}.service-steps summary{padding:24px 0;gap:16px}.service-steps summary strong{font-size:18px;margin-top:7px}.service-steps summary small{font-size:6px;letter-spacing:.1em}.step-number{font-size:9px}.step-body{padding:0 25px 25px 29px}.step-body>p{font-size:11px}.step-body>a{font-size:10px}.contact-card{display:block;padding:32px 22px 22px;border-radius:20px}.contact-copy{padding-top:0}.contact-copy .eyebrow{font-size:6px}.contact-copy h2{font-size:41px;margin-top:22px}.contact-copy>p{font-size:11px;margin-top:21px}.contact-whatsapp{margin-top:25px;gap:13px}.contact-whatsapp>span{height:43px;width:43px}.contact-whatsapp small{font-size:6px}.contact-whatsapp strong{font-size:26px;gap:25px}.contact-whatsapp strong>.icon{width:17px;height:17px}.contact-details{display:flex;gap:20px;font-size:9px;margin-top:16px}.contact-details>a{margin:0}.visit-link{font-size:10px;margin-top:25px}.visit-link strong{font-size:9px}.contact-form{margin-top:32px;padding:24px 20px;border-radius:15px}.contact-form h3{font-size:24px;margin:10px 0 23px}.form-label{font-size:6px}.contact-form label{font-size:10px}.contact-form input,.contact-form select,.contact-form textarea{font-size:12px;padding:13px 12px;min-height:46px}.form-submit{font-size:11px;min-height:49px;padding-inline:17px}.form-note{font-size:8px;margin-top:12px}.contact-section{scroll-margin-top:94px}.faq{display:block}.faq h2{font-size:34px;margin-top:22px}.faq-list{margin-top:30px}.faq-list summary{font-size:12px;gap:20px;padding:22px 0}.faq-list details>p{font-size:11px;padding-right:20px}.site-footer{padding-top:28px;padding-bottom:95px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:27px}.footer-top>.brand img{width:100px;height:58px}.footer-top>p{margin-left:auto;font-size:14px}.footer-top>a:last-child{margin:6px 0 0;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:10px}.footer-bottom{flex-wrap:wrap;font-size:7px;padding-top:21px;gap:15px}.footer-bottom>span:nth-child(2){margin-left:auto}.footer-bottom>a{width:100%;font-size:8px}.whatsapp-widget{right:18px;bottom:18px;gap:12px}.whatsapp-toggle{width:57px;height:57px;min-height:57px;border-radius:50%;padding:0}.whatsapp-toggle>.icon{width:29px;height:29px}.whatsapp-toggle>span:not(.wa-notification){display:none}.wa-notification{right:0;top:0}.whatsapp-panel{width:min(330px,calc(100vw - 36px));border-radius:16px}.wa-panel-header{padding:18px 15px}.wa-panel-body{padding:21px 19px}.wa-panel-body>a{min-height:46px}.vehicle-dialog{width:100%;max-height:91dvh;border-radius:22px 22px 0 0;margin:auto 0 0;max-width:100%;border-bottom:0}.dialog-image{height:215px;padding:35px 20px 10px}.dialog-image img{width:260px;height:155px}.dialog-brand{left:25px;top:25px;font-size:7px}.dialog-copy{padding:25px 25px 35px}.dialog-copy h2{font-size:33px;margin-top:12px}.dialog-copy p{font-size:12px}.dialog-copy>.dialog-note{font-size:10px}.dialog-copy>.button{width:100%;font-size:11px}.dialog-secondary{display:flex;justify-content:center;font-size:10px;width:100%;margin:18px 0 0;min-height:35px}.dialog-close{width:35px;height:35px;top:15px;right:15px}}
@media(max-width:370px){.hero h1{font-size:40px}.hero-stage{height:333px}.truck-scene{top:112px}.stage-copy>.button{top:235px}.stage-bottom{bottom:25px;right:17px}.filter{font-size:8px;padding-inline:10px}.filters{padding:4px 3px}.catalog-arrows{gap:4px}.circle-button{width:29px;height:29px}.section-index{display:none}.contact-copy h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.route-line{stroke-dashoffset:0}.reveal.is-pending{opacity:1;transform:none}.truck-scene{transform:none}}
@media(max-width:600px){.about-copy h2>span{display:block}}
@media(min-width:601px) and (max-width:900px){.truck-scene{right:-12px}}
/* V3 — legibilidad. Integrar al FINAL de styles.css. */
body { font-size: 16px; line-height: 1.65; }
.eyebrow,
.hero-eyebrow,
.stage-copy > .eyebrow,
.contact-copy .eyebrow,
.section-index,
.card-brand,
.card-number,
.photo-caption,
.photo-stamp > span,
.photo-stamp strong,
.step-number,
.service-steps summary small,
.form-label,
.dialog-brand { font-size: 11px; line-height: 1.6; letter-spacing: .075em; }
.section-index,
.card-brand,
.card-number,
.photo-caption,
.photo-stamp > span,
.service-steps summary small,
.form-label,
.dialog-brand { color: #5c778d; }
.desktop-nav { font-size: 14px; gap: 28px; }
.desktop-nav a { padding-block: 15px; }
.button,
.button-small,
.nav-cta,
.stage-copy > .button,
.about-copy > .button,
.form-submit,
.dialog-copy > .button { font-size: 14px; min-height: 50px; }
.button-small,
.nav-cta { padding-inline: 19px; gap: 16px; }
.text-link,
.hero-aside .text-link,
.personal-help .text-link,
.services-heading > .text-link,
.step-body > a,
.dialog-secondary { font-size: 14px; line-height: 1.6; }
.hero-aside p,
.section-heading > p,
.about-copy > p:not(.lead),
.services-heading > p,
.step-body > p,
.contact-copy > p,
.dialog-copy > p,
.faq-list details > p { font-size: 16px; line-height: 1.8; }
.hero-footer,
.hero-footer > a,
.stage-bottom,
.stage-badge small,
.stage-badge strong,
.about-signature { font-size: 12px; line-height: 1.65; }
.hero-footer > a { min-height: 44px; }
.stage-badge small { font-size: 11px; }
.filter { font-size: 14px; min-height: 44px; padding-inline: 20px; }
.filter span { font-size: 11px; }
.circle-button { width: 44px; height: 44px; }
.card-category { font-size: 12px; padding: 5px 10px; }
.vehicle-copy > p { font-size: 14px; line-height: 1.75; }
.card-contact { font-size: 14px; min-height: 52px; }
.catalog-bottom { font-size: 12px; line-height: 1.75; color: #62798b; }
.catalog-bottom > span { font-size: 12px; }
.personal-help h3 { font-size: 18px; line-height: 1.45; }
.personal-help p { font-size: 14px; line-height: 1.75; }
.about-copy > p:not(.lead) { max-width: 430px; }
.about-copy > .lead { font-size: 20px; line-height: 1.65; }
.service-steps summary strong { font-size: 22px; line-height: 1.35; }
.step-body { padding-right: 22px; }
.step-body > a { min-height: 44px; }
.contact-details,
.visit-link { font-size: 14px; line-height: 1.8; }
.contact-details { flex-wrap: wrap; gap: 9px 20px; }
.contact-details > a { min-height: 34px; display: inline-flex; align-items: center; }
.contact-whatsapp small { font-size: 11px; line-height: 1.7; letter-spacing: .06em; color: #55758e; }
.visit-link strong { font-size: 13px; color: #5d7a91; }
.contact-form label { font-size: 14px; line-height: 1.5; }
.contact-form label > span,
.contact-form .optional { font-size: 12px; color: #5e7e96; }
.contact-form input,
.contact-form select,
.contact-form textarea { font-size: 16px; line-height: 1.5; min-height: 49px; padding: 12px 13px; }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: #687f92; }
.contact-form h3 { font-size: 28px; line-height: 1.3; }
.form-note { font-size: 12px; line-height: 1.75; color: #627b8f; }
.form-status { font-size: 14px; line-height: 1.75; }
.faq-list summary { font-size: 16px; line-height: 1.6; padding-block: 25px; }
.footer-top > a:last-child { font-size: 14px; }
.footer-bottom { font-size: 12px; line-height: 1.75; color: #607a8f; }
.whatsapp-toggle { font-size: 14px; }
.wa-panel-header strong { font-size: 14px; line-height: 1.4; }
.wa-panel-header small { font-size: 12px; line-height: 1.5; color: #527663; }
.wa-panel-header button { width: 34px; height: 34px; flex-shrink: 0; }
.wa-panel-body > p { font-size: 16px; line-height: 1.6; }
.wa-panel-body > a { font-size: 14px; min-height: 48px; line-height: 1.5; }
.wa-panel-body > small { font-size: 12px; line-height: 1.7; color: #667d90; }
.whatsapp-panel { width: min(370px, calc(100vw - 36px)); }
.dialog-copy > .dialog-note { font-size: 13px; line-height: 1.75; }
.dialog-secondary { min-height: 44px; }

/* Con texto mayor, las columnas se apilan antes en tablet. */
@media (max-width: 1100px) and (min-width: 769px) {
  .desktop-nav { gap: 18px; font-size: 13px; }
  .nav-cta { font-size: 13px; padding-inline: 16px; }
  .contact-card { grid-template-columns: 1fr; gap: 35px; }
  .contact-copy { max-width: 650px; }
  .contact-form { width: 100%; }
  .form-row { grid-template-columns: 1fr 1fr; gap: 20px; }
}

@media (max-width: 900px) {
  .about-grid { gap: 40px; align-items: start; }
  .photo-stamp { padding: 17px; max-width: calc(100% - 8px); }
  .photo-caption { max-width: 90%; letter-spacing: .04em; }
  .personal-help { flex-wrap: wrap; }
  .personal-help .text-link { margin-left: 66px; }
  .services-layout { grid-template-columns: 1fr; gap: 32px; }
  .service-doodle { display: none; }
  .services-heading > p br { display: none; }
  .service-steps { margin-top: 0; }
  .contact-card { grid-template-columns: 1fr; gap: 32px; }
  .contact-copy > p br { display: none; }
  .form-row { grid-template-columns: 1fr 1fr; gap: 20px; }
  .faq { grid-template-columns: 1fr; gap: 30px; }
  .faq-list { margin-top: 0; }
  .catalog-bottom { align-items: flex-start; }
  .catalog-bottom > span { white-space: normal; max-width: 140px; }
}

@media (max-width: 600px) {
  body { font-size: 15px; }
  .eyebrow,
  .hero-eyebrow,
  .stage-copy > .eyebrow,
  .contact-copy .eyebrow,
  .section-index,
  .card-brand,
  .card-number,
  .photo-caption,
  .photo-stamp > span,
  .photo-stamp strong,
  .step-number,
  .service-steps summary small,
  .form-label,
  .dialog-brand { font-size: 11px; letter-spacing: .045em; }
  .section-index { display: none; }
  .button,
  .button-small,
  .nav-cta,
  .stage-copy > .button,
  .about-copy > .button,
  .form-submit,
  .dialog-copy > .button { font-size: 14px; min-height: 49px; }
  .text-link,
  .hero-aside .text-link,
  .personal-help .text-link,
  .services-heading > .text-link,
  .step-body > a,
  .dialog-secondary { font-size: 14px; }
  .hero-aside p,
  .section-heading > p,
  .about-copy > p:not(.lead),
  .services-heading > p,
  .step-body > p,
  .contact-copy > p,
  .dialog-copy > p,
  .faq-list details > p { font-size: 14px; line-height: 1.85; }
  .hero-footer,
  .hero-footer > a,
  .stage-bottom,
  .stage-badge small,
  .stage-badge strong,
  .about-signature { font-size: 11px; }
  .filter { font-size: 13px; min-height: 44px; padding-inline: 15px; }
  .filter span { font-size: 11px; }
  .card-category { font-size: 11px; }
  .vehicle-copy > p { font-size: 14px; line-height: 1.75; }
  .card-contact { font-size: 14px; min-height: 52px; }
  .catalog-bottom,
  .catalog-bottom > span { font-size: 11px; line-height: 1.75; }
  .catalog-bottom > p { max-width: 68%; }
  .catalog-bottom > span { max-width: 110px; }
  .personal-help h3 { font-size: 17px; line-height: 1.5; }
  .personal-help p { font-size: 14px; }
  .personal-help > div { max-width: calc(100% - 50px); }
  .personal-help .text-link { margin-left: 50px; }
  .about-copy > .lead { font-size: 19px; line-height: 1.65; }
  .photo-stamp { padding: 17px 18px; gap: 12px; bottom: 56px; }
  .photo-stamp > span { line-height: 1.65; }
  .photo-caption { font-size: 11px; letter-spacing: .025em; }
  .service-steps summary { gap: 13px; }
  .service-steps summary strong { font-size: 20px; line-height: 1.4; }
  .service-steps summary small { font-size: 11px; letter-spacing: .03em; }
  .step-body { padding: 0 16px 25px 28px; }
  .contact-whatsapp small { font-size: 11px; letter-spacing: .03em; }
  .contact-details { font-size: 13px; gap: 8px 20px; }
  .visit-link { font-size: 14px; }
  .visit-link strong { font-size: 12px; }
  .contact-form label { font-size: 14px; }
  .contact-form label > span,
  .contact-form .optional { font-size: 12px; }
  .contact-form input,
  .contact-form select,
  .contact-form textarea { font-size: 16px; min-height: 49px; }
  .contact-form h3 { font-size: 26px; }
  .form-note { font-size: 12px; line-height: 1.75; }
  .form-status { font-size: 14px; }
  .faq-list summary { font-size: 15px; line-height: 1.6; }
  .footer-top > a:last-child { font-size: 14px; }
  .footer-bottom,
  .footer-bottom > a { font-size: 12px; line-height: 1.75; }
  .footer-bottom > span:nth-child(2) { margin-left: 0; }
  .footer-top > p { font-size: 17px; }
  .wa-panel-header strong { font-size: 14px; }
  .wa-panel-header small { font-size: 12px; }
  .wa-panel-body > p { font-size: 16px; }
  .wa-panel-body > a { font-size: 14px; min-height: 48px; }
  .wa-panel-body > small { font-size: 12px; }
  .dialog-copy > p { font-size: 14px; }
  .dialog-copy > .dialog-note { font-size: 13px; }
  .dialog-secondary { font-size: 14px; min-height: 44px; line-height: 1.6; }
}

/* Mapa y opciones de llegada: clases propias para insertar el snippet v3-map.html. */
.cassa-location { scroll-margin-top: 110px; }
.cassa-location .section-top { margin-bottom: 30px; }
.cassa-location-card { display: grid; grid-template-columns: .9fr 1.1fr; border: 1px solid #dce8f2; border-radius: 25px; overflow: hidden; background: #f4f8fc; }
.cassa-location-copy { padding: 46px 42px; }
.cassa-location-copy h2 { font-size: clamp(34px, 3.4vw, 48px); line-height: 1.17; }
.cassa-location-copy > p { font-size: 16px; line-height: 1.8; color: #59748c; margin-top: 22px; max-width: 400px; }
.cassa-location-address { margin-top: 26px; font-size: 18px; font-weight: 550; font-style: normal; line-height: 1.65; color: var(--navy); }
.cassa-location-address span { display: block; font-size: 15px; font-weight: 400; color: #5e7c94; }
.cassa-location-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 29px; }
.cassa-location-actions .button { font-size: 14px; min-height: 49px; padding-inline: 20px; gap: 17px; }
.cassa-location-waze { background: #fff; border: 1px solid #bdd5e8; color: var(--blue-dark); }
.cassa-location-waze:hover { background: #e6f1fa; }
.cassa-location-visit { display: inline-flex; gap: 13px; align-items: center; min-height: 44px; margin-top: 20px; color: var(--blue); font-size: 14px; line-height: 1.65; font-weight: 500; }
.cassa-location-visit > .icon { width: 17px; height: 17px; }
.cassa-location-map { min-height: 440px; background: #e5edf5; position: relative; }
.cassa-location-map iframe { display: block; width: 100%; height: 100%; min-height: 440px; border: 0; }
@media (max-width: 900px) {
  .cassa-location-card { grid-template-columns: 1fr; }
  .cassa-location-copy { padding: 36px; }
  .cassa-location-copy > p { max-width: 600px; }
  .cassa-location-map,
  .cassa-location-map iframe { min-height: 390px; height: 390px; }
}
@media (max-width: 600px) {
  .cassa-location { scroll-margin-top: 94px; }
  .cassa-location-card { border-radius: 20px; }
  .cassa-location-copy { padding: 31px 23px; }
  .cassa-location-copy h2 { font-size: 35px; }
  .cassa-location-copy > p { font-size: 14px; line-height: 1.85; }
  .cassa-location-address { font-size: 17px; margin-top: 23px; }
  .cassa-location-address span { font-size: 14px; }
  .cassa-location-actions { flex-direction: column; gap: 12px; margin-top: 25px; }
  .cassa-location-actions .button { width: 100%; font-size: 14px; min-height: 49px; }
  .cassa-location-visit { font-size: 14px; line-height: 1.7; }
  .cassa-location-map,
  .cassa-location-map iframe { min-height: 340px; height: 340px; }
}

/* V3 — portada dinámica y ajustes para el catálogo ampliado. */
.hero-stage{height:420px;--cruise-shift:42px}
.stage-copy{top:39px;left:36px;max-width:290px}
.stage-copy>p{font-size:21px;line-height:1.45;margin-top:17px;max-width:235px}
.stage-copy>.button{margin-top:24px}
.truck-scene{right:3%;top:-29px;width:70%;height:345px;display:flex;align-items:center;justify-content:center}
.hero-truck{width:100%;height:100%;max-height:335px;object-fit:contain;opacity:1;animation:car-cruise 6s ease-in-out infinite alternate;transition:opacity .16s ease;will-change:transform}
.hero-truck.hero-image-switching{opacity:0}
.animation-paused .hero-truck{animation-play-state:paused}
.stage-badge{left:36px;right:auto;bottom:98px;background:none;box-shadow:none;border:0;padding:0;border-radius:0;animation:none;max-width:270px}
.stage-badge small{font-size:12px;letter-spacing:.03em;color:#557a98}
.stage-badge strong{font-family:var(--heading);font-size:17px;line-height:1.4;letter-spacing:-.02em;margin-top:5px}
.hero-image-reference{position:absolute;right:38px;bottom:98px;font-size:11px;color:#5c7c96;z-index:3}
.hero-controls{position:absolute;bottom:21px;left:36px;right:36px;border-top:1px solid #c7ddeb;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}
.hero-vehicle-selectors{display:flex;gap:6px;border:1px solid #d4e4f0;background:#ffffff80;border-radius:30px;padding:4px}
.hero-vehicle-selectors>button{font-size:13px;padding:9px 21px;min-height:39px;background:none;border-radius:25px;color:#4c708d;font-weight:500;transition:background .25s,color .25s}
.hero-vehicle-selectors>button.active{background:#fff;box-shadow:0 2px 6px #365b7c0c;color:var(--blue-dark)}
.hero-motion-toggle{display:flex;align-items:center;gap:9px;font-size:13px;min-height:44px;padding:10px 0 10px 13px;background:transparent;color:#3f6e94;border-radius:25px}
.hero-motion-toggle:hover{color:var(--blue-dark)}
.hero-motion-toggle>.icon{height:17px;width:17px}
.motion-icon-play{display:none}
.animation-paused .motion-icon-pause{display:none}
.animation-paused .motion-icon-play{display:block}
.hero-motion-toggle:disabled{opacity:.65;cursor:default}
.image-reference{position:absolute;left:18px;bottom:5px;font-size:11px;line-height:1.5;color:#668198;background:#f4f8fcdd;border-radius:5px;padding:2px 7px;font-weight:400}
.vehicle-image{height:220px;padding-bottom:27px}
.vehicle-image img{max-width:100%;height:173px;object-fit:contain}
.vehicle-copy h3{font-size:27px;min-height:61px;line-height:1.16}
.card-year{display:block;font-size:12px;line-height:1.7;color:#627c92;margin-top:6px}
.vehicle-copy>p{min-height:49px}
.filters{min-width:0}
.filter{flex-shrink:0}
.catalog-bottom>p{max-width:76%}
.dialog-brand{max-width:75%}
.dialog-image img{width:450px;height:210px;max-width:85%}
.dialog-image{height:280px}
.dialog-copy>.dialog-image-note{font-size:13px;color:#567c9a;background:#f5f9fc;padding:10px 13px;border-radius:8px;margin-top:15px;line-height:1.7}
.dialog-copy>.dialog-note{background:transparent;padding:0;margin-top:15px}
.footer-bottom>a{width:auto}
@keyframes car-cruise{from{transform:translateX(calc(-1 * var(--cruise-shift)))}to{transform:translateX(var(--cruise-shift))}}
@media(max-width:1150px){.stage-copy{left:28px;max-width:230px}.stage-copy>p{font-size:19px;max-width:210px}.stage-copy>.button{gap:15px;padding-inline:16px}.stage-badge{left:28px;max-width:240px}.truck-scene{width:70%;right:3%;top:-12px}.hero-image-reference{right:28px}.hero-controls{left:28px;right:28px}}
@media(max-width:950px){
 html{scroll-padding-top:98px}.nav-shell{height:78px}.brand img{width:100px;height:58px}.desktop-nav,.nav-cta{display:none}
 .menu-toggle{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:#f0f6fb;border:1px solid #e2ecf4;border-radius:50%;width:44px;height:44px}
 .menu-toggle>span{width:17px;height:1.5px;background:var(--navy);transition:transform .25s}
 .menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
 .mobile-nav:not([hidden]){display:flex;flex-direction:column;position:fixed;inset:78px 0 0;min-height:calc(100dvh - 78px);background:#fff;padding:22px 25px}
 .mobile-nav>a{display:flex;justify-content:space-between;align-items:center;padding:21px 0;border-bottom:1px solid var(--line);font-family:var(--heading);font-size:27px;letter-spacing:-.045em}
 .mobile-nav>a>span{font-size:12px;letter-spacing:0;color:#7692a8}.mobile-nav>a:last-child{color:var(--blue)}
 .hero-intro{display:block}.hero h1{font-size:clamp(50px,7.8vw,74px)}.hero-aside{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:25px}
 .hero-aside p{max-width:620px}.hero-aside p>br{display:none}.hero-aside .mini-route{order:2;display:grid;flex-shrink:0;margin-bottom:0}.hero-aside .text-link{display:none}
 .hero-stage{height:500px;--cruise-shift:24px;margin-top:35px}.stage-copy{left:28px;top:26px;max-width:none}.stage-copy>p{max-width:none;font-size:19px;margin-top:11px}.stage-copy>.button{margin-top:17px}
 .truck-scene{width:87%;right:4%;top:117px;height:280px}.hero-truck{max-height:280px}.stage-word{top:164px;right:20px;font-size:115px}.stage-badge{display:none}.hero-image-reference{bottom:98px;right:28px}
 .hero-controls{left:28px;right:28px}.hero-vehicle-selectors>button{padding-inline:20px}.hero-footer>span{max-width:50%}
}
@media(max-width:600px){
 .hero h1{font-size:clamp(43px,10.8vw,62px);line-height:1.1}.hero-eyebrow{padding:8px 11px}.hero-aside{margin-top:21px;gap:15px}.hero-aside p{font-size:14px;max-width:270px;line-height:1.75}
 .hero-stage{height:456px;--cruise-shift:12px;margin-top:27px}.stage-copy{top:22px;left:21px;right:21px}.stage-copy>.eyebrow{font-size:11px}.stage-copy>p{font-size:17px;line-height:1.5;margin-top:8px}.stage-copy>.button{position:static;display:inline-flex;margin-top:17px;font-size:14px;padding:13px 18px;min-height:49px;gap:25px}
 .truck-scene{width:96%;right:2%;top:155px;height:178px}.hero-truck{height:100%;max-height:178px}.stage-word{font-size:75px;top:184px;right:15px}.hero-image-reference{bottom:110px;right:21px;font-size:11px}
 .hero-controls{left:21px;right:21px;bottom:15px;padding-top:11px;gap:6px;flex-direction:column;align-items:stretch}.hero-vehicle-selectors{justify-content:space-between;padding:3px;gap:3px}.hero-vehicle-selectors>button{flex:1;padding:8px 12px;min-height:36px;font-size:13px}
 .hero-motion-toggle{align-self:center;min-height:35px;font-size:12px;padding:5px 9px;gap:7px}.hero-motion-toggle>.icon{width:15px;height:15px}
 .hero-footer{align-items:flex-start;gap:18px}.hero-footer>span{max-width:48%;font-size:11px}.hero-footer>a{max-width:48%;font-size:11px;min-height:44px;line-height:1.65;align-items:flex-start}.hero-footer .down-arrow{margin-top:2px}
 .catalog-toolbar{gap:10px}.filters{flex:1;max-width:calc(100% - 104px)}.filter{font-size:13px;padding-inline:15px}.catalog-arrows{gap:8px}.circle-button{height:44px;width:44px}
 .vehicle-card{flex-basis:88%;max-width:360px}.vehicle-image{height:209px;padding:15px 15px 24px}.vehicle-image img{height:166px;max-width:100%}.vehicle-copy h3{font-size:26px;min-height:59px}.vehicle-copy>p{min-height:49px}.card-year{font-size:12px}.image-reference{left:15px;font-size:11px}
 .catalog-bottom{display:block}.catalog-bottom>p{max-width:100%;font-size:12px}.catalog-bottom>span{display:block;max-width:none;text-align:left;font-size:12px;margin-top:9px}
 .hero-image-reference{letter-spacing:0}.dialog-image{height:235px}.dialog-image img{height:180px;width:340px}.dialog-brand{top:25px;left:25px;max-width:73%}.dialog-copy>.dialog-image-note{font-size:13px}.footer-bottom>a{width:100%}
}
@media(max-width:370px){.hero h1{font-size:40px}.hero-eyebrow{font-size:10px}.stage-copy>.eyebrow{font-size:10px}.stage-copy>p{font-size:16px}.hero-controls{left:17px;right:17px}.hero-stage{height:456px}.filters{max-width:calc(100% - 104px)}.filter{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.hero-truck{animation:none!important;transform:none!important;will-change:auto}.hero-motion-toggle{opacity:.65}.hero-image-switching{opacity:1}}
.vehicle-card{display:flex;flex-direction:column}.vehicle-copy{display:flex;flex:1;flex-direction:column}.vehicle-copy>.card-year{font-size:12px;min-height:0;line-height:1.7;margin-top:8px}.vehicle-copy>p:not(.card-year){flex:1}.card-contact{flex-shrink:0}
.card-category{align-self:flex-start}
@media(max-width:600px){.hero-stage{height:466px}.hero-motion-toggle{min-height:44px}}
@media(max-width:600px){.form-row{grid-template-columns:1fr;gap:0}}
/* Carrusel de portada: avance único hacia la izquierda, sin rebote. */
.truck-scene{transform:none;transition:none}
.hero-carousel-viewport{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}
.hero-carousel-track{display:flex;align-items:center;width:100%;height:100%;transform:translateX(0);will-change:transform}
.hero-carousel-slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;height:100%;min-width:0}
.hero-carousel-slide .hero-truck{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;animation:none!important;transform:none!important;transition:none;opacity:1;will-change:auto}
.hero-vehicle-selectors>button{padding-inline:18px}
@media(max-width:600px){.hero-vehicle-selectors>button{padding:8px 11px}}
@media(max-width:370px){.hero-vehicle-selectors>button{padding:8px 6px;font-size:12px}}