/* Clean original assets; no screenshot positioning. */
.clean-image{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;min-width:0}
.photo.clean-image img{position:static;width:100%;height:100%;max-width:100%;object-fit:cover;pointer-events:auto}
.photo.car-photo{aspect-ratio:1.45;background:#fff;overflow:visible}
.photo.car-photo img{object-fit:contain;padding:16px}
.brand-hero{background:#fff}.brand-hero .hero-grid{padding-top:28px;padding-bottom:25px;min-height:400px;gap:35px}
.brand-hero .hero-car{align-self:center;position:relative;background:#fff}
.hero-car:before{content:'';position:absolute;inset:12% 0 0 30%;background:#f2f3f4;z-index:-1}
.brand-hero .hero-car img{padding:0;max-height:385px}.benefits .car-photo{background:#f5f5f5}
.about-card .car-photo{min-height:280px}.porto-mark{display:inline-block;position:relative;width:85px;height:30px;overflow:hidden;flex:0 0 85px}
.porto-mark img{position:absolute;width:85px;height:85px;max-width:none;top:-27px;left:0}
.logo{white-space:normal;line-height:1.15}.home-hero .hero-grid{grid-template-columns:1.4fr 1fr;gap:34px;padding-block:28px}
.home-hero .hero-grid>.clean-image{aspect-ratio:4/5;align-self:stretch}.home-hero .hero-grid>.photo img{object-position:60% center}
.floating-contact{position:fixed!important;bottom:0;left:0;width:100%;height:auto!important;background:transparent!important;z-index:999999;padding:10px 12px calc(12px + env(safe-area-inset-bottom));pointer-events:none}
.floating-contact .buttons{pointer-events:auto;padding:10px;background:#fffffff2;backdrop-filter:blur(12px);border:1px solid #dae2e7;border-radius:9px;box-shadow:0 5px 26px #0002}
.btn{gap:9px}.btn i{font-size:20px}.schedule .buttons{display:none}.schedule{padding-bottom:48px}body{padding-bottom:105px}
.service-diagram{display:grid;grid-template-columns:1fr 270px 1fr;align-items:center;gap:35px;margin:50px auto 12px;max-width:870px;height:480px}
.diagram-labels{display:grid;grid-template-rows:repeat(4,1fr);height:440px;align-items:center;gap:18px}
.diagram-label{position:relative;color:#f0383c;display:flex;flex-direction:column;align-items:center;gap:9px;width:150px}
.diagram-label i{font-size:34px}.diagram-label span{font-size:14px;letter-spacing:.6px;color:#555;max-width:150px;line-height:1.3}
.diagram-labels.left .diagram-label{margin-right:auto}.diagram-labels.right .diagram-label{margin-left:auto}
.diagram-label:after{content:'';height:1px;background:#fb6265;width:65px;position:absolute;top:28px;left:calc(100% + 5px)}
.diagram-label:before{content:'';position:absolute;width:7px;height:7px;border:1px solid #fb6265;background:white;border-radius:50%;top:24px;left:calc(100% + 69px)}
.right .diagram-label:after{left:auto;right:calc(100% + 5px)}.right .diagram-label:before{left:auto;right:calc(100% + 69px)}
.top-car{position:relative;height:480px;width:270px}.top-car img{position:absolute;width:475px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);filter:drop-shadow(8px 0 8px #0002)}
.more-services{font-size:14px;color:#666;letter-spacing:.6px}.brand-marks{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:25px 65px;width:min(100%,700px);margin:35px auto 10px}.brand-marks img{width:100%;height:90px;object-fit:contain}.services .brand-marks img{filter:grayscale(1) brightness(0) invert(1)}.brand-marks.many{grid-template-columns:repeat(6,1fr);gap:20px;width:min(100%,850px)}.brand-marks.many img{height:65px;filter:grayscale(1);opacity:.6}
.service-grid h3>i{font-size:32px;color:#75b9ec;min-width:35px}.checks h3 i,.three-col h3 i{color:#666;margin-right:8px}.quality i{color:#657987}.guarantees .fa-circle-check{color:#278686}.contact-grid i{color:#8aa1ac}.google i{font-size:inherit}.avatar{font-size:18px}.avatar i{font-size:20px}
.map-card{min-width:0;background:#f0f3f4;border:1px solid #dce3e5;border-radius:5px;overflow:hidden}.contact-grid iframe{display:block;width:100%;height:450px;background:#e9eef0}.map-directions{display:flex;gap:9px;align-items:center;padding:15px 18px;font-size:14px;color:#006c93;background:#f5f9fb;font-weight:600}.map-directions:hover{background:#e4f0f6}
.service-hero .part-photo{aspect-ratio:1.1;max-height:390px}.photo.part-photo img{object-fit:contain;padding:20px}.suspension-photo{aspect-ratio:1;max-height:340px}.safety-main>.photo{flex:1;min-width:0}.safety-main>div:not(.photo){flex:1}.safety-main .suspension-photo{max-height:300px}.maintenance-card .part-photo{aspect-ratio:1;max-height:240px}.maintenance-card .part-photo img{padding:10px}.small-cards i{font-size:28px}.revision-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px;padding:20px 0}.revision-icons>div{display:flex;flex-direction:column;gap:18px;align-items:center;border-top:1px solid #c4d0d9;padding-top:20px}.revision-icons i{font-size:37px;color:#555}.revision-icons span{font-size:15px;color:#666;text-align:center}.revision-hero>.hero-grid{padding:25px 0}.revision-hero .clean-image{aspect-ratio:1.2}.mosaic .clean-image{aspect-ratio:.65}.revision-company .photos .clean-image{aspect-ratio:1.2}.company .clean-image{aspect-ratio:1.4}
@media(max-width:760px){
 .brand-hero .hero-grid,.home-hero .hero-grid{padding-top:24px;grid-template-columns:1fr;gap:16px}.brand-hero .hero-car{width:100%;max-width:450px;aspect-ratio:1.6}.photo.car-photo img{padding:8px}.about-card .car-photo{min-height:0;aspect-ratio:1.5}.porto-mark{width:65px;flex-basis:65px;height:26px}.porto-mark img{width:65px;height:65px;top:-20px}.home-hero .hero-grid>.clean-image{max-width:100%;width:100%;aspect-ratio:1.35!important}.home-hero .hero-grid>.photo img{position:static!important;height:100%;object-fit:cover}
 .floating-contact{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.floating-contact .buttons{gap:8px;padding:8px;width:max-content;max-width:100%}.floating-contact .btn{padding:12px 19px;min-height:48px}.floating-contact .btn i{font-size:19px}
 .service-diagram{grid-template-columns:1fr 140px 1fr;gap:6px;height:330px;margin-top:30px;width:100%}.diagram-labels{height:310px;gap:12px}.diagram-label{width:100%;gap:8px}.diagram-label i{font-size:25px}.diagram-label span{font-size:12px;letter-spacing:0;max-width:100px}.diagram-label:after,.diagram-label:before{display:none}.top-car{width:140px;height:330px}.top-car img{width:320px}.diagram-section{width:calc(100% - 28px)}
 .brand-marks{gap:20px;width:100%}.brand-marks img{height:65px}.brand-marks.many{grid-template-columns:repeat(4,1fr);gap:12px}.brand-marks.many img{height:50px}.service-grid h3>i{display:block;margin-bottom:12px}.service-grid h3{line-height:1.3}.service-hero .part-photo{aspect-ratio:1.2;width:100%;max-height:300px}.photo.part-photo img{padding:12px}.safety-main>.photo{flex:auto;width:75%;aspect-ratio:1}.suspension .safety-main .suspension-photo{max-width:300px;margin:auto}.revision-icons{grid-template-columns:repeat(4,1fr);gap:22px 12px}.revision-icons i{font-size:30px}.revision-icons span{font-size:13px}.revision-hero .clean-image{aspect-ratio:1.4}.maintenance-card .part-photo{width:175px}.contact-grid iframe{height:255px}.map-directions{font-size:13px}.schedule{padding-bottom:30px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}.hero-car:before{display:none}.road-photo{aspect-ratio:1.25}.road-photo img{object-fit:cover}.map-preview{position:relative;height:250px;overflow:hidden;background:#e6ece9}.map-tiles{position:absolute;display:grid;grid-template-columns:repeat(3,256px);width:768px;height:768px;left:calc(50% - 314.5476px);top:calc(50% - 486.66px)}.map-tiles img{display:block;width:256px;height:256px;max-width:none}.map-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);text-align:center;color:#e94335;filter:drop-shadow(0 2px 2px #fff)}.map-pin>i{font-size:35px;color:#e94335}.map-pin span{position:absolute;left:30px;bottom:14px;background:white;padding:7px 10px;border-radius:4px;box-shadow:0 2px 8px #0002;color:#343434;width:130px;font-size:12px;font-weight:600;line-height:1.25}.map-attribution{position:absolute;bottom:0;right:0;background:#ffffffe8;padding:2px 6px;font-size:10px;color:#365056}.map-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:13px 18px;background:#fff;border:0;border-bottom:1px solid #dce3e5;text-align:left;color:#356b80;font:600 13px Arial;cursor:pointer}.map-toggle:hover{background:#edf5f8}.contact-grid iframe:not([hidden]){display:block}.map-directions{line-height:1.4}@media(max-width:760px){.map-preview{height:255px}.map-pin span{width:112px;left:24px;font-size:11px}.road-photo{aspect-ratio:1.3}.brand-hero .hero-grid{padding-top:22px}}
