/* Shared DIAGMOTOR identity, also loaded inside the imported Shadow DOM. */
:root,:host{
 --brand-white:#ffffff;--brand-blue:#1246a0;--brand-red:#d51f36;
 --brand-dark:#242830;--brand-black:#111111;--brand-muted:#515967;
 --brand-line:rgba(36,40,48,.14);--brand-soft:#f6f7f9;
 --brand-radius:12px;--brand-ease:cubic-bezier(.2,.7,.2,1);
 --e-global-color-primary:#1246a0;--e-global-color-secondary:#242830;
 --e-global-color-text:#111111;--e-global-color-accent:#d51f36;
 --swiper-theme-color:#1246a0;
}
body{background:var(--brand-white);color:var(--brand-black);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--brand-blue);color:var(--brand-white)}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--brand-red);outline-offset:5px}
.header{padding:24px clamp(24px,3.5vw,64px);background:linear-gradient(180deg,rgba(36,40,48,.94),rgba(36,40,48,.55));border-bottom:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);color:var(--brand-white)}
.nav-menu ul{gap:clamp(16px,1.7vw,30px)}
.nav-menu ul li a{font-size:13.8px;letter-spacing:1.3px;font-weight:500;transition:color .3s ease}
.nav-menu>ul>li>a{padding-block:10px;position:relative}
.nav-menu>ul>li>a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--brand-red);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--brand-ease)}
.nav-menu>ul>li>a:hover::after,.nav-menu>ul>li>a.active::after{transform:scaleX(1)}
.nav-menu ul li a:hover,.nav-menu ul li a.active{color:var(--brand-white)}
.sub-menu{background:var(--brand-white);color:var(--brand-black);border-top:3px solid var(--brand-red);border-radius:0 0 8px 8px;box-shadow:0 18px 45px rgba(36,40,48,.18)}
.sub-menu li a:hover{color:var(--brand-blue)!important}
.parallax-slider{background:var(--brand-dark)}
.parallax-slider .overlay{background:linear-gradient(90deg,rgba(36,40,48,.74),rgba(36,40,48,.22) 68%,rgba(36,40,48,.14))}
.parallax-slider .slider_hero_title{font-weight:600;letter-spacing:-.045em;font-size:clamp(64.4px,8.28vw,147.2px);line-height:1.05}
.parallax-slider .slider_hero_title a,.parallax-slider .slider_hero_title a:hover{color:var(--brand-white)}
.parallax-slider .stroke{-webkit-text-stroke:1px var(--brand-white);color:transparent}
.parallax-slider .dis{font-size:13.8px;font-weight:500;letter-spacing:3px;color:var(--brand-white)}
.parallax-slider .dis::before{height:2px;background:var(--brand-red)}
.parallax-slider .swiper-button-next,.parallax-slider .swiper-button-prev{border:1px solid rgba(255,255,255,.45);background:rgba(36,40,48,.28);border-radius:50%;backdrop-filter:blur(8px);transition:background .3s ease,border-color .3s ease}
.parallax-slider .swiper-button-next:hover,.parallax-slider .swiper-button-prev:hover{background:var(--brand-red);border-color:var(--brand-red)}
.parallax-slider .swiper-pagination-bullet{background:var(--brand-white);opacity:.55;width:7px;height:7px;transition:width .35s ease,background .35s ease;border-radius:10px}
.parallax-slider .swiper-pagination-bullet-active{width:30px;background:var(--brand-red);opacity:1}
.social_link:hover{color:var(--brand-white);text-decoration:underline;text-underline-offset:5px}
.what-we-do-grid-section{background:var(--brand-dark);border-bottom:4px solid var(--brand-red)}
.grid-overlay{background:radial-gradient(ellipse at center,rgba(36,40,48,.64),rgba(36,40,48,.84))}
.grid-title{font-size:clamp(46px,5.75vw,87.4px);font-weight:500;line-height:1.12;letter-spacing:-.045em}
.grid-content{padding:30px 24px;max-width:100%}
.grid-subtitle{color:var(--brand-white);opacity:.82;font-size:16.1px;letter-spacing:1px}
.grid-col img{border-radius:8px}
.grid-btn{background:var(--brand-white);color:var(--brand-blue);border:1px solid var(--brand-white);border-radius:6px;padding:16px 28px;font-size:14.95px;letter-spacing:.5px;font-weight:600;box-shadow:0 12px 32px rgba(36,40,48,.16);transition:background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}
.grid-btn:hover{background:var(--brand-red);border-color:var(--brand-red);color:var(--brand-white);box-shadow:0 16px 38px rgba(36,40,48,.24)}

/* Imported sections use local text variables so each background has the right contrast. */
:host{background:var(--brand-white);color:var(--brand-black)}
.imported-page{--section-text:var(--brand-black);--section-muted:var(--brand-muted);--section-accent:var(--brand-blue);background:var(--brand-white);color:var(--section-text);font-family:Poppins,sans-serif}
.imported-page .elementor-22>.elementor-top-section{background-color:var(--brand-white)!important;border-top:1px solid var(--brand-line)}
.imported-page .elementor-22>[data-id="9d18af8"],.imported-page .elementor-22>[data-id="38ee7a4"],.imported-page .elementor-22>[data-id="8e5ea2c"],.imported-page .elementor-22>[data-id="20fd7e7"]{padding-block:clamp(64px,7vw,112px)!important}
.imported-page .elementor-22>[data-id="9b34f44"],.imported-page .elementor-22>[data-id="60dcc7b"]{background-color:var(--brand-soft)!important;padding-block:clamp(64px,7vw,112px)!important}
.imported-page .elementor-22>[data-id="0b3002e"]{--section-text:var(--brand-white);--section-muted:var(--brand-white);--section-accent:var(--brand-white);background-color:var(--brand-dark)!important;padding-block:clamp(80px,8vw,130px)!important}
.imported-page .elementor-22>[data-id="d989795"]{--section-text:var(--brand-white);--section-muted:var(--brand-white);--section-accent:var(--brand-white);background-color:var(--brand-dark)!important}
.imported-page [data-id="d989795"]>.elementor-background-overlay{background-color:var(--brand-dark)!important;opacity:.65!important}
.imported-page [data-id="b55c4b2"],.imported-page [data-id="5d8b6a0"]{--section-text:var(--brand-white);--section-muted:var(--brand-white);--section-accent:var(--brand-white);background-color:var(--brand-dark)!important}
.imported-page .elementor-22>[data-id="3a135049"]{--section-text:var(--brand-white);--section-muted:var(--brand-white);--section-accent:var(--brand-white);background-color:var(--brand-blue)!important;border-top:4px solid var(--brand-red);padding-block:clamp(72px,8vw,128px)!important}
.imported-page .elementor-location-footer{--section-text:var(--brand-white);--section-muted:var(--brand-white);--section-accent:var(--brand-white);background:var(--brand-dark)!important;color:var(--brand-white);border-top:1px solid rgba(255,255,255,.15);padding-block:50px}
.imported-page .elementor-location-footer [data-id="42b4e58"]{background:transparent!important}
.imported-page :is(h1,h2,h3,h4,h5,h6,p,.elementor-heading-title,.services_title,.service_summary,.testi-name,.testi-text,.testi-pos,.elementor-icon-list-text){color:var(--section-text)!important}
.imported-page :is(p,.service_summary,.testi-pos){color:var(--section-muted)!important;line-height:1.85}
.imported-page :is(h2.elementor-heading-title,h3.elementor-heading-title){font-size:clamp(34.5px,4.025vw,59.8px)!important;line-height:1.18!important;font-weight:500!important;letter-spacing:-.035em!important}
.imported-page h6.elementor-heading-title{font-size:12.65px!important;letter-spacing:2.6px!important;font-weight:600!important;color:var(--section-accent)!important;line-height:1.8!important}
.imported-page :is(h1,h2,h3,h4,h5,h6,p) a{color:inherit!important}
.imported-page a:hover{color:var(--section-accent)}
.imported-page .wavo-headig-line::before,.imported-page .wavo-headig-line::after,.imported-page .wavo-headig-line .elementor-heading-title::before,.imported-page .wavo-headig-line .elementor-heading-title::after{background-color:var(--brand-red)!important;border-color:var(--brand-red)!important}
.imported-page .services .item{border:1px solid var(--brand-line);border-radius:var(--brand-radius);background:var(--brand-white);padding:32px!important;box-shadow:0 8px 26px rgba(36,40,48,.04);transition:border-color .4s ease,box-shadow .4s ease,background .4s ease}
.imported-page .services .item:hover{border-color:var(--brand-blue);box-shadow:0 18px 44px rgba(36,40,48,.09)}
.imported-page .services .item::before,.imported-page .services .item::after{border-color:var(--brand-blue)!important}
.imported-page .services .services_icon{color:var(--brand-blue)!important}
.imported-page .services .services_icon svg{fill:currentColor}
.imported-page .services .services_title{font-size:25.3px!important;font-weight:500!important;letter-spacing:-.02em}
.imported-page .services .more-stroke{color:var(--brand-red)!important;-webkit-text-stroke-color:var(--brand-red)!important}
.imported-page .work-carousel .img{border-radius:var(--brand-radius)!important;box-shadow:0 18px 40px rgba(36,40,48,.09)}
.imported-page .work-carousel .cont{padding:24px 12px!important;background:transparent!important}
.imported-page .work-carousel .projects-post-title{font-size:23px!important;font-weight:500!important;letter-spacing:-.02em}
.imported-page .work-carousel .img::after{background:var(--brand-blue)!important;opacity:0!important}
.imported-page .swiper-pagination-progressbar{background:var(--brand-line)}
.imported-page .swiper-pagination-progressbar-fill{background:var(--brand-red)!important}
.imported-page .swiper-pagination-bullet{background:var(--brand-blue)!important}
.imported-page .swiper-pagination-bullet-active{background:var(--brand-red)!important}
.imported-page .swiper-nav-ctrl{background:var(--brand-white)!important;color:var(--brand-blue)!important;border:1px solid var(--brand-line)!important;box-shadow:0 8px 20px rgba(36,40,48,.06);transition:background .3s ease,color .3s ease,border-color .3s ease}
.imported-page .swiper-nav-ctrl:hover{background:var(--brand-blue)!important;color:var(--brand-white)!important;border-color:var(--brand-blue)!important}
.imported-page .testimonials::after{background:transparent!important;border-left:2px solid var(--brand-red);width:100%;left:0;top:0}
.imported-page .testimonials .testi-img{border-radius:8px;background:var(--brand-white);padding:10px}
.imported-page .testimonials .testi-text{font-size:clamp(21.85px,2.53vw,32.2px)!important;line-height:1.7!important;font-weight:400;letter-spacing:-.02em}
.imported-page .testimonials .testi-pos{font-size:13.8px!important;opacity:.75}
.imported-page .testimonials .quote-icon{opacity:.25}
.imported-page .testimonials .quote-icon img{filter:brightness(0) invert(1)}
.imported-page .testimonials .rotated-text{color:var(--brand-white)!important;letter-spacing:2px}
.imported-page .imported-controls{gap:12px;margin-top:34px}
.imported-page .imported-controls button{color:var(--brand-white);border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:12px 22px;font-size:13.8px;letter-spacing:.5px;transition:background .3s ease,border-color .3s ease}
.imported-page .imported-controls button:hover{background:var(--brand-red);border-color:var(--brand-red)}
.imported-page .agency .imgone,.imported-page .agency .imgtwo{border-radius:var(--brand-radius)!important;border-color:var(--brand-white)!important;box-shadow:0 18px 50px rgba(36,40,48,.12)!important}
.imported-page .agency .exp{color:var(--brand-blue)!important}
.imported-page .agency .exp h2{color:var(--brand-blue)!important}
.imported-page .agency .img .icon{color:var(--brand-blue)!important;background:var(--brand-white)!important}
.imported-page .agency .img .icon::after{border-color:var(--brand-red)!important}
.imported-page .agency .img .icon svg{fill:var(--brand-blue)}
.imported-page .stories{background-color:var(--brand-soft)!important;background-image:none!important}
.imported-page .stories .text{padding:clamp(28px,4vw,70px)!important}
.imported-page .stories .text h4{font-size:clamp(26.45px,2.645vw,39.1px)!important;font-weight:500!important;line-height:1.35!important;letter-spacing:-.025em}
.imported-page .stories .text .more,.imported-page .stories .text .date{color:var(--brand-blue)!important}
.imported-page .clients .bord,.imported-page .clients .brands{border-color:var(--brand-line)!important}
.imported-page .clients .item{padding:26px 18px;border-radius:8px;transition:background .4s ease}
.imported-page .clients .item:hover{background:var(--brand-soft)}
.imported-page .clients .brands .link{color:var(--brand-blue)!important}
.imported-page .wavo-btn.btn-curve{background:var(--brand-blue)!important;border:1px solid var(--brand-blue)!important;border-radius:6px;padding:16px 28px!important;color:var(--brand-white)!important}
.imported-page .wavo-btn.btn-curve .button_text{color:var(--brand-white)!important;font-size:12.65px!important;font-weight:600!important;letter-spacing:1.2px!important}
.imported-page .wavo-btn.btn-curve::after{background:var(--brand-red)!important}
.imported-page .wavo-btn.btn-curve:hover{border-color:var(--brand-red)!important}
.imported-page [data-id="3a135049"] .wavo-btn{background:var(--brand-red)!important;border-color:var(--brand-red)!important}
.imported-page [data-id="3a135049"] .wavo-btn::after{background:var(--brand-dark)!important}
.imported-page .popup-video .vid-btn{color:var(--brand-white)!important;background:var(--brand-red)!important;border-color:var(--brand-white)!important}
.imported-page .popup-video .vid-btn::before,.imported-page .popup-video .vid-btn::after{border-color:var(--brand-white)!important}
.imported-page .elementor-location-footer h2.elementor-heading-title{font-size:29.9px!important;letter-spacing:-.02em!important}
.imported-page .elementor-location-footer p{font-size:13.8px!important;opacity:.8}
.imported-page .elementor-location-footer .elementor-icon-list-icon{color:var(--brand-white)!important}
.imported-page .elementor-location-footer a:hover .elementor-icon-list-text{color:var(--brand-white)!important;text-decoration:underline;text-underline-offset:5px}
@media(max-width:991px){
 .header{padding:18px 24px;background:var(--brand-dark)}
 .nav-menu{background:var(--brand-dark);border-bottom:2px solid var(--brand-red);padding:20px 24px}
 .sub-menu{background:transparent;color:var(--brand-white);border:0;box-shadow:none}
 .sub-menu li a:hover{color:var(--brand-white)!important}
 .parallax-slider .slider_hero_title{font-size:clamp(55.2px,9.2vw,101.2px)}
}
@media(max-width:600px){
 .header{padding:18px 20px}
 .parallax-slider .slider_hero_title{font-size:clamp(39.1px,11.5vw,66.7px);letter-spacing:-.035em}
 .parallax-slider .dis{font-size:12.65px;letter-spacing:1.6px}
 .parallax-slider .overlay{background:linear-gradient(180deg,rgba(36,40,48,.15),rgba(36,40,48,.24) 38%,rgba(36,40,48,.85))}
 .grid-title{font-size:clamp(39.1px,10.925vw,62.1px)}
 .grid-subtitle{font-size:13.8px}
 .imported-page .services .item{padding:26px!important}
 .imported-page .testimonials::after{border-left:0;border-top:2px solid var(--brand-red)}
 .imported-page .elementor-location-footer{padding-block:36px}
}
@media(max-height:500px) and (orientation:landscape){.parallax-slider .slider_hero_title{font-size:clamp(34.5px,6.9vh,55.2px)}}


/* Vector identity: currentColor follows the contrast of its own background. */
.brand-logo-link{display:inline-flex;align-items:center;line-height:0;color:var(--logo-color,var(--brand-blue));transition:color .3s ease;max-width:100%}
.brand-logo{display:block;width:160px;height:auto;max-width:100%;overflow:visible}
.header .brand-logo-link{color:var(--logo-color,var(--brand-white))}
.imported-page .elementor-location-footer .brand-logo-link{color:var(--logo-color,var(--brand-white))!important;margin-bottom:12px}
.imported-page .brand-logo-footer .brand-logo{width:200px}
.header .logo{flex-shrink:0}
@media(max-width:991px){.header .brand-logo{width:126px}.header{padding-top:12px;padding-bottom:12px}}
@media(max-width:600px){.header .brand-logo{width:116px}.imported-page .brand-logo-footer .brand-logo{width:170px}}


/* Three original banner compositions; preserve all embedded text without cropping. */
.imported-page .promo-banner{background:var(--brand-white);padding:clamp(28px,4vw,64px) 40px;border-top:1px solid var(--brand-line)}
.imported-page .promo-banner-frame{max-width:1440px;margin-inline:auto;border-radius:12px;overflow:hidden;box-shadow:0 16px 48px rgba(36,40,48,.1);border:1px solid var(--brand-line)}
.imported-page .promo-banner picture{display:block}
.imported-page .promo-banner img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
@media(max-width:1024px){.imported-page .promo-banner{padding:32px 24px}}
@media(max-width:600px){.imported-page .promo-banner{padding:24px 12px}.imported-page .promo-banner-frame{border-radius:8px}}


/* One prominent social destination, visible on every screen size. */
.parallax-slider .social-wrapper{display:flex;flex-direction:row;right:clamp(20px,3.5vw,64px);bottom:40px;gap:0}
.parallax-slider .instagram-highlight{display:inline-flex;align-items:center;gap:12px;writing-mode:horizontal-tb;transform:none;background:var(--brand-white);color:var(--brand-blue);padding:15px 22px;border:1px solid var(--brand-white);border-radius:8px;font-size:13.8px;letter-spacing:1px;font-weight:600;box-shadow:0 12px 32px rgba(36,40,48,.18);text-decoration:none;transition:background .3s ease,color .3s ease,border-color .3s ease}
.parallax-slider .instagram-highlight .fa-instagram{font-size:28.75px}
.parallax-slider .instagram-highlight .fa-arrow-up-right-from-square{font-size:12.65px}
.parallax-slider .instagram-highlight:hover{background:var(--brand-red);border-color:var(--brand-red);color:var(--brand-white);text-decoration:none}
.imported-page .elementor-location-footer .instagram-highlight{display:inline-flex;align-items:center;gap:12px;background:var(--brand-white);color:var(--brand-blue)!important;padding:14px 22px;border:1px solid var(--brand-white);border-radius:8px;box-shadow:0 10px 26px rgba(17,17,17,.12);transition:background .3s ease,border-color .3s ease}
.imported-page .elementor-location-footer .instagram-highlight .elementor-icon-list-icon,.imported-page .elementor-location-footer .instagram-highlight .elementor-icon-list-text{color:var(--brand-blue)!important}
.imported-page .elementor-location-footer .instagram-highlight .fa-instagram{font-size:28.75px}
.imported-page .elementor-location-footer .instagram-highlight .elementor-icon-list-text{font-size:14.95px;font-weight:600;letter-spacing:.5px}
.imported-page .elementor-location-footer .instagram-highlight:hover{background:var(--brand-red);border-color:var(--brand-red)}
.imported-page .elementor-location-footer .instagram-highlight:hover .elementor-icon-list-icon,.imported-page .elementor-location-footer .instagram-highlight:hover .elementor-icon-list-text{color:var(--brand-white)!important;text-decoration:none}
@media(max-width:991px){.parallax-slider .social-wrapper{display:flex}}
@media(max-width:600px){
 .parallax-slider .social-wrapper{right:20px;bottom:28px}
 .parallax-slider .instagram-highlight{padding:11px 16px;gap:9px;font-size:12.65px}
 .parallax-slider .instagram-highlight .fa-instagram{font-size:25.3px}
 .parallax-slider .swiper-pagination{width:auto;left:20px;right:auto;bottom:42px!important}
 .parallax-slider .slide-content{padding-bottom:max(110px,calc(env(safe-area-inset-bottom) + 90px))}
}
@media(max-height:500px) and (orientation:landscape){.parallax-slider .social-wrapper{bottom:16px}.parallax-slider .instagram-highlight{padding:9px 14px}}

/* Workshop content and enquiry flow, matching the existing visual identity. */
.header .nav-appointment{background:var(--brand-red);border:1px solid var(--brand-red);padding:10px 16px;border-radius:6px;font-size:12.65px;white-space:nowrap}
.header .nav-appointment::after{display:none}
.parallax-slider .hero-cta{display:table;margin-top:28px;padding:15px 23px;border-radius:6px;background:var(--brand-red);border:1px solid var(--brand-red);color:var(--brand-white);font-size:14.95px;font-weight:600;letter-spacing:.3px;transition:background .3s,border-color .3s}
.parallax-slider .hero-cta:hover{background:var(--brand-blue);border-color:var(--brand-blue)}
.parallax-slider .dis{max-width:100%;line-height:1.8}
.imported-page .services .services_icon i{font-size:48.3px}
.imported-page [data-id="d989795"]{background-image:url('assets/hero/diagmotor-taller-4.avif')!important}
.imported-page .workshop-contact{padding:48px 20px;text-align:center}
.imported-page .workshop-contact p{margin-top:22px}
.imported-page .testimonials .author i{display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;background:var(--brand-red);color:var(--brand-white);font-size:27.6px;border-radius:50%;margin-bottom:20px}
.imported-page .testimonials .testi-pos{display:block;margin-top:10px}
.imported-page .testimonials .rotated-text{font-size:17.25px!important;max-width:100%;letter-spacing:1.2px;transform:none!important;position:static!important;margin-bottom:32px}
.imported-page .fleet-intro{max-width:880px;padding:0 20px;margin:0 auto 40px;text-align:center}
.imported-page .clients .brands{height:auto!important}
.imported-page .clients .item{height:100%;padding:28px 20px!important}
.imported-page .clients .item>i{font-size:34.5px;color:var(--brand-blue);margin-bottom:18px}
.imported-page .clients .item h4{font-size:19.55px;font-weight:500;line-height:1.5;margin-bottom:12px}
.imported-page .clients .item p{font-size:14.95px;line-height:1.7}
.imported-page .agency .img .icon i{font-size:39.1px;line-height:100px}
.imported-page .agency .exp h6{font-size:14.95px!important;max-width:200px}
.imported-page .workshop-section{padding:clamp(60px,7vw,100px) 24px;background:var(--brand-white);color:var(--brand-black);border-top:1px solid var(--brand-line);scroll-margin-top:24px}
.imported-page .workshop-container{max-width:1200px;margin-inline:auto}
.imported-page .workshop-kicker{color:var(--brand-blue)!important;font-size:12.65px;font-weight:600;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:18px}
.imported-page .workshop-section h2{font-size:clamp(34.5px,4.025vw,55.2px);font-weight:500;line-height:1.2;letter-spacing:-.035em;max-width:900px;margin-bottom:24px}
.imported-page .section-intro{max-width:700px;margin-bottom:36px;font-size:17.25px}
.imported-page .workshop-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.imported-page .workshop-service-card{padding:28px 24px;border:1px solid var(--brand-line);border-radius:12px;background:var(--brand-white);display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(36,40,48,.04);transition:border-color .35s,box-shadow .35s}
.imported-page .workshop-service-card:hover{border-color:var(--brand-blue);box-shadow:0 16px 40px rgba(36,40,48,.09)}
.imported-page .workshop-service-card>i{color:var(--brand-blue);font-size:33.35px;margin-bottom:22px}
.imported-page .workshop-service-card h3{font-size:21.85px;font-weight:500;line-height:1.45;margin-bottom:14px}
.imported-page .workshop-service-card p{font-size:14.95px;margin-bottom:20px;flex:1}
.imported-page .workshop-service-card a{color:var(--brand-blue);font-size:13.8px;font-weight:600;line-height:1.7}
.imported-page .workshop-service-card a:hover{color:var(--brand-red)}
.imported-page .contact-section{background:var(--brand-soft)}
.imported-page .contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.imported-page .contact-copy p{margin-bottom:22px}
.imported-page .contact-copy a:not(.contact-whatsapp){color:var(--brand-blue);overflow-wrap:anywhere}
.imported-page .contact-location{margin-top:32px}
.imported-page .contact-whatsapp{display:inline-flex;align-items:center;gap:12px;background:var(--brand-red);border:1px solid var(--brand-red);color:var(--brand-white);padding:16px 24px;border-radius:6px;font-size:14.95px;font-weight:600;transition:background .3s,border-color .3s}
.imported-page .contact-whatsapp:hover{background:var(--brand-blue);border-color:var(--brand-blue);color:var(--brand-white)}
.imported-page .contact-whatsapp i{font-size:26.45px}
.imported-page .contact-phone{display:block;font-size:17.25px;font-weight:500;margin-top:20px}
.imported-page .appointment-form{padding:clamp(24px,3vw,40px);border:1px solid var(--brand-line);border-radius:14px;background:var(--brand-white);box-shadow:0 16px 48px rgba(36,40,48,.06);min-width:0}
.imported-page .appointment-form h3{font-size:27.6px;font-weight:500;margin-bottom:28px;line-height:1.4}
.imported-page .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.imported-page .form-grid label{display:flex;flex-direction:column;gap:9px;font-size:13.8px;font-weight:500;color:var(--brand-dark);min-width:0}
.imported-page .form-full{grid-column:1/-1}
.imported-page .form-grid :is(input,select,textarea){box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:12px 13px;border:1px solid var(--brand-line);border-radius:6px;background:var(--brand-white);color:var(--brand-black);font:400 18.4px Poppins,sans-serif;outline-offset:3px;line-height:1.6}
.imported-page .form-grid textarea{resize:vertical;min-height:130px}
.imported-page .form-grid :is(input,select,textarea):focus{outline:2px solid var(--brand-blue);border-color:var(--brand-blue)}
.imported-page .field-help{font-size:12.65px;font-weight:400;line-height:1.6;color:var(--brand-muted)}
.imported-page .form-data-note,.imported-page .form-status{font-size:12.65px;line-height:1.8;margin-top:22px;margin-bottom:18px}
.imported-page .form-submit,.imported-page .form-email{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 18px;border-radius:6px;cursor:pointer;font:600 13.8px Poppins,sans-serif;line-height:1.5;transition:background .3s,border-color .3s,color .3s}
.imported-page .form-submit{background:var(--brand-blue);border:1px solid var(--brand-blue);color:var(--brand-white)}
.imported-page .form-email{margin-top:12px;background:var(--brand-white);border:1px solid var(--brand-blue);color:var(--brand-blue)}
.imported-page .form-submit:hover,.imported-page .form-email:hover{background:var(--brand-red);border-color:var(--brand-red);color:var(--brand-white)}
.imported-page .form-status a{color:var(--brand-blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.imported-page .elementor-location-footer a{overflow-wrap:anywhere}
@media(max-width:1100px){.nav-menu ul{gap:14px}.nav-menu ul li a{font-size:12.65px}.imported-page .workshop-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.header .nav-appointment{display:inline-flex}.imported-page .contact-layout{grid-template-columns:1fr;gap:36px}}
@media(max-width:600px){
 .parallax-slider .slider_hero_title{font-size:clamp(36.8px,10.925vw,57.5px)}
 .parallax-slider .dis{font-size:11.5px;letter-spacing:1px;line-height:1.8}
 .parallax-slider .hero-cta{margin-top:18px;padding:12px 18px;font-size:12.65px}
 .imported-page .workshop-section{padding:52px 20px}
 .imported-page .workshop-service-grid{grid-template-columns:1fr;gap:16px}
 .imported-page .form-grid{grid-template-columns:1fr}
 .imported-page .form-full{grid-column:auto}
 .imported-page .testimonials .rotated-text{font-size:14.95px!important;margin-bottom:24px}
 .imported-page .clients .item h4{font-size:17.25px}
}
@media(max-height:500px) and (orientation:landscape){.parallax-slider .hero-cta{padding:9px 14px;margin-top:12px}.parallax-slider .dis{font-size:11.5px;letter-spacing:1px}.parallax-slider .slider_hero_title{font-size:34.5px}}

/* The animated work gallery now lives after the workshop introduction. */
.imported-page #trabajos{--section-text:var(--brand-white);--section-muted:var(--brand-white);color:var(--brand-white)}

/* Photo captions have their own space, leaving the workshop images unobstructed. */
.imported-page #servicios .service-photo-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--brand-line);border-radius:12px;background:var(--brand-white);box-shadow:0 12px 36px rgba(36,40,48,.08)}
.imported-page #servicios .service-photo-card .img{position:relative;width:100%;height:clamp(260px,29vw,360px);overflow:hidden;margin:0}
.imported-page #servicios .service-photo-card .img::after{display:none!important}
.imported-page #servicios .service-photo-card .img>img{display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center;transition:transform .65s ease}
.imported-page #servicios .service-photo-card:hover .img>img{transform:scale(1.035)}
.imported-page #servicios .service-photo-card .cont{position:static!important;inset:auto!important;transform:none!important;width:100%!important;padding:24px!important;margin:0!important;background:var(--brand-white)!important;opacity:1!important;--section-text:var(--brand-black);--section-muted:var(--brand-muted);color:var(--brand-black)!important}
.imported-page #servicios .service-photo-card .cont h4{margin:0!important;font-size:23px!important;line-height:1.45!important;font-weight:500}
.imported-page #servicios .service-photo-card .cont a{color:var(--brand-black)!important;text-decoration:none}
.imported-page #servicios .service-photo-card .cont a:hover{color:var(--brand-blue)!important}
/* A readable commitment panel, with a less repeated workshop photograph. */
.imported-page #compromiso .testimonials{--section-text:var(--brand-black);--section-muted:var(--brand-muted);--section-accent:var(--brand-blue);position:relative;background:var(--brand-white)!important;color:var(--brand-black)!important;border-radius:16px;padding:clamp(24px,4vw,56px);box-shadow:0 20px 70px rgba(17,17,17,.12)}
.imported-page #compromiso .testimonials::after{display:none!important}
.imported-page #compromiso .commitment-heading-wrap{margin-bottom:32px}
.imported-page #compromiso .commitment-heading{color:var(--brand-black)!important;font-size:clamp(32.2px,3.91vw,50.6px)!important;line-height:1.2!important;letter-spacing:-.035em}
.imported-page #compromiso .commitment-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:clamp(24px,4vw,52px);align-items:center}
.imported-page #compromiso .commitment-photo{position:relative;overflow:hidden;margin:0;border-radius:10px;min-width:0;align-self:stretch;min-height:370px}
.imported-page #compromiso .commitment-photo img{display:block;width:100%;height:100%;min-height:370px;object-fit:cover;object-position:center}
.imported-page #compromiso .commitment-photo::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(17,17,17,.88));pointer-events:none}
.imported-page #compromiso .commitment-photo figcaption{position:absolute;z-index:1;left:24px;right:24px;bottom:28px;color:var(--brand-white)}
.imported-page #compromiso .commitment-photo figcaption span{display:block;font-size:11.5px;font-weight:600;letter-spacing:1.6px;margin-bottom:12px}
.imported-page #compromiso .commitment-photo figcaption strong{font-size:clamp(23px,2.415vw,31.05px);line-height:1.35;font-weight:500}
.imported-page #compromiso .commitment-copy{min-width:0}
.imported-page #compromiso .info{text-align:left!important}
.imported-page #compromiso .author{width:84px!important;height:84px!important;overflow:visible!important;margin:0 0 20px!important;border-radius:0!important}
.imported-page #compromiso .author .icon-art{width:84px;height:84px}
.imported-page #compromiso .testi-name{color:var(--brand-black)!important;font-size:21.85px!important;font-weight:500}
.imported-page #compromiso .testi-pos{color:var(--brand-muted)!important;opacity:1!important}
.imported-page #compromiso .slider-for{margin-bottom:24px}
.imported-page #compromiso .slider-nav .cont{background:transparent!important;padding:0!important;text-align:left!important}
.imported-page #compromiso .testi-text{color:var(--brand-black)!important;font-size:clamp(19.55px,2.07vw,26.45px)!important;line-height:1.7!important;text-align:left!important;margin:0}
.imported-page #compromiso .imported-controls{position:static!important;display:flex;justify-content:flex-end;gap:10px;margin-top:28px}
.imported-page #compromiso .imported-controls button{background:var(--brand-blue)!important;border:1px solid var(--brand-blue)!important;color:var(--brand-white)!important;border-radius:6px;padding:10px 16px;font-size:13.8px;cursor:pointer}
.imported-page #compromiso .imported-controls button:hover{background:var(--brand-red)!important;border-color:var(--brand-red)!important}
/* Custom two-colour illustrations based on the freely licensed Lucide SVGs. */
.imported-page .icon-art{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:96px;height:96px;border-radius:20px;color:var(--brand-blue);background:var(--brand-soft);transition:transform .35s ease,background .35s ease;vertical-align:middle}
.imported-page .icon-illustration{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor}
.imported-page .icon-red-accent{stroke:var(--brand-red);fill:none}
.imported-page .icon-orbit{opacity:.3;transform-origin:48px 48px;transition:transform .65s ease,opacity .35s}
.imported-page .icon-bracket{stroke:var(--brand-blue);opacity:.55}
.imported-page .icon-main{fill:none;stroke:var(--brand-blue)}
.imported-page .icon-art.icon-drawn .icon-main>*{stroke-dasharray:100;stroke-dashoffset:0;animation:workshop-icon-draw .85s ease both;animation-delay:var(--icon-delay,0ms)}
.imported-page .icon-art.icon-drawn .icon-red-accent{animation:workshop-icon-accent .75s ease both;animation-delay:var(--icon-delay,0ms)}
.imported-page .workshop-service-card>.icon-art{margin-bottom:22px}
.imported-page .workshop-service-card{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.imported-page .workshop-service-card:is(:hover,:focus-within){transform:translateY(-5px);border-color:var(--brand-blue)}
.imported-page #flotas .clients .brands{padding:10px!important}
.imported-page #flotas .clients .row.bord{border:0!important}
.imported-page #flotas .clients .fleet-card{border:1px solid var(--brand-line)!important;border-radius:12px;background:var(--brand-white)!important;min-height:245px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.imported-page #flotas .clients .fleet-card::after,.imported-page #flotas .clients .fleet-card::before{display:none!important}
.imported-page #flotas .clients .fleet-card>.icon-art{margin-bottom:20px}
.imported-page #flotas .clients .fleet-card:hover{transform:translateY(-5px);border-color:var(--brand-blue)!important;box-shadow:0 16px 38px rgba(36,40,48,.1)}
.imported-page :is(.fleet-card,.workshop-service-card):is(:hover,:focus-within) .icon-art{transform:translateY(-3px) rotate(-4deg);background:#EDF2FA}
.imported-page :is(.fleet-card,.workshop-service-card):is(:hover,:focus-within) .icon-orbit{transform:rotate(28deg);opacity:.7}
.imported-page #confianza [data-id="5d8b6a0"],.imported-page #confianza [data-id="b55c4b2"]{background-color:var(--brand-red)!important}
.imported-page #confianza [data-id="5d8b6a0"]>.elementor-background-overlay,.imported-page #confianza [data-id="b55c4b2"]>.elementor-background-overlay{background:transparent!important}
@keyframes workshop-icon-draw{from{stroke-dashoffset:100;opacity:.15}to{stroke-dashoffset:0;opacity:1}}
@keyframes workshop-icon-accent{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){
 .imported-page #compromiso .commitment-layout{grid-template-columns:1fr;gap:28px}
 .imported-page #compromiso .commitment-photo{min-height:0;height:clamp(260px,65vw,430px)}
 .imported-page #compromiso .commitment-photo img{min-height:0;height:100%}
 .imported-page #compromiso .imported-controls{justify-content:flex-start}
 .imported-page #servicios .service-photo-card .img{height:clamp(270px,60vw,390px)}
}
@media(max-width:480px){
 .imported-page #flotas .clients .item{padding:22px 12px!important;min-height:260px}
 .imported-page #flotas .icon-art{width:78px;height:78px}
 .imported-page #flotas .clients .item h4{font-size:16.1px;line-height:1.5}
 .imported-page #flotas .clients .item p{font-size:13.8px}
 .imported-page #servicios .service-photo-card .cont{padding:20px!important}
}
@media(prefers-reduced-motion:reduce) and (min-width:768px) and (hover:hover){
 .imported-page .icon-art,.imported-page .icon-orbit,.imported-page .workshop-service-card,.imported-page #flotas .fleet-card,.imported-page #servicios .service-photo-card .img>img{transition:none!important;transform:none!important}
 .imported-page .icon-art.icon-drawn .icon-main>*,.imported-page .icon-art.icon-drawn .icon-red-accent{animation:none!important;stroke-dashoffset:0!important}
}

/* Resolve the original nested image wrapper and reveal captions without hovering. */
.imported-page #servicios .service-photo-card .img .imgio{display:block;width:100%;height:100%}
.imported-page #servicios .service-photo-card .img img{display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center;transition:transform .65s ease}
.imported-page #servicios .service-photo-card:hover .img img{transform:scale(1.035)}
.imported-page #servicios .service-photo-card .cont h4{opacity:1!important;visibility:visible!important;transform:none!important}
.imported-page #compromiso .commitment-photo img{position:absolute;inset:0}
.imported-page [data-id="5d8b6a0"],.imported-page [data-id="b55c4b2"]{background-color:var(--brand-red)!important}
.imported-page [data-id="5d8b6a0"]>.elementor-background-overlay,.imported-page [data-id="b55c4b2"]>.elementor-background-overlay{background:transparent!important}
@media(prefers-reduced-motion:reduce) and (min-width:768px) and (hover:hover){.imported-page #servicios .service-photo-card .img img{transition:none!important;transform:none!important}}

/* Continuous carousel movement and compact, accessible commitment pagination. */
.imported-page #servicios .continuous-services .swiper-wrapper{transition-timing-function:linear!important;-webkit-transition-timing-function:linear!important}
.imported-page #compromiso .commitment-pagination{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:26px}
.imported-page #compromiso .commitment-dot{position:relative;display:block;flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.imported-page #compromiso .commitment-dot::before{content:'';position:absolute;top:14px;left:14px;width:8px;height:8px;border-radius:50%;background:var(--brand-blue);opacity:.35;transition:transform .3s ease,background .3s ease,opacity .3s ease}
.imported-page #compromiso .commitment-dot.is-active::before{background:var(--brand-red);opacity:1;transform:scale(1.4)}
.imported-page #compromiso .commitment-dot:hover::before{opacity:1}
.imported-page #compromiso .slider-nav{min-height:175px}
.imported-page #compromiso .slider-for{min-height:175px}
.imported-page #compromiso .commitment-enter{animation:commitment-slide-in .65s ease both}
@keyframes commitment-slide-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
/* The complete trust panel is red, including the area below the heading. */
.imported-page .elementor-22>[data-id="d989795"]{background-color:var(--brand-red)!important}
.imported-page [data-id="d989795"]>.elementor-background-overlay{background-color:var(--brand-red)!important;opacity:.87!important}
.imported-page [data-id="b55c4b2"],.imported-page [data-id="b55c4b2"] .elementor-inner-section,.imported-page [data-id="b55c4b2"] .elementor-widget-wrap,.imported-page [data-id="b55c4b2"] .elementor-column{background-color:var(--brand-red)!important;background-image:none!important}
.imported-page [data-id="b55c4b2"] .elementor-background-overlay{background:transparent!important}
/* WOW-style image entrances on the wrapper preserve each photo's scroll parallax. */
.imported-page #equipo .team-wow.reference-visible{animation:team-photo-wow .95s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--team-delay,0ms);backface-visibility:hidden;-webkit-backface-visibility:hidden}
@keyframes team-photo-wow{from{opacity:0;transform:translate3d(0,38px,0) scale(.96);clip-path:inset(10% 0 0 0);-webkit-clip-path:inset(10% 0 0 0)}to{opacity:1;transform:translate3d(0,0,0) scale(1);clip-path:inset(0);-webkit-clip-path:inset(0)}}
/* Fluid layout and Safari-friendly rendering on touch devices. */
html,body{width:100%;max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.header{-webkit-backdrop-filter:blur(14px)}
.parallax-slider .swiper-button-next,.parallax-slider .swiper-button-prev{-webkit-backdrop-filter:blur(8px)}
.imported-page picture{display:block;max-width:100%}
.imported-page #servicios .service-photo-card .img picture{width:100%;height:100%}
.imported-page .elementor-widget-wrap,.imported-page .elementor-column,.imported-page .swiper-slide,.imported-page .workshop-service-card{min-width:0}
.imported-page :is(p,li,.testi-text,.testi-name,.workshop-service-card h3){overflow-wrap:anywhere;word-break:normal}
.imported-page #equipo .agency .img img{-webkit-backface-visibility:hidden;backface-visibility:hidden}
@media(max-width:1280px){
 .header{padding:18px 24px;background:var(--brand-dark)}
 .nav-menu{background:var(--brand-dark);border-bottom:2px solid var(--brand-red);padding:20px 24px;max-height:calc(100vh - 85px);max-height:calc(100dvh - 85px);overflow-y:auto;-webkit-overflow-scrolling:touch}
 .sub-menu{background:transparent;color:var(--brand-white);border:0;box-shadow:none}
 .header .nav-appointment{display:inline-flex}
}
@media(max-width:991px){
 .imported-page #equipo>.elementor-container{flex-wrap:wrap}
 .imported-page #equipo>.elementor-container>.elementor-column{width:100%}
 .imported-page #equipo .agency>.img{margin:40px auto 0;max-width:600px}
 .imported-page #compromiso .commitment-layout{grid-template-columns:1fr}
 .imported-page #compromiso .commitment-photo{height:clamp(300px,65vw,460px);min-height:0}
 .imported-page #compromiso .commitment-photo img{height:100%;min-height:0}
}
@media(max-width:600px){
 .imported-page .elementor-22>.elementor-top-section:not(#trabajos){padding-left:16px!important;padding-right:16px!important}
 .imported-page [data-id="d989795"]>.elementor-container{flex-wrap:wrap}
 .imported-page [data-id="d989795"]>.elementor-container>.elementor-column{width:100%}
 .imported-page [data-id="b55c4b2"]>.elementor-widget-wrap{padding:28px 16px!important}
 .imported-page #compromiso .testimonials{padding:24px 20px}
 .imported-page #compromiso .commitment-pagination{justify-content:flex-start}
 .imported-page #compromiso .slider-nav{min-height:220px}
 .imported-page #servicios .service-photo-card .cont{min-height:90px;display:flex;align-items:center}
 .imported-page #equipo .agency .imgone{width:75%!important}
 .imported-page #equipo .agency .imgtwo{width:65%!important}
 .parallax-slider .slide-content .container{width:100%;max-width:100%}
 .parallax-slider .slide-content{padding-top:100px}
}
@media(hover:none){.imported-page .workshop-service-card:hover,.imported-page #flotas .fleet-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce) and (min-width:768px) and (hover:hover){
 .imported-page #equipo .team-wow.reference-visible,.imported-page #compromiso .commitment-enter{animation:none!important;clip-path:none!important;-webkit-clip-path:none!important;opacity:1!important}
}

/* The photo area keeps its original dark overlay; the text panel remains red. */
.imported-page .elementor-22>[data-id="d989795"]{background-color:var(--brand-dark)!important}
.imported-page [data-id="d989795"]>.elementor-background-overlay{background-color:var(--brand-dark)!important;opacity:.65!important}

/* A desktop navigation bar that appears on scroll and follows the section palette. */
@media(min-width:1281px){
 .imported-page .elementor-22>[id]{scroll-margin-top:160px}
 .header{position:fixed;z-index:1000;background:var(--menu-surface,var(--brand-dark));transition:opacity .3s ease,transform .35s ease,background-color .3s ease,color .3s ease;box-shadow:0 5px 24px rgba(17,17,17,.08)}
 .header:not(.is-revealed){visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(0,-110%,0)}
 .header.is-revealed{visibility:visible;opacity:1;transform:translate3d(0,0,0)}
 .header[data-menu-tone="light"]{--menu-ink:var(--brand-black);--menu-accent:var(--brand-blue);--menu-cta:var(--brand-red);--menu-cta-ink:var(--brand-white);color:var(--menu-ink);border-bottom-color:var(--brand-line)}
 .header[data-menu-tone="dark"]{--menu-ink:var(--brand-white);--menu-accent:var(--brand-white);--menu-cta:var(--brand-white);--menu-cta-ink:var(--brand-blue);color:var(--menu-ink);border-bottom-color:rgba(255,255,255,.18)}
 .header[data-menu-tone] .nav-menu>ul>li>a{color:var(--menu-ink)}
 .header[data-menu-tone] .nav-menu>ul>li>a::after{background:var(--menu-accent)}
 .header[data-menu-tone] .nav-menu>ul>li>a.nav-appointment{background:var(--menu-cta);border-color:var(--menu-cta);color:var(--menu-cta-ink)}
 .header[data-menu-tone] .nav-appointment:hover{box-shadow:0 4px 18px rgba(17,17,17,.15)}
 .header[data-menu-tone] a:focus-visible{outline-color:var(--menu-ink)}
 .header[data-menu-tone] .sub-menu{background:var(--menu-surface);color:var(--menu-ink);border-top-color:var(--menu-accent)}
 .header[data-menu-tone] .sub-menu a:hover{color:var(--menu-ink)!important;text-decoration:underline;text-underline-offset:4px}
}

/* Blue service catalogue with bright cards and animated, two-colour illustrations. */
.imported-page #servicios-detalle{--section-text:var(--brand-white);--section-muted:rgba(255,255,255,.85);--section-accent:var(--brand-white);background:var(--brand-blue);color:var(--brand-white);border-top:0}
.imported-page #servicios-detalle .workshop-kicker{color:var(--brand-white)!important}
.imported-page #servicios-detalle>.workshop-container>h2{color:var(--brand-white)}
.imported-page #servicios-detalle .workshop-service-card{--section-text:var(--brand-black);--section-muted:var(--brand-muted);--section-accent:var(--brand-blue);border-color:rgba(255,255,255,.5);box-shadow:0 12px 30px rgba(17,17,17,.12)}
.imported-page #servicios-detalle .workshop-service-card a{color:var(--brand-blue)}
.imported-page #servicios-detalle .workshop-service-card a:hover{color:var(--brand-red)}
.imported-page #servicios-detalle .icon-illustration{animation:catalogue-icon-float 3.8s ease-in-out infinite;animation-delay:var(--icon-delay,0ms);animation-play-state:paused}
.imported-page #servicios-detalle.icons-in-view .icon-illustration{animation-play-state:running}
.imported-page #servicios-detalle .icon-orbit{animation:catalogue-icon-orbit 8s linear infinite;animation-play-state:paused}
.imported-page #servicios-detalle.icons-in-view .icon-orbit{animation-play-state:running}
@keyframes catalogue-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes catalogue-icon-orbit{from{stroke-dashoffset:0}to{stroke-dashoffset:-80}}

/* A deliberate two-line label, centred as one action. */
.imported-page #reserva .appointment-cta{display:inline-flex;align-items:center;justify-content:center;width:280px;max-width:100%;min-height:68px;padding:16px 28px!important}
.imported-page #reserva .appointment-cta .button_text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;white-space:normal;text-align:center;line-height:1.35!important}
.imported-page #reserva .appointment-cta .button_text>span{display:block}

/* Three customer profiles, one responsive office banner and four concise benefits. */
.imported-page #flotas.fleet-section{padding:clamp(60px,7vw,100px) 24px!important;background:var(--brand-white)!important}
.imported-page #flotas .fleet-heading{max-width:800px;margin-bottom:36px}
.imported-page #flotas .fleet-heading .section-intro{margin-bottom:0}
.imported-page #flotas .fleet-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:36px}
.imported-page #flotas .fleet-audience-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30px;border:1px solid var(--brand-line);border-radius:14px;background:var(--brand-white);box-shadow:0 8px 28px rgba(36,40,48,.04);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.imported-page #flotas .fleet-audience-card:hover{transform:translateY(-5px);border-color:var(--brand-blue);box-shadow:0 16px 38px rgba(36,40,48,.1)}
.imported-page #flotas .fleet-audience-card .icon-art{margin-bottom:24px}
.imported-page #flotas .fleet-audience-card h3{font-size:23px;line-height:1.35;font-weight:500;margin-bottom:12px}
.imported-page #flotas .fleet-audience-card p{font-size:14.95px;line-height:1.8;margin:0}
.imported-page #flotas .fleet-office-banner{margin:0 0 40px;border-radius:14px;overflow:hidden;border:1px solid var(--brand-line);background:var(--brand-soft)}
.imported-page #flotas .fleet-office-banner picture,.imported-page #flotas .fleet-office-banner img{display:block;width:100%;max-width:100%;height:auto}
.imported-page #flotas .fleet-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:8px}
.imported-page #flotas .fleet-benefit{min-width:0;padding:22px 0 0;border-top:2px solid var(--brand-red)}
.imported-page #flotas .fleet-benefit .icon-art{width:64px;height:64px;margin-bottom:18px}
.imported-page #flotas .fleet-benefit h3{font-size:17.25px;line-height:1.45;font-weight:500;margin-bottom:10px}
.imported-page #flotas .fleet-benefit p{font-size:13.8px;line-height:1.8;margin:0}
.imported-page #flotas .fleet-audience-card:hover .icon-art{transform:translateY(-3px) rotate(-4deg)}
@media(max-width:991px){
 .imported-page #flotas .fleet-audience-grid{gap:16px}
 .imported-page #flotas .fleet-audience-card{padding:24px 20px}
 .imported-page #flotas .fleet-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 .imported-page #flotas .fleet-office-banner{max-width:780px;margin-inline:auto}
}
@media(max-width:700px){
 .imported-page #flotas .fleet-audience-grid{grid-template-columns:1fr}
 .imported-page #flotas .fleet-audience-card{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:20px;align-items:center}
 .imported-page #flotas .fleet-audience-card .icon-art{grid-column:1;grid-row:1/3;width:72px;height:72px;margin:0}
 .imported-page #flotas .fleet-audience-card h3,.imported-page #flotas .fleet-audience-card p{grid-column:2}
 .imported-page #flotas .fleet-audience-card h3{font-size:21.85px}
}
@media(max-width:600px){
 .imported-page #flotas.fleet-section{padding:52px 20px!important}
 .imported-page #flotas .fleet-office-banner{max-width:480px;margin-bottom:32px}
 .imported-page #flotas .fleet-benefits{gap:20px}
}
@media(max-width:360px){.imported-page #flotas .fleet-audience-card{grid-template-columns:56px minmax(0,1fr);column-gap:14px}.imported-page #flotas .fleet-audience-card .icon-art{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce) and (min-width:768px) and (hover:hover){
 .header,.imported-page #flotas .fleet-audience-card{transition:none!important}
 .imported-page #servicios-detalle .icon-illustration,.imported-page #servicios-detalle .icon-orbit{animation:none!important}
}

/* Paired header logos: AD stays subordinate to DIAGMOTOR. */
.header .brand-logo-header{gap:18px;flex-wrap:nowrap}
.header .brand-logo-header .brand-logo{flex-shrink:0}
.header .brand-logo-header .brand-partner-logo{display:block;width:78px;height:auto;max-width:none;flex-shrink:0}
@media(max-width:991px){
 .header .brand-logo-header{gap:14px}
 .header .brand-logo-header .brand-partner-logo{width:61.5px}
}
@media(max-width:600px){
 .header .brand-logo-header{gap:12px}
 .header .brand-logo-header .brand-partner-logo{width:57px}
}

/* Footer pair follows the same proportions as the header. */
.imported-page .brand-logo-footer{gap:18px;flex-wrap:nowrap;max-width:100%}
.imported-page .brand-logo-footer .brand-logo{flex-shrink:0}
.imported-page .brand-logo-footer .brand-partner-logo{display:block;width:82.875px;height:auto;max-width:none;flex-shrink:0}
@media(max-width:600px){
 .imported-page .brand-logo-footer{gap:12px}
 .imported-page .brand-logo-footer .brand-partner-logo{width:70.44375px}
}

/* Reserved menu item until the workshop history is available. */
.header .nav-menu .nav-pending{display:block;padding-block:10px;font-size:13.8px;font-weight:500;letter-spacing:1.3px;text-transform:uppercase;color:inherit;opacity:.55;cursor:default;white-space:nowrap}
@media(max-width:1100px){.header .nav-menu .nav-pending{font-size:12.65px}}
@media(min-width:1281px) and (max-width:1600px){
 .header .nav-menu>ul{gap:10px}
 .header .nav-menu>ul>li>a,.header .nav-menu .nav-pending{font-size:12px;letter-spacing:.6px}
 .header .nav-instagram{padding:9px}
 .header .nav-instagram span,.header .nav-instagram .fa-arrow-up-right-from-square{display:none}
}
/* Classic cars gallery */
.imported-page .classic-section{background:var(--brand-soft);border-block:1px solid var(--brand-line)}
.imported-page .classic-section h2{font-size:clamp(28px,3.5vw,48px);line-height:1.15;letter-spacing:-.025em;max-width:900px;margin:0 0 22px}
.imported-page .classic-gallery{overflow:hidden;margin-top:34px;border-radius:12px}
.imported-page .classic-photo{display:block;position:relative;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--brand-dark);cursor:zoom-in;aspect-ratio:4/3}
.imported-page .classic-photo picture{display:block;width:100%;height:100%}
.imported-page .classic-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.imported-page .classic-photo:hover img{transform:scale(1.035)}
.imported-page .classic-expand{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(18,70,160,.92);color:white;font-size:22px;line-height:1}
.imported-page .classic-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}
.imported-page .classic-controls p{font-size:13px;color:var(--brand-muted);margin:0}
.imported-page .classic-controls>div{display:flex;gap:8px;flex-shrink:0}
.imported-page .classic-controls button{min-height:42px;min-width:42px;padding:8px 12px;border:1px solid var(--brand-line);border-radius:8px;background:white;color:var(--brand-blue);font:inherit;font-size:13px;cursor:pointer}
.imported-page .classic-controls button:hover{background:var(--brand-blue);color:white}
.classic-dialog{position:fixed;inset:0;margin:auto;width:min(96vw,1500px);height:min(92dvh,1200px);max-width:96vw;max-height:92dvh;padding:48px 12px 12px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#151923;color:white;overflow:hidden}
.classic-dialog::backdrop{background:rgba(0,0,0,.88)}
.classic-dialog picture{display:block;width:100%;height:100%}
.classic-dialog img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.classic-dialog .classic-close{position:absolute;right:10px;top:6px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:white;font-size:30px;cursor:pointer}
@media(max-width:600px){
 .imported-page .classic-controls{align-items:flex-start;flex-direction:column;gap:12px}
 .imported-page .classic-gallery{margin-top:24px}
 .imported-page .classic-section h2{font-size:28px;overflow-wrap:normal}
}
@media(prefers-reduced-motion:reduce){.imported-page .classic-photo img{transition:none}}
/* The legacy reset displays dialogs by default; keep the photo viewer hidden until opened. */
.classic-dialog:not([open]){display:none!important}
.classic-dialog[open]{display:block}

.imported-page .classic-hint{margin:16px 0 0;font-size:13px;color:var(--brand-muted)}