/* Lightweight compatibility and mobile layout; animation timings remain unchanged. */
:root,:host{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html{scroll-padding-top:110px}
.brand-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex-shrink:0}
.header .nav-instagram{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid currentColor;border-radius:8px;color:inherit!important;white-space:nowrap}
.header .nav-instagram .fa-instagram{width:22px;height:22px}
.header .nav-instagram .fa-arrow-up-right-from-square{width:12px;height:12px}
.header .nav-instagram:hover{background:var(--brand-red);border-color:var(--brand-red);color:#fff!important}
.header .nav-instagram::after{display:none}
.imported-page .instagram-highlight .brand-symbol.fa-instagram{width:28px;height:28px}
.imported-page .elementor-widget-icon-list .brand-symbol{width:1.15em;height:1.15em}
.parallax-slider{height:100vh;height:100svh;min-height:100vh;min-height:100svh}
.imported-page picture{max-width:100%}
.imported-page img{max-width:100%}
.imported-page :is(.workshop-service-card,.intro-service-card,.fleet-audience-card,.fleet-benefit-card){min-width:0;overflow-wrap:anywhere}
.imported-page .brand-symbol,.imported-page .icon-illustration{overflow:visible}
.imported-page .reference-pending:not(.cimgio){opacity:1;visibility:visible}
.imported-page .wow:not(.reference-visible){visibility:visible}
@keyframes diagmotor-reveal{from{opacity:0;transform:var(--reveal-from,translate3d(0,32px,0))}to{opacity:1;transform:none}}
@media(min-width:1281px) and (max-width:1366px){
 .nav-menu>ul{gap:12px}
 .header .nav-instagram{padding:9px}
 .header .nav-instagram span,.header .nav-instagram .fa-arrow-up-right-from-square{display:none}
}
@media(max-width:1280px){
 .header .nav-instagram{margin-top:10px;min-height:44px;max-width:220px}
 .nav-menu.show{max-height:calc(100vh - 100px);max-height:calc(100svh - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}
@media(max-width:700px){
 .imported-page .intro-service-grid,
 .imported-page .workshop-service-grid,
 .imported-page #flotas .fleet-audience-grid,
 .imported-page #flotas .fleet-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .imported-page .intro-service-card,
 .imported-page .workshop-service-card{padding:20px 14px}
 .imported-page #flotas .fleet-audience-card{display:flex;flex-direction:column;padding:20px 14px;gap:0}
 .imported-page #flotas .fleet-audience-card :is(h3,p){grid-column:auto}
 .imported-page #flotas .fleet-benefit-card{padding:18px 12px}
 .imported-page :is(.intro-service-card,.workshop-service-card,.fleet-audience-card,.fleet-benefit-card) h3{font-size:clamp(17px,4.6vw,22px);line-height:1.35;hyphens:auto;-webkit-hyphens:auto}
 .imported-page :is(.intro-service-card,.workshop-service-card,.fleet-audience-card,.fleet-benefit-card) p{font-size:14px;line-height:1.65}
 .imported-page #flotas :is(.fleet-audience-card,.fleet-benefit-card) h3{font-size:clamp(17px,4.6vw,22px);line-height:1.35}
 .imported-page #flotas :is(.fleet-audience-card,.fleet-benefit-card) p{font-size:14px;line-height:1.65}
 .imported-page :is(.intro-service-card,.workshop-service-card,.fleet-audience-card) .icon-art{width:60px;height:60px;margin-bottom:18px}
 .imported-page .workshop-service-card a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;line-height:1.4}
 .imported-page .work-carousel .content h4{font-size:20px;line-height:1.4}
 .imported-page :is(.workshop-section,#flotas.fleet-section){padding-left:16px!important;padding-right:16px!important}
 .imported-page .workshop-container{min-width:0;width:100%}
}
@media(prefers-reduced-motion:reduce) and (min-width:768px) and (hover:hover){
 .imported-page :is(.reference-pending,.wow,.team-wow){opacity:1!important;visibility:visible!important}
}

.menu-toggle{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;padding:0}
.imported-page .footer-development{width:calc(100% - 48px);max-width:1140px;margin:24px auto 0;display:flex;justify-content:flex-start}
.imported-page .developer-credit{display:inline-flex;align-items:center;gap:12px;padding:7px 0;background:transparent;color:#fff;font-size:12.65px;line-height:1.5}
.imported-page .developer-credit>span{white-space:nowrap}
.imported-page .developer-credit a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border-radius:4px;transition:opacity .2s}
.imported-page .developer-credit a:hover{opacity:.75}
.imported-page .developer-credit img{display:block;width:88px;height:19.2px;object-fit:contain}
@media(max-width:600px){.imported-page .footer-development{width:calc(100% - 32px);margin-top:20px}.imported-page .developer-credit{font-size:11.5px;gap:10px}.imported-page .developer-credit img{width:80px;height:18.4px}}

/* Consistent blue navigation with a white logo on every section. */
.header{background:#1246a0!important;color:#fff;--menu-surface:#1246a0;--menu-logo:#fff}
.header #nav-menu{background:#1246a0!important;color:#fff}
.header #nav-menu>ul>li>a,.header .menu-toggle{color:#fff}
.header #nav-menu>ul>li>a.nav-appointment{background:#d51f36;border-color:#d51f36;color:#fff}
.header #nav-menu>ul>li>a.nav-appointment:hover{background:#fff;border-color:#fff;color:#1246a0}

/* Native scroll-snap keeps the catalogue responsive without another library. */
.imported-page #servicios-detalle .service-catalogue-track{display:grid;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:calc((100% - 48px)/3);gap:24px;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:14px 2px 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.imported-page .service-catalogue-track::-webkit-scrollbar{display:none}
.imported-page #servicios-detalle .service-catalogue-track .workshop-service-card{display:flex;flex-direction:column;scroll-snap-align:start;padding:28px 24px;min-width:0;margin:0}
.imported-page #servicios-detalle .service-catalogue-track .workshop-service-card h3{min-height:2.7em;margin:0 0 12px;font-size:23px;line-height:1.35}
.imported-page #servicios-detalle .service-catalogue-track .workshop-service-card p{margin:0 0 18px;line-height:1.7}
.imported-page #servicios-detalle .service-catalogue-track .workshop-service-card>a{margin-top:auto;min-height:44px;display:flex;align-items:center}
.imported-page .catalogue-controls{display:flex;align-items:center;gap:24px;margin-top:10px;color:#fff}
.imported-page .catalogue-controls>p{margin:0;color:#fff;font-size:14px}
.imported-page .catalogue-progress{flex:1;height:3px;border-radius:3px;overflow:hidden;background:rgba(255,255,255,.25)}
.imported-page .catalogue-progress span{display:block;height:100%;width:7%;background:#fff;border-radius:3px;transition:width .15s ease}
.imported-page .catalogue-navigation{display:flex;gap:10px;align-items:center}
.imported-page .catalogue-position{font-size:13px;font-variant-numeric:tabular-nums;min-width:64px;margin-right:8px;color:#fff}
.imported-page .catalogue-navigation button{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.imported-page .catalogue-navigation button svg{width:24px;height:24px}
.imported-page .catalogue-navigation button:hover:not(:disabled){background:#fff;color:#1246a0;transform:translateY(-2px)}
.imported-page .catalogue-navigation button:disabled{opacity:.35;cursor:default}
.imported-page .service-catalogue-track:focus-visible{outline:2px solid #fff;outline-offset:5px}
.imported-page .workshop-welcome-banner{padding:32px 24px 56px;background:#fff}
.imported-page .welcome-banner-inner{max-width:1280px;margin:auto;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(36,40,48,.08)}
.imported-page .welcome-banner-inner picture,.imported-page .welcome-banner-inner img{display:block;width:100%}
.imported-page .welcome-banner-inner img{height:auto;aspect-ratio:1942/809}
@media(max-width:1024px){
 .imported-page #servicios-detalle .service-catalogue-track{grid-auto-columns:calc((100% - 20px)/2);gap:20px}
 .imported-page .welcome-banner-inner img{aspect-ratio:1374/1145}
}
@media(max-width:767px){
 .imported-page #servicios-detalle .service-catalogue-track{grid-auto-columns:86%;gap:14px}
 .imported-page #servicios-detalle .service-catalogue-track .workshop-service-card{padding:24px 22px}
 .imported-page #servicios-detalle .service-catalogue-track .workshop-service-card h3{font-size:22px}
 .imported-page .catalogue-controls{flex-wrap:wrap;gap:14px;justify-content:space-between}
 .imported-page .catalogue-controls>p{font-size:13px}
 .imported-page .catalogue-progress{order:3;flex-basis:100%}
 /* Flatten nested Elementor spacing only in the red mobile panel. */
 .imported-page [data-id="d989795"]{padding:0!important}
 .imported-page [data-id="d989795"]>.elementor-container{display:flex;flex-direction:column}
 .imported-page [data-id="d989795"]>.elementor-container>.elementor-column{width:100%!important;min-height:0!important}
 .imported-page [data-id="f8f404d"]>.elementor-widget-wrap{padding:40px 22px!important;min-height:250px;margin:0!important;align-content:center}
 .imported-page [data-id="b55c4b2"]>.elementor-widget-wrap{margin:0!important;padding:30px 22px!important;min-height:0!important}
 .imported-page [data-id="b55c4b2"] .elementor-inner-section{margin:0!important;padding:0!important;min-height:0!important}
 .imported-page [data-id="b55c4b2"] .elementor-column>.elementor-widget-wrap{padding:0!important;margin:0!important;min-height:0!important}
 .imported-page [data-id="b55c4b2"] [data-id="09b8341"] h4{font-size:25px!important;line-height:1.3!important;margin:0 0 22px!important}
 .imported-page [data-id="b55c4b2"] .elementor-inner-section:not([data-id="5d8b6a0"])>.elementor-container{display:grid!important;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:18px 0!important;border-top:1px solid rgba(255,255,255,.25)}
 .imported-page [data-id="b55c4b2"] .elementor-inner-section>.elementor-container>.elementor-column{width:100%!important;min-width:0}
 .imported-page [data-id="b55c4b2"] .elementor-widget{margin-bottom:8px!important;width:100%!important}
 .imported-page [data-id="b55c4b2"] .elementor-widget-container{padding:0!important;margin:0!important}
 .imported-page [data-id="b55c4b2"] h3{font-size:28px!important;line-height:1.2!important}
 .imported-page [data-id="b55c4b2"] h5{font-size:18px!important;line-height:1.35!important}
 .imported-page [data-id="b55c4b2"] p{font-size:14px!important;line-height:1.65!important;margin:0!important}
 /* Photos and the experience caption occupy separate rows. */
 .imported-page #equipo .agency>.img{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative;height:auto!important;margin:28px auto 0!important;padding:0!important}
 .imported-page #equipo .agency .img :is(.imgone,.imgtwo){position:relative!important;inset:auto!important;width:100%!important;height:auto!important;grid-row:1;margin:0!important;float:none;border-radius:12px;overflow:hidden}
 .imported-page #equipo .agency .img .imgtwo{margin-top:24px!important}
 .imported-page #equipo .agency .img :is(.imgone,.imgtwo) picture{display:block;aspect-ratio:1;overflow:hidden}
 .imported-page #equipo .agency .img :is(.imgone,.imgtwo) img{display:block;width:100%;height:100%;object-fit:cover}
 .imported-page #equipo .agency .img .exp{position:relative!important;inset:auto!important;grid-column:1/-1;display:flex;align-items:center;gap:18px;width:100%;margin:6px 0 0!important;padding:20px!important;border-radius:12px;background:#1246a0;color:#fff;text-align:left}
 .imported-page #equipo .agency .img .exp h2{font-size:44px!important;line-height:1!important;margin:0;color:#fff!important}
 .imported-page #equipo .agency .img .exp h6{font-size:16px!important;line-height:1.5!important;margin:0;color:#fff!important}
 .imported-page #equipo .agency .img .exp h6::after{display:none}
 .imported-page #equipo .agency .img>.icon{position:absolute;top:10px;right:10px;bottom:auto;left:auto;width:36px;height:36px;display:grid;place-items:center;font-size:18px;background:#1246a0;color:#fff;border-radius:50%;z-index:3;margin:0}
}
@media(max-width:600px){
 .imported-page .workshop-welcome-banner{padding:20px 16px 40px}
 .imported-page .welcome-banner-inner{max-width:540px;border-radius:12px}
 .imported-page .welcome-banner-inner img{aspect-ratio:3/4}
}
