:root{--color-brand-blue:#2e3092;--color-brand-navy:#0b1e36;--color-brand-accent:#f8991d;--color-brand-accent-hover:#fe9900;--color-primary:#2e3092;--color-primary-dark:#0b1e36;--color-primary-light:hsl(239,52%,45%);--color-primary-subtle:rgba(46,48,146,0.08);--color-accent:#f8991d;--color-bg-alt:#f1f5f9;--color-whatsapp:#0a7a3e;--color-whatsapp-hover:#086332;--color-dark:#0f172a;--color-muted:#475569;--color-light:#ffffff;--color-bg-clean:#f8fafc;--color-bg-card:#ffffff;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--font-heading:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--shadow-subtle:0 1px 3px rgba(15,23,42,0.05);--shadow-card:0 4px 16px rgba(15,23,42,0.06);--shadow-hover:0 12px 28px rgba(15,23,42,0.12);--shadow-glow:0 0 24px rgba(46,48,146,0.25);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:350ms cubic-bezier(0.16,1,0.3,1);--container-max:1240px;--container-padding:24px;--header-height:84px;--topbar-height:40px;--dockbar-height:64px} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%} html,body{overflow-x:hidden !important;width:100%;max-width:100vw} body{font-family:var(--font-body);color:var(--color-dark);background-color:var(--color-light);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:124px;padding-top:calc(var(--header-height) + var(--topbar-height))} @media (max-width:767px){body{padding-top:84px !important;padding-top:var(--header-height) !important;padding-bottom:0 !important} } img,svg{display:block;max-width:100%;height:auto} a{color:inherit;text-decoration:none;transition:all var(--transition-fast)} ul,ol{list-style:none} button,input,textarea,select{font:inherit;color:inherit;border:none;outline:none} .site-container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)} .section-spacing{padding:88px 0} @media (max-width:767px){.section-spacing{padding:56px 0} } .hide-mobile{display:inherit} @media (max-width:767px){.hide-mobile{display:none !important} } .page-header,.page-hero{position:relative;background:linear-gradient(135deg,rgba(11,30,54,0.96) 0%,rgba(22,36,71,0.93) 50%,rgba(46,48,146,0.90) 100%),url('../img/slider-retibombas-bombas-injetoras-diesel-curitiba.webp') center/cover no-repeat;color:var(--color-light);padding:76px 0 68px;overflow:hidden;border-bottom:4px solid var(--color-brand-accent);box-shadow:0 8px 24px rgba(11,30,54,0.2)} .page-header::before,.page-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 85% 25%,rgba(248,153,29,0.15) 0%,transparent 65%);pointer-events:none} .page-header .site-container,.page-hero .site-container{position:relative;z-index:2} .page-breadcrumbs{display:inline-flex;align-items:center;gap:8px;font-size:0.86rem;color:rgba(255,255,255,0.7);margin-bottom:14px;background:rgba(255,255,255,0.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.12)} .page-breadcrumbs a{color:rgba(255,255,255,0.85);font-weight:500} .page-breadcrumbs a:hover{color:var(--color-brand-accent)} .page-breadcrumbs .sep{color:rgba(255,255,255,0.4);font-size:0.75rem} .page-breadcrumbs .current{color:var(--color-brand-accent);font-weight:700} .page-header .page-badge,.page-header .section-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(248,153,29,0.2) !important;color:#ffb03a !important;border:1px solid rgba(248,153,29,0.45) !important;padding:6px 14px;border-radius:var(--radius-full);font-size:0.82rem;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:12px;box-shadow:0 0 16px rgba(248,153,29,0.15)} .page-header h1{font-family:var(--font-heading) !important;font-size:clamp(2.1rem,3.8vw,3rem) !important;font-weight:800 !important;color:#ffffff !important;line-height:1.2 !important;margin-top:8px;margin-bottom:14px;text-shadow:0 2px 10px rgba(0,0,0,0.5);letter-spacing:-0.02em} .page-header p{color:#e2e8f0 !important;font-size:clamp(1.05rem,1.8vw,1.2rem) !important;max-width:760px;line-height:1.65;margin-bottom:0;text-shadow:0 1px 4px rgba(0,0,0,0.4)} @media (max-width:767px){.page-header,.page-hero{padding:44px 0 40px !important} .page-breadcrumbs{font-size:0.78rem;padding:4px 10px} .page-header h1{font-size:1.85rem !important} .page-header p{font-size:1rem !important} } .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-heading);font-weight:700;font-size:0.96rem;padding:14px 26px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center;min-height:48px;line-height:1.2;position:relative;overflow:hidden} .btn-sm{padding:10px 18px;font-size:0.88rem;min-height:40px} .btn-lg{padding:16px 32px;font-size:1.05rem;min-height:54px} .btn-block{width:100%} .btn-primary{background:var(--color-brand-blue);color:var(--color-light);box-shadow:0 4px 14px rgba(46,48,146,0.3)} .btn-primary:hover{background:#232578;transform:translateY(-2px);box-shadow:0 8px 20px rgba(46,48,146,0.4)} .btn-cta-gold{background:linear-gradient(135deg,var(--color-brand-accent) 0%,#e07d08 100%);color:#fff;font-weight:800;box-shadow:0 4px 18px rgba(248,153,29,0.38)} .btn-cta-gold:hover{background:linear-gradient(135deg,#ffa834 0%,#f8991d 100%);transform:translateY(-2px);box-shadow:0 8px 24px rgba(248,153,29,0.5)} .btn-whatsapp{background:var(--color-whatsapp);color:var(--color-light);box-shadow:0 4px 14px rgba(45,183,66,0.35)} .btn-whatsapp:hover{background:var(--color-whatsapp-hover);transform:translateY(-2px);box-shadow:0 6px 18px rgba(45,183,66,0.45)} .btn-outline-glass{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);color:var(--color-light)} .btn-outline-glass:hover{background:rgba(255,255,255,0.22);border-color:rgba(255,255,255,0.6);transform:translateY(-2px)} .btn-outline-primary{background:transparent;border:2px solid var(--color-brand-blue);color:var(--color-brand-blue)} .btn-outline-primary:hover{background:var(--color-brand-blue);color:var(--color-light)} .btn-outline-light{background:transparent;border:1px solid rgba(255,255,255,0.5);color:var(--color-light)} .btn-outline-light:hover{background:rgba(255,255,255,0.15);border-color:#fff} .site-topbar{background-color:var(--color-brand-navy);color:#cbd5e1;font-size:0.82rem;height:var(--topbar-height);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,0.08)} .topbar-inner{display:flex;justify-content:space-between;align-items:center} .topbar-badge{display:inline-flex;align-items:center;gap:8px;color:#ffd658;font-weight:800;text-transform:uppercase;font-size:0.78rem;letter-spacing:0.6px;animation:phraseGlowPulse 2.2s ease-in-out infinite;transform-origin:left center} @keyframes phraseGlowPulse{0%,100%{transform:scale(1);color:#ffd658;text-shadow:0 0 4px rgba(255,214,88,0.3)} 50%{transform:scale(1.035);color:#ffffff;text-shadow:0 0 10px rgba(255,214,88,0.85),0 0 18px rgba(248,153,29,0.6)} } .badge-dot{position:relative;width:8px;height:8px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 10px #22c55e;display:inline-block;flex-shrink:0} .badge-dot::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background-color:rgba(34,197,94,0.7);animation:badgePulse 1.8s infinite ease-out} @keyframes badgePulse{0%{transform:translate(-50%,-50%) scale(1);opacity:0.95} 50%{opacity:0.5} 100%{transform:translate(-50%,-50%) scale(3);opacity:0} } .topbar-right{display:flex;align-items:center;gap:20px} .topbar-phone{color:var(--color-light);font-weight:700} .topbar-phone:hover{color:var(--color-brand-accent)} .header-fixed-wrapper{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;transition:all var(--transition-base)} .site-header{background-color:rgba(255,255,255,0.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);box-shadow:0 4px 20px rgba(11,30,54,0.08);transition:all var(--transition-base)} .header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)} @media (max-width:767px){.site-topbar{display:none !important} } .header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;position:relative;z-index:1010} .site-logo{display:flex;align-items:center;gap:16px;text-decoration:none} .logo-img{height:44px;max-height:44px;width:auto;object-fit:contain;display:block} .logo-divider{width:1px;height:40px;background-color:var(--color-border)} .logo-bosch-badge{height:44px;max-height:44px;width:auto;object-fit:contain;display:block} @media (max-width:480px){.site-logo{gap:10px} .logo-img{height:34px;max-height:34px} .logo-divider{height:30px} .logo-bosch-badge{height:34px;max-height:34px} } @media (max-width:360px){.logo-divider,.logo-bosch-badge{display:none !important} } .site-nav .nav-list{display:flex;align-items:center;gap:26px} .nav-link{font-family:var(--font-heading);font-weight:600;font-size:0.94rem;color:var(--color-dark);position:relative;padding:6px 0} .nav-link:hover,.nav-link.active{color:var(--color-brand-blue)} .nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-brand-blue);transition:width var(--transition-base)} .nav-link:hover::after,.nav-link.active::after{width:100%} .nav-item-dropdown{position:relative} .nav-link-dropdown{display:inline-flex;align-items:center;gap:6px} .dropdown-arrow{font-size:0.72rem;transition:transform var(--transition-fast)} .nav-item-dropdown:hover .dropdown-arrow{transform:rotate(180deg)} .nav-dropdown-menu{position:absolute;top:100%;left:-20px;width:390px;background:#ffffff;border:1px solid rgba(226,232,240,0.9);border-radius:20px;box-shadow:0 20px 48px rgba(15,23,42,0.14),0 4px 14px rgba(15,23,42,0.04);padding:16px 12px 12px 12px;margin-top:10px;list-style:none;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-base);z-index:1050} .nav-dropdown-menu::before{content:'';position:absolute;top:-14px;left:0;right:0;height:14px} .nav-item-dropdown:hover .nav-dropdown-menu,.nav-item-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)} .nav-dropdown-menu li a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;font-size:0.93rem;font-weight:700;color:#1e293b;line-height:1.35;transition:all 0.2s ease} .dropdown-icon-dot{color:#f8991d;font-size:1.2rem;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:transform 0.2s ease} .nav-dropdown-menu li a:hover{background:#f8fafc;color:#0b1e36;padding-left:18px} .nav-dropdown-menu li a:hover .dropdown-icon-dot{color:#ea580c;transform:translateX(3px)} .nav-dropdown-menu li a.active{background:#f1f5f9 !important;color:var(--color-brand-blue) !important;font-weight:800 !important;border-left:4px solid var(--color-brand-accent) !important;padding-left:18px !important} .nav-dropdown-menu li a.active .dropdown-icon-dot{color:var(--color-brand-accent) !important;font-weight:900 !important;transform:scale(1.1)} .nav-dropdown-menu li a.active::after{content:'Página Atual';display:inline-block;margin-left:auto;font-size:0.68rem;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;background:rgba(46,48,146,0.1);color:var(--color-brand-blue);padding:3px 8px;border-radius:9999px;flex-shrink:0} .dropdown-divider-item{border-top:none;margin-top:8px;padding-top:0} .dropdown-view-all{display:flex !important;justify-content:space-between !important;align-items:center !important;background:#eef2ff !important;color:#2e3092 !important;font-size:0.94rem !important;font-weight:700 !important;border-radius:12px !important;padding:12px 18px !important;margin-top:4px;transition:all 0.2s ease !important} .dropdown-view-all:hover{background:#e0e7ff !important;color:#1e1b4b !important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(46,48,146,0.12)} .dropdown-view-all.active{background:#2e3092 !important;color:#ffffff !important;box-shadow:0 4px 14px rgba(46,48,146,0.25) !important} .drawer-submenu-group{display:flex;flex-direction:column} .drawer-submenu-head{display:flex;align-items:center;justify-content:space-between;width:100%} .drawer-submenu-head.active{color:var(--color-brand-blue) !important;font-weight:800 !important} .drawer-sub-toggle{background:rgba(0,0,0,0.05);border:none;padding:6px 12px;border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;transition:transform var(--transition-fast)} .drawer-sub-items{display:none;list-style:none;padding-left:14px;margin-top:8px;border-left:2px solid var(--color-brand-blue)} .drawer-sub-items.active{display:flex;flex-direction:column;gap:8px} .drawer-sub-items a{font-size:0.9rem;color:var(--color-muted);display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:6px;transition:all 0.2s ease} .drawer-sub-items a:hover{color:var(--color-brand-blue)} .drawer-sub-items a.active{color:var(--color-brand-blue) !important;font-weight:800 !important;background:rgba(46,48,146,0.08) !important;border-left:3px solid var(--color-brand-accent) !important;padding-left:10px !important} .drawer-active-dot{color:var(--color-brand-accent);font-size:0.75rem;margin-left:8px} .drawer-nav a.active{color:var(--color-brand-blue) !important;font-weight:800 !important} .nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;min-width:44px;min-height:44px;background:var(--color-bg-clean);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0;cursor:pointer;touch-action:manipulation;position:relative;z-index:1015;-webkit-tap-highlight-color:transparent;user-select:none} .hamburger-line{width:22px;height:2.5px;background-color:var(--color-brand-navy);border-radius:2px;pointer-events:none} @media (max-width:991px){.site-nav{display:none !important} .nav-toggle{display:flex !important} } .mobile-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(11,30,54,0.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100000;opacity:0;pointer-events:none;transition:opacity var(--transition-base)} .mobile-drawer-overlay.active{opacity:1 !important;pointer-events:auto !important} .mobile-drawer{position:fixed;top:0;right:0;width:320px;max-width:86vw;height:100dvh;background-color:var(--color-light);box-shadow:-10px 0 30px rgba(0,0,0,0.3);z-index:100001;display:flex;flex-direction:column;padding:24px;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),visibility 0.3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;visibility:hidden;pointer-events:none} .mobile-drawer.active{transform:translateX(0) !important;visibility:visible !important;pointer-events:auto !important} .drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px} .drawer-close{width:38px;height:38px;background:var(--color-bg-clean);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;font-size:1.1rem} .drawer-badge-bosch{background:#eef2ff;color:var(--color-brand-blue);font-weight:700;font-size:0.78rem;padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:20px;text-align:center} .drawer-nav li{border-bottom:1px solid var(--color-border)} .drawer-nav a{display:block;padding:13px 4px;font-family:var(--font-heading);font-weight:600;font-size:1rem;color:var(--color-dark)} .drawer-footer{margin-top:auto;padding-top:24px;font-size:0.85rem;color:var(--color-muted)} .drawer-footer p{margin-bottom:6px} .app-dockbar{display:none;position:fixed;bottom:0;left:0;width:100%;height:calc(var(--dockbar-height) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px rgba(15,23,42,0.08);z-index:900} @media (max-width:767px){.app-dockbar{display:block} } .app-dockbar-container{display:grid;grid-template-columns:repeat(3,1fr);height:var(--dockbar-height);align-items:center;max-width:500px;margin:0 auto} .dock-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;color:var(--color-muted);background:none;border:none;cursor:pointer;font-family:inherit;padding:0;text-decoration:none} .dock-icon{width:22px;height:22px} .dock-label{font-size:0.72rem;font-weight:700;font-family:var(--font-heading)} .dock-btn-call:hover,.dock-btn-call:active{color:var(--color-brand-blue)} .dock-btn-quote:hover,.dock-btn-quote:active,.dock-btn-route:hover,.dock-btn-route:active{color:var(--color-brand-blue)} .dock-btn-whatsapp{color:var(--color-whatsapp)} .dock-btn-menu:hover,.dock-btn-menu:active{color:var(--color-brand-navy)} .hero-cinematic{position:relative;color:var(--color-light);padding:110px 0 130px;overflow:hidden;background-color:var(--color-brand-navy)} .hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1} .hero-bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;opacity:0.35} .hero-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 135deg,rgba(11,30,54,0.94) 0%,rgba(46,48,146,0.85) 60%,rgba(11,30,54,0.92) 100% );z-index:2} .hero-content-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.25fr 0.85fr;gap:48px;align-items:center} .hero-auth-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.22);padding:6px 16px;border-radius:var(--radius-full);font-size:0.78rem;font-weight:800;color:#ffd658;letter-spacing:0.5px;margin-bottom:24px} .pulse-indicator{width:8px;height:8px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulse 2s infinite} .hero-title-cinematic{font-family:var(--font-heading);font-size:clamp(2.3rem,4.4vw,3.6rem);font-weight:800;line-height:1.15;letter-spacing:-1px;margin-bottom:22px} .hero-title-cinematic span{color:#ffd658} .hero-desc-cinematic{font-size:1.12rem;color:#e2e8f0;line-height:1.7;margin-bottom:34px;max-width:630px} .hero-action-group{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:40px} .hero-highlights-strip{display:flex;align-items:center;gap:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.15);flex-wrap:wrap} .hl-item strong{display:block;font-family:var(--font-heading);font-size:1.35rem;color:#fff;line-height:1.1} .hl-item span{font-size:0.78rem;color:#cbd5e1} .hl-divider{width:1px;height:28px;background-color:rgba(255,255,255,0.2)} .hero-quote-card{background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.5);border-radius:var(--radius-lg);padding:36px;box-shadow:0 20px 48px rgba(11,30,54,0.4);color:var(--color-dark)} .card-status-badge{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px} .live-status{font-size:0.78rem;font-weight:700;color:#16a34a} .badge-bosch-mini{background:#eef2ff;color:var(--color-brand-blue);font-size:0.7rem;font-weight:800;padding:3px 8px;border-radius:var(--radius-sm)} .quote-card-title{font-family:var(--font-heading);font-size:1.45rem;font-weight:800;color:var(--color-brand-navy);margin-bottom:10px;line-height:1.25} .quote-card-desc{font-size:0.92rem;color:var(--color-muted);margin-bottom:24px;line-height:1.6} .quote-check-list{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;font-size:0.9rem;font-weight:600;color:var(--color-dark)} .icon-chk{color:#16a34a;font-weight:800;margin-right:6px} @media (max-width:991px){.hero-content-grid{grid-template-columns:1fr;gap:40px} } .trust-bar{background:var(--color-light);border-bottom:1px solid var(--color-border);padding:22px 0} .trust-bar-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px} .trust-title{font-family:var(--font-heading);font-size:0.75rem;font-weight:800;color:var(--color-muted);letter-spacing:0.8px} .trust-logos-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap} .trust-logo-card img{height:48px;max-height:48px;width:auto;object-fit:contain} .trust-text-pill{border-left:2px solid var(--color-border);padding-left:14px} .trust-text-pill span{display:block;font-size:0.65rem;font-weight:700;color:var(--color-muted);letter-spacing:0.5px} .trust-text-pill strong{font-family:var(--font-heading);font-size:0.88rem;color:var(--color-brand-blue)} .aeo-container{padding:30px 0 10px} .aeo-box{background:#f8faff;border-left:4px solid var(--color-brand-blue);padding:22px 28px;border-radius:0 var(--radius-md) var(--radius-md) 0;border-top:1px solid #eef2ff;border-right:1px solid #eef2ff;border-bottom:1px solid #eef2ff} .aeo-tag{display:inline-block;font-family:var(--font-heading);font-size:0.72rem;font-weight:800;color:var(--color-brand-blue);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:6px} .aeo-text{font-size:1.02rem;font-weight:500;color:var(--color-brand-navy);line-height:1.65} .section-title-wrap{text-align:center;max-width:780px;margin:0 auto 50px} .sub-badge{display:inline-block;font-family:var(--font-heading);font-size:0.78rem;font-weight:800;color:var(--color-brand-blue);background-color:#eef2ff;padding:5px 14px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px} .sub-badge.badge-light{background-color:rgba(255,255,255,0.15);color:#ffd658} .main-heading{font-family:var(--font-heading);font-size:clamp(2rem,3.2vw,2.6rem);font-weight:800;color:var(--color-brand-navy);line-height:1.22;margin-bottom:16px;letter-spacing:-0.5px} .main-heading.text-white{color:#fff} .section-lead{font-size:1.05rem;color:var(--color-muted)} .section-lead.text-light-muted{color:#cbd5e1} .services-elegant-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} @media (max-width:1199px){.services-elegant-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:640px){.services-elegant-grid{grid-template-columns:1fr} } .service-item-card{background:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 22px;display:flex;flex-direction:column;transition:all var(--transition-base);box-shadow:var(--shadow-subtle)} .service-item-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--color-brand-blue)} .service-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px} .service-svg-icon{width:52px;height:52px;border-radius:var(--radius-md);background:#eef2ff;color:var(--color-brand-blue);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)} .service-item-card:hover .service-svg-icon{background:var(--color-brand-blue);color:#fff} .svg-feat{width:26px;height:26px} .badge-tag{font-family:var(--font-heading);font-size:0.68rem;font-weight:800;color:var(--color-brand-blue);background:#eef2ff;padding:3px 8px;border-radius:var(--radius-sm);text-transform:uppercase} .service-item-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--color-brand-navy);margin-bottom:10px;line-height:1.3} .service-item-desc{font-size:0.92rem;color:var(--color-muted);line-height:1.6;margin-bottom:20px;flex-grow:1} .service-item-link-wrap{border-top:1px solid var(--color-border);padding-top:14px} .service-anchor{font-family:var(--font-heading);font-weight:700;font-size:0.88rem;color:var(--color-brand-blue);display:inline-flex;align-items:center;gap:6px} .service-anchor:hover{color:var(--color-brand-accent)} .anchor-arrow{transition:transform var(--transition-fast)} .service-item-card:hover .anchor-arrow{transform:translateX(4px)} .gallery-showcase{padding:88px 0;background:var(--color-brand-navy)} .gallery-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .mosaic-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,0.4);min-height:420px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,0.1)} .mosaic-card.card-featured{grid-row:auto;min-height:420px} .mosaic-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.5s var(--transition-smooth);z-index:1} .mosaic-card:hover img{transform:scale(1.05)} .mosaic-caption{position:relative;width:100%;padding:32px 24px 28px;background:linear-gradient(to top,rgba(11,30,54,0.98) 0%,rgba(11,30,54,0.75) 55%,transparent 100%);z-index:2} .mosaic-pill{font-size:0.72rem;font-weight:800;text-transform:uppercase;color:#ffd658;display:block;margin-bottom:6px} .mosaic-caption h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:6px;line-height:1.35} .mosaic-caption p{font-size:0.88rem;color:#cbd5e1;line-height:1.55} @media (max-width:991px){.gallery-mosaic{grid-template-columns:1fr;gap:20px} .mosaic-card,.mosaic-card.card-featured{min-height:340px} } .company-story{background-color:var(--color-light)} .story-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:50px;align-items:center} .story-lead{font-size:1.12rem;color:var(--color-dark);margin-bottom:14px;line-height:1.7} .story-text{font-size:0.98rem;color:var(--color-muted);margin-bottom:28px;line-height:1.7} .story-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px} .metric-card{background:var(--color-bg-clean);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px} .metric-card strong{display:block;font-family:var(--font-heading);font-size:1.45rem;color:var(--color-brand-blue);line-height:1.1;margin-bottom:4px} .metric-card span{font-size:0.82rem;color:var(--color-muted);font-weight:600} .story-testimonial-card{background:var(--color-bg-clean);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-card)} .test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px} .test-stamp{background:#eef2ff;color:var(--color-brand-blue);font-size:0.7rem;font-weight:800;padding:4px 10px;border-radius:var(--radius-full)} .test-title{font-family:var(--font-heading);font-size:1.35rem;color:var(--color-brand-navy);margin-bottom:14px} .test-body{font-size:0.95rem;color:var(--color-muted);line-height:1.7;margin-bottom:22px;font-style:italic} .test-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;font-size:0.88rem;font-weight:600;color:var(--color-dark)} .test-actions{display:flex;gap:12px;flex-wrap:wrap} @media (max-width:991px){.story-grid{grid-template-columns:1fr} } .vehicles-clean-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} @media (max-width:991px){.vehicles-clean-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:640px){.vehicles-clean-grid{grid-template-columns:1fr} } .v-clean-card{background:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;display:flex;gap:16px;transition:all var(--transition-base);box-shadow:var(--shadow-subtle)} .v-clean-card:hover{border-color:var(--color-brand-blue);transform:translateY(-3px);box-shadow:var(--shadow-card)} .v-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:#f1f5f9;color:var(--color-brand-blue);flex-shrink:0;transition:all var(--transition-base)} .v-clean-card:hover .v-icon{background:var(--color-brand-blue);color:#ffffff} .topbar-icon{display:inline-block;vertical-align:-2px;margin-right:4px;color:var(--color-brand-accent)} .footer-contact-list .icon-mono{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:rgba(255,255,255,0.08);color:var(--color-brand-accent);flex-shrink:0;margin-top:2px} .v-body h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--color-brand-navy);margin-bottom:6px} .v-body p{font-size:0.9rem;color:var(--color-muted);line-height:1.6} .faq-list{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:16px} .faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-light);overflow:hidden} .faq-item.active{border-color:var(--color-brand-blue);box-shadow:var(--shadow-subtle)} .faq-question{width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--color-brand-navy);text-align:left;background:none;cursor:pointer} .faq-icon{font-size:1.3rem;transition:transform var(--transition-base)} .faq-item.active .faq-icon{transform:rotate(45deg);color:var(--color-brand-accent)} .faq-answer{padding:0 24px 20px;font-size:0.96rem;color:var(--color-muted);display:none;line-height:1.7} .faq-item.active .faq-answer{display:block} .location-duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:stretch} .location-info-panel{background:var(--color-light);padding:36px;border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;box-shadow:var(--shadow-subtle)} .location-info-panel h3{font-family:var(--font-heading);font-size:1.4rem;color:var(--color-brand-navy);margin-bottom:14px} .loc-addr-text{font-size:1.05rem;margin-bottom:12px} .loc-text-muted{font-size:0.92rem;color:var(--color-muted);margin-bottom:20px} .loc-time-badge{background:var(--color-bg-clean);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:24px;font-size:0.88rem} .loc-btn-group{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto} .location-map-panel{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);min-height:340px;border:1px solid var(--color-border)} @media (max-width:991px){.location-duo-grid{grid-template-columns:1fr} } .pre-footer-cta{background:linear-gradient(135deg,var(--color-brand-blue) 0%,var(--color-brand-navy) 100%);color:var(--color-light);padding:68px 0} .cta-box{display:flex;align-items:center;justify-content:space-between;gap:36px} .cta-subtitle{font-size:0.82rem;font-weight:800;text-transform:uppercase;color:#ffd658;letter-spacing:0.6px;display:block;margin-bottom:8px} .cta-title{font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.3rem);font-weight:800;line-height:1.2;margin-bottom:12px} .cta-text{font-size:1.02rem;color:#e2e8f0;max-width:620px} .cta-buttons{display:flex;flex-wrap:wrap;gap:16px;flex-shrink:0} @media (max-width:991px){.cta-box{flex-direction:column;text-align:center} .cta-buttons{justify-content:center} } .site-footer{background-color:var(--color-brand-navy);color:#94a3b8;padding:76px 0 30px} .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:48px} @media (max-width:1199px){.footer-grid{grid-template-columns:1fr 1fr} } @media (max-width:640px){.footer-grid{grid-template-columns:1fr} } .brand-badge{font-size:0.72rem;font-weight:800;color:#ffd658;letter-spacing:1px;display:block;margin-bottom:14px} .footer-desc{font-size:0.9rem;line-height:1.7;margin-bottom:20px} .footer-heading{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-light);margin-bottom:18px} .footer-links li{margin-bottom:10px} .footer-links a{font-size:0.9rem;color:#cbd5e1} .footer-links a:hover{color:var(--color-brand-accent);padding-left:4px} .footer-contact-list li{display:flex;gap:12px;margin-bottom:16px;font-size:0.92rem;color:#ffffff !important;line-height:1.6} .footer-contact-list li div{color:#ffffff !important} .footer-contact-list .icon{font-size:1.1rem;flex-shrink:0} .footer-contact-list strong{color:#ffffff !important;font-weight:700} .footer-contact-list a{color:#ffffff !important;text-decoration:none;transition:color var(--transition-fast)} .footer-contact-list a:hover{color:var(--color-brand-accent) !important;text-decoration:underline} .footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,0.08)} .footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;font-size:0.85rem} @media (max-width:767px){.footer-bottom-inner{flex-direction:column;gap:12px;text-align:center} } .footer-legal{display:flex;gap:20px} .footer-legal a:hover{color:var(--color-light)} @media (min-width:992px){html,body{cursor:url('../img/cursor-injetor.png') 3 32,auto} a,button,select,input,[role="button"],.nav-link,.btn,.faq-question,.contact-link{cursor:url('../img/cursor-injetor.png') 3 32,pointer} } @media (hover:hover) and (pointer:fine){body.diesel-cursor-active,body.diesel-cursor-active *{cursor:none !important} } #dieselInjectorCursor{position:fixed;top:0;left:0;width:40px;height:38px;pointer-events:none !important;z-index:9999999;opacity:0;transition:opacity 200ms ease,filter 150ms ease;will-change:transform} .diesel-injector-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,0.45));transition:transform 120ms ease} #dieselInjectorCursor.injector-hover .diesel-injector-img{filter:drop-shadow(0 0 10px rgba(248,153,29,0.8)) drop-shadow(0 2px 6px rgba(0,0,0,0.5));transform:scale(1.1) rotate(-4deg)} #dieselInjectorCursor.injector-pulsing .diesel-injector-img{transform:scale(0.92) translate(3px,-3px)} #dieselSprayContainer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none !important;z-index:9999998;overflow:hidden} .diesel-particle{position:absolute;border-radius:50%;pointer-events:none !important;opacity:0.95;animation:dieselSprayMotion ease-out forwards} @keyframes dieselSprayMotion{0%{transform:translate(0,0) scale(1);opacity:1} 65%{opacity:0.85} 100%{transform:translate(var(--dest-x),var(--dest-y)) scale(0.2);opacity:0} } .diesel-shockwave{position:absolute;width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(248,153,29,0.9);box-shadow:0 0 12px rgba(248,153,29,0.6);transform:translate(-50%,-50%) scale(1);pointer-events:none !important;animation:shockwaveExpand 300ms cubic-bezier(0.1,0.8,0.3,1) forwards} @keyframes shockwaveExpand{0%{transform:translate(-50%,-50%) scale(0.4);opacity:0.95} 100%{transform:translate(-50%,-50%) scale(5);opacity:0} } .diesel-vapor-flash{position:absolute;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.95) 0%,rgba(248,153,29,0.65) 45%,transparent 75%);transform:translate(-50%,-50%);pointer-events:none !important;animation:vaporFlash 240ms ease-out forwards} @keyframes vaporFlash{0%{transform:translate(-50%,-50%) scale(0.7);opacity:1} 100%{transform:translate(-50%,-50%) scale(2.4);opacity:0} } .services-three-cols-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px} @media (max-width:1080px){.services-three-cols-grid{grid-template-columns:repeat(2,1fr);gap:24px} } @media (max-width:767px){.services-three-cols-grid{grid-template-columns:1fr;gap:20px} } .service-catalog-card{background:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;transition:all var(--transition-base)} .service-catalog-card:hover{border-color:var(--color-brand-blue);transform:translateY(-4px);box-shadow:var(--shadow-hover)} .service-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px} .service-card-icon-wrap{width:54px;height:54px;border-radius:var(--radius-md);background:#f1f5f9;color:var(--color-brand-blue);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0} .service-catalog-card:hover .service-card-icon-wrap{background:var(--color-brand-blue);color:#ffffff} .service-tech-pill{font-size:0.72rem;font-weight:800;color:var(--color-brand-blue);background:#eef2ff;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:0.4px} .service-card-heading{font-family:var(--font-heading);font-size:1.28rem;font-weight:800;color:var(--color-brand-navy);line-height:1.35;margin-bottom:12px} .service-card-heading a{color:inherit;transition:color var(--transition-fast)} .service-card-heading a:hover{color:var(--color-brand-blue)} .service-card-paragraph{font-size:0.94rem;color:var(--color-muted);line-height:1.65;margin-bottom:20px;flex-grow:1} .service-card-highlights{display:flex;flex-direction:column;gap:8px;background:var(--color-bg-clean);padding:14px 16px;border-radius:var(--radius-md);margin-bottom:24px;font-size:0.86rem;color:var(--color-dark)} .highlight-item{display:flex;align-items:center;gap:8px} .check-dot{color:#22c55e;font-weight:800} .service-card-actions{display:flex;flex-direction:column;gap:10px} .service-card-actions .arrow-ico{display:inline-block;transition:transform var(--transition-fast)} .service-card-actions a:hover .arrow-ico{transform:translateX(4px)} .hero-nextgen{position:relative;min-height:auto;display:flex;align-items:center;background:radial-gradient(circle at 20% 30%,rgba(46,48,146,0.45) 0%,rgba(11,30,54,0.95) 70%,#071322 100%);overflow:hidden;padding:44px 0 52px 0} .hero-nextgen .hero-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.28;z-index:1;pointer-events:none} .hero-nextgen .hero-glow-orb{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(248,153,29,0.15) 0%,rgba(46,48,146,0) 70%);top:-100px;right:5%;z-index:2;pointer-events:none;animation:pulseOrb 8s ease-in-out infinite alternate} @keyframes pulseOrb{0%{transform:scale(1) translateY(0);opacity:0.6} 100%{transform:scale(1.15) translateY(30px);opacity:0.9} } .hero-nextgen-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.15fr 0.85fr;gap:48px;align-items:center} .hero-nextgen-left{color:#ffffff} .hero-badge-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);backdrop-filter:blur(12px);border-radius:9999px;font-size:0.82rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#f8991d;margin-bottom:24px;box-shadow:0 4px 16px rgba(0,0,0,0.2)} .hero-badge-pill .radar-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:radarPulse 1.8s infinite} .hero-title-modern{font-family:var(--font-heading);font-size:clamp(2.4rem,4.2vw,3.8rem);font-weight:800;line-height:1.15;letter-spacing:-0.02em;color:#ffffff;margin-bottom:22px} .hero-title-modern .gradient-text{background:linear-gradient(135deg,#ffffff 0%,#cbd5e1 50%,#f8991d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .hero-title-modern .highlight-accent{color:#f8991d;text-shadow:0 0 28px rgba(248,153,29,0.4)} .hero-desc-modern{font-size:1.15rem;line-height:1.7;color:#cbd5e1;margin-bottom:32px;max-width:600px} .hero-desc-modern strong{color:#ffffff;font-weight:600} .hero-actions-modern{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:40px} .btn-cta-shimmer{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8991d 0%,#fe9900 100%);color:#0b1e36 !important;font-weight:700;font-size:1.05rem;padding:16px 32px;border-radius:12px;box-shadow:0 6px 20px rgba(248,153,29,0.35);transition:all 0.25s ease;border:none;display:inline-flex;align-items:center;gap:10px;white-space:nowrap} .btn-cta-shimmer .btn-icon-svg{flex-shrink:0;width:22px;height:22px} .btn-cta-shimmer::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent,rgba(255,255,255,0.35),transparent);transform:rotate(25deg);animation:shimmer 3s infinite} @keyframes shimmer{0%{transform:translateX(-100%) rotate(25deg)} 100%{transform:translateX(100%) rotate(25deg)} } .btn-cta-shimmer:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(248,153,29,0.5);color:#000000 !important} .btn-glass-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:12px;color:#ffffff !important;font-weight:600;font-size:1.05rem;transition:all 0.25s ease} .btn-glass-secondary:hover{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.4);transform:translateY(-2px)} .hero-metrics-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.12)} .metric-pill{display:flex;flex-direction:column} .metric-pill strong{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:#f8991d;line-height:1.1} .metric-pill span{font-size:0.78rem;color:#94a3b8;text-transform:uppercase;letter-spacing:0.04em;margin-top:4px} .diag-console-card{background:rgba(11,30,54,0.85);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.15);border-radius:20px;padding:22px 20px 18px 20px;box-shadow:0 20px 50px rgba(0,0,0,0.4),0 0 40px rgba(46,48,146,0.25);position:relative;overflow:hidden;max-width:480px;margin-left:auto} .diag-console-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2e3092,#f8991d,#22c55e)} .diag-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.1)} .diag-title-wrap{display:flex;align-items:center;gap:10px} .diag-icon{width:36px;height:36px;background:rgba(248,153,29,0.15);border:1px solid rgba(248,153,29,0.3);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#f8991d;font-size:1.1rem} .diag-title-wrap h3,.diag-title-wrap h2,.diag-console-h2{font-size:1.05rem;font-weight:700;color:#ffffff;margin:0} .diag-title-wrap p{font-size:0.78rem;color:#94a3b8;margin:0} .diag-online-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(34,197,94,0.15);border:1px solid rgba(34,197,94,0.3);border-radius:9999px;font-size:0.72rem;font-weight:600;color:#4ade80} .diag-step{margin-bottom:18px} .diag-step-label{display:block;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#94a3b8;margin-bottom:8px} .diag-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px} .diag-option-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:10px 12px;font-size:0.85rem;color:#e2e8f0;cursor:pointer;text-align:left;transition:all 0.2s ease;display:flex;align-items:center;gap:8px} .diag-option-btn:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.3)} .diag-option-btn.active{background:rgba(46,48,146,0.4);border-color:#f8991d;color:#ffffff;box-shadow:0 0 14px rgba(248,153,29,0.2)} .diag-result-box{background:rgba(0,0,0,0.25);border:1px dashed rgba(248,153,29,0.35);border-radius:12px;padding:14px 16px;margin-top:18px;margin-bottom:18px} .diag-result-header{display:flex;justify-content:space-between;font-size:0.75rem;color:#f8991d;font-weight:700;margin-bottom:6px;text-transform:uppercase} .diag-result-text{font-size:0.88rem;color:#ffffff;line-height:1.5;margin:0} .btn-diag-whatsapp{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#25d366;color:#ffffff !important;font-weight:700;font-size:0.95rem;padding:14px;border-radius:12px;transition:all 0.2s ease;border:none;box-shadow:0 4px 15px rgba(37,211,102,0.3);white-space:nowrap} .btn-diag-whatsapp:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 8px 22px rgba(37,211,102,0.4)} .bento-section{padding:90px 0;background:#ffffff;position:relative} .bento-header{text-align:center;max-width:760px;margin:0 auto 50px auto} .bento-header .sub-badge{background:rgba(46,48,146,0.08);color:#2e3092;padding:6px 16px;border-radius:9999px;font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;display:inline-block;margin-bottom:14px} .bento-header h2{font-family:var(--font-heading);font-size:clamp(2rem,3.2vw,2.7rem);font-weight:800;color:#0b1e36;letter-spacing:-0.02em;margin-bottom:16px} .bento-header p{font-size:1.08rem;color:#475569;line-height:1.7} .bento-grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:24px} .bento-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;justify-content:space-between} .bento-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(11,30,54,0.08);border-color:#cbd5e1} .bento-featured{grid-column:span 2;background:linear-gradient(145deg,#0b1e36 0%,#152744 100%);color:#ffffff;border:1px solid rgba(255,255,255,0.12)} .bento-featured:hover{border-color:#f8991d;box-shadow:0 20px 45px rgba(11,30,54,0.25)} .bento-featured .bento-top-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(248,153,29,0.15);border:1px solid rgba(248,153,29,0.3);color:#f8991d;padding:6px 14px;border-radius:9999px;font-size:0.76rem;font-weight:700;text-transform:uppercase;margin-bottom:20px;width:fit-content} .bento-featured h3{font-family:var(--font-heading);font-size:1.85rem;font-weight:800;color:#ffffff;margin-bottom:14px;line-height:1.25} .bento-featured p{color:#cbd5e1;font-size:1.02rem;line-height:1.65;margin-bottom:24px;max-width:580px} .bento-spec-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto} .bento-spec-tag{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);padding:8px 14px;border-radius:8px;font-size:0.82rem;color:#ffffff;display:flex;align-items:center;gap:6px} .bento-spec-tag strong{color:#f8991d} .bento-medium-1{background:#ffffff;border:1px solid #e2e8f0} .bento-card-icon{width:48px;height:48px;border-radius:12px;background:rgba(46,48,146,0.08);color:#2e3092;display:flex;align-items:center;justify-content:center;margin-bottom:20px} .bento-medium-1 h3{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:#0b1e36;margin-bottom:10px} .bento-medium-1 p{color:#475569;font-size:0.92rem;line-height:1.6;margin-bottom:20px} .bento-brands-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto} .brand-chip{background:#f1f5f9;padding:4px 10px;border-radius:6px;font-size:0.75rem;font-weight:600;color:#334155} .bento-medium-2{background:#ffffff;border:1px solid #e2e8f0} .bento-medium-2 h3{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:#0b1e36;margin-bottom:10px} .bento-medium-2 p{color:#475569;font-size:0.92rem;line-height:1.6;margin-bottom:20px} .bento-wide{grid-column:span 2;background:linear-gradient(135deg,#f8fafc 0%,#edf2f7 100%);border:1px solid #e2e8f0} .bento-wide-content{display:flex;justify-content:space-between;align-items:center;gap:32px} .bento-wide-text h3{font-family:var(--font-heading);font-size:1.45rem;font-weight:700;color:#0b1e36;margin-bottom:8px} .bento-wide-text p{color:#475569;font-size:0.95rem;line-height:1.6;max-width:520px} .compare-section{padding:90px 0;background:#0b1e36;color:#ffffff;position:relative} .compare-header{text-align:center;max-width:760px;margin:0 auto 50px auto} .compare-header .sub-badge{background:rgba(248,153,29,0.15);color:#f8991d;padding:6px 16px;border-radius:9999px;font-size:0.82rem;font-weight:700;text-transform:uppercase;display:inline-block;margin-bottom:14px} .compare-header h2{font-family:var(--font-heading);font-size:clamp(2rem,3.2vw,2.7rem);font-weight:800;color:#ffffff;margin-bottom:14px} .compare-header p{font-size:1.05rem;color:#94a3b8} .compare-table-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:20px;overflow:hidden;backdrop-filter:blur(14px)} .compare-table{width:100%;border-collapse:collapse;text-align:left} .compare-table th{padding:22px 28px;font-family:var(--font-heading);font-size:1.05rem;font-weight:700;background:rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.12)} .compare-table th.col-retibombas{background:rgba(46,48,146,0.4);color:#f8991d;font-size:1.15rem;border-top:3px solid #f8991d} .compare-table td{padding:18px 28px;border-bottom:1px solid rgba(255,255,255,0.08);font-size:0.95rem;color:#cbd5e1} .compare-table td.col-criteria{font-weight:600;color:#ffffff;width:28%} .compare-table td.col-common{color:#94a3b8;width:36%} .compare-table td.col-retibombas{background:rgba(46,48,146,0.15);color:#ffffff;font-weight:600;width:36%} .compare-table tr:hover td{background:rgba(255,255,255,0.03)} .compare-table tr:hover td.col-retibombas{background:rgba(46,48,146,0.25)} .status-badge-neg{color:#f87171;font-weight:700;margin-right:6px} .status-badge-pos{color:#4ade80;font-weight:700;margin-right:6px} .services-modern-section{padding:90px 0;background:#f8fafc} .services-filter-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px} .filter-tab-btn{background:#ffffff;border:1px solid #e2e8f0;padding:10px 22px;border-radius:9999px;font-size:0.9rem;font-weight:600;color:#475569;cursor:pointer;transition:all 0.2s ease} .filter-tab-btn:hover{background:#f1f5f9;color:#0b1e36} .filter-tab-btn.active{background:#2e3092;color:#ffffff;border-color:#2e3092;box-shadow:0 4px 14px rgba(46,48,146,0.25)} .services-modern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .service-modern-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:all 0.25s ease;box-shadow:0 2px 8px rgba(15,23,42,0.04)} .service-modern-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(15,23,42,0.08);border-color:#f8991d} .service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px} .service-badge-cat{font-size:0.74rem;font-weight:700;text-transform:uppercase;color:#854d0e;background:#fef3c7;border:1px solid #fde68a;padding:4px 10px;border-radius:6px} .service-card-icon-wrap{width:44px;height:44px;border-radius:10px;background:rgba(46,48,146,0.08);color:#2e3092;display:flex;align-items:center;justify-content:center} .service-modern-card h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:#0b1e36;margin-bottom:10px} .service-modern-card p{font-size:0.92rem;color:#475569;line-height:1.6;margin-bottom:22px} .service-card-cta-row{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f1f5f9} .btn-service-view{font-size:0.88rem;font-weight:700;color:#2e3092;display:inline-flex;align-items:center;gap:6px;transition:gap 0.2s ease} .btn-service-view:hover{gap:10px;color:#f8991d} @media (max-width:1024px){.hero-nextgen-grid{grid-template-columns:1fr;gap:40px} .bento-grid-container{grid-template-columns:repeat(2,1fr)} .bento-featured{grid-column:span 2} .bento-wide{grid-column:span 2} .services-modern-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:767px){html,body{overflow-x:hidden !important;max-width:100vw !important} .site-main,.hero-nextgen,.bento-section,.trust-bar,.services-modern-section,.compare-section,.faq-section,.site-footer{overflow-x:hidden !important;max-width:100% !important} .hero-nextgen{padding:36px 0 !important;min-height:auto} .hero-nextgen-grid{grid-template-columns:1fr !important;gap:32px !important;max-width:100% !important} .hero-nextgen-left{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important} .hero-badge-pill{margin-left:auto !important;margin-right:auto !important;text-align:center !important;font-size:0.74rem !important;padding:5px 12px !important} .hero-title-modern{text-align:center !important;font-size:clamp(1.45rem,5.2vw,1.8rem) !important;line-height:1.25 !important;margin-top:10px !important;margin-bottom:12px !important} .hero-desc-modern{text-align:center !important;font-size:0.92rem !important;line-height:1.55 !important;max-width:92% !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:20px !important} .hero-actions-modern{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;width:100% !important;gap:10px !important;margin-bottom:24px !important} .hero-metrics-bar{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:0 !important;width:100% !important;max-width:360px !important;margin:8px auto 0 auto !important;padding:0 !important;border-top:none !important;background:rgba(255,255,255,0.04) !important;border-radius:14px !important;border:1px solid rgba(255,255,255,0.16) !important;overflow:hidden !important} .hero-metrics-bar .metric-pill{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;padding:14px 10px !important;box-sizing:border-box !important} .hero-metrics-bar .metric-pill:nth-child(odd){border-right:1px solid rgba(255,255,255,0.2) !important} .hero-metrics-bar .metric-pill:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,0.2) !important} .hero-metrics-bar .metric-pill strong{font-size:17px !important;color:#f8991d !important;font-weight:800 !important;line-height:1.2 !important;margin-bottom:2px !important;text-align:center !important} .hero-metrics-bar .metric-pill span{font-size:0.72rem !important;color:rgba(255,255,255,0.75) !important;text-transform:uppercase !important;letter-spacing:0.03em !important;line-height:1.25 !important;text-align:center !important;margin-top:2px !important} .diag-console-card{padding:20px 16px !important;border-radius:18px !important;max-width:100% !important} .diag-header{flex-direction:column !important;align-items:flex-start !important;gap:10px !important;margin-bottom:16px !important;padding-bottom:12px !important} .diag-title-wrap{width:100% !important;gap:10px !important} .diag-console-h2{font-size:1.15rem !important;line-height:1.3 !important} .diag-online-badge{align-self:flex-start !important;font-size:0.72rem !important;padding:3px 10px !important} .diag-step-label{font-size:0.78rem !important} .diag-selector-grid{grid-template-columns:repeat(2,1fr) !important;gap:8px !important} .diag-option-btn{display:flex !important;align-items:center !important;justify-content:center !important;padding:9px 6px !important;font-size:0.76rem !important;border-radius:10px !important;text-align:center !important;line-height:1.2 !important;min-height:44px !important} .diag-option-btn .diag-ico-span{display:inline-flex !important;margin-right:4px !important;flex-shrink:0 !important} .diag-result-box{padding:14px 14px !important;border-radius:12px !important;margin-bottom:16px !important} .diag-result-header{flex-direction:column !important;align-items:flex-start !important;gap:4px !important;margin-bottom:8px !important} .diag-result-header span:first-child{font-size:0.7rem !important;color:rgba(255,255,255,0.7) !important} .diag-result-header span:last-child{font-size:0.82rem !important;color:#f8991d !important;font-weight:800 !important} .diag-result-text{font-size:0.84rem !important;line-height:1.5 !important} .btn-diag-whatsapp{width:100% !important;padding:12px 14px !important;font-size:clamp(0.76rem,3.2vw,0.85rem) !important;text-align:center !important;justify-content:center !important;border-radius:12px !important;gap:6px !important;white-space:nowrap !important} .btn-diag-whatsapp svg{width:18px !important;height:18px !important;flex-shrink:0 !important} .trust-bar{padding:22px 0 !important} .trust-bar-flex{flex-direction:column !important;align-items:flex-start !important;gap:16px !important} .trust-title{font-size:0.72rem !important;letter-spacing:0.5px !important;margin-bottom:2px !important} .trust-logos-row{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:16px 14px !important;width:100% !important;align-items:center !important} .trust-logo-card{display:flex !important;align-items:center !important} .trust-logo-card img{height:46px !important;max-height:46px !important;width:auto !important} .trust-text-pill{border-left:2px solid var(--color-brand-accent) !important;padding-left:10px !important} .trust-text-pill span{font-size:0.64rem !important} .trust-text-pill strong{font-size:0.82rem !important;line-height:1.25 !important;display:block !important} .bento-section{padding:40px 0 !important} .bento-header{margin-bottom:26px !important} .bento-header h2{font-size:20px !important;line-height:1.3 !important;margin-bottom:8px !important} .bento-header p{font-size:0.88rem !important;line-height:1.55 !important} .bento-grid-container{grid-template-columns:1fr !important;gap:16px !important} .bento-card{padding:22px 18px !important;border-radius:16px !important;max-width:100% !important;text-align:center !important;align-items:center !important} .bento-card-icon{margin:0 auto 16px auto !important} .bento-card h3{text-align:center !important} .bento-card p{text-align:center !important} .bento-brands-row{justify-content:center !important;margin:14px auto 0 auto !important} .bento-medium-2 .btn-service-view{margin:14px auto 0 auto !important;justify-content:center !important} .bento-wide{grid-column:span 1 !important} .bento-wide-content{flex-direction:column !important;text-align:center !important;align-items:center !important;gap:16px !important} .bento-wide-text h3,.bento-wide-text p{text-align:center !important} .bento-wide .btn{width:100% !important;justify-content:center !important} .bento-featured{grid-column:span 1 !important;text-align:center !important;align-items:center !important} .bento-featured .bento-top-badge{margin-left:auto !important;margin-right:auto !important;display:inline-block !important} .bento-featured h3{text-align:center !important;font-size:1.25rem !important;line-height:1.35 !important} .bento-featured p{text-align:center !important;font-size:0.88rem !important;line-height:1.55 !important;margin-bottom:18px !important} .bento-spec-tags{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:8px !important;width:100% !important} .bento-spec-tag{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;padding:10px 6px !important;background:rgba(255,255,255,0.08) !important;border:1px solid rgba(255,255,255,0.15) !important;border-radius:10px !important} .bento-spec-tag strong{color:#f8991d !important;font-size:0.86rem !important;font-weight:800 !important;line-height:1.2 !important;margin-bottom:3px !important;text-align:center !important;display:block !important} .bento-spec-tag span{color:#ffffff !important;font-size:0.72rem !important;line-height:1.2 !important;text-align:center !important;display:block !important} .bento-wide{grid-column:span 1 !important} .bento-wide-content{flex-direction:column !important;align-items:flex-start !important} .services-filter-tabs{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;scroll-snap-type:x mandatory;gap:8px !important;padding:4px 6px 14px 6px !important;margin-bottom:22px !important;justify-content:flex-start !important;scrollbar-width:none !important} .services-filter-tabs::-webkit-scrollbar{display:none !important} .filter-tab-btn{flex-shrink:0 !important;white-space:nowrap !important;scroll-snap-align:start;padding:9px 18px !important;font-size:0.84rem !important;border-radius:9999px !important;touch-action:manipulation} .services-modern-grid{grid-template-columns:1fr !important} .service-modern-card h3{text-align:center !important;font-size:1.15rem !important} .service-modern-card p{text-align:center !important;font-size:0.88rem !important;line-height:1.55 !important} .compare-section{padding:50px 0 !important;overflow-x:hidden !important} .compare-header{margin-bottom:30px !important} .compare-header h2{font-size:clamp(1.35rem,5vw,1.8rem) !important} .compare-header p{font-size:0.92rem !important} .compare-table-card{overflow:visible !important;background:transparent !important;border:none !important;border-radius:0 !important;padding:0 !important;backdrop-filter:none !important;max-width:100% !important} .compare-table,.compare-table tbody,.compare-table tr,.compare-table td{display:block !important;width:100% !important;min-width:0 !important;box-sizing:border-box !important} .compare-table thead{display:none !important} .compare-table tr{display:flex !important;flex-direction:column !important;gap:10px !important;background:rgba(15,23,42,0.78) !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:16px !important;padding:16px 14px !important;margin-bottom:14px !important;backdrop-filter:blur(12px) !important;box-shadow:0 4px 18px rgba(0,0,0,0.28) !important} .compare-table tr:hover td{background:inherit !important} .compare-table td.col-criteria{font-family:var(--font-heading) !important;font-size:1rem !important;font-weight:800 !important;color:#f8991d !important;padding:0 0 8px 0 !important;border:none !important;border-bottom:1px solid rgba(255,255,255,0.1) !important;margin-bottom:2px !important;width:100% !important} .compare-table td.col-retibombas{order:2 !important;background:rgba(46,48,146,0.35) !important;border:1px solid rgba(79,70,229,0.45) !important;border-left:4px solid #22c55e !important;border-radius:10px !important;padding:10px 12px !important;font-size:0.88rem !important;color:#ffffff !important;line-height:1.45 !important;width:100% !important} .compare-table td.col-retibombas::before{content:"Retibombas Bosch Diesel Center:" !important;display:block !important;font-size:0.75rem !important;font-weight:700 !important;color:#4ade80 !important;text-transform:uppercase !important;letter-spacing:0.05em !important;margin-bottom:4px !important} .compare-table td.col-common{order:3 !important;background:rgba(255,255,255,0.03) !important;border:1px dashed rgba(255,255,255,0.12) !important;border-radius:8px !important;padding:9px 12px !important;font-size:0.82rem !important;color:#94a3b8 !important;line-height:1.4 !important;width:100% !important} .compare-table td.col-common::before{content:"Mecânica Genérica / Não Homologada:" !important;display:block !important;font-size:0.73rem !important;font-weight:600 !important;color:#f87171 !important;text-transform:uppercase !important;letter-spacing:0.04em !important;margin-bottom:4px !important} .btn-cta-shimmer,.btn-glass-secondary{width:100% !important;justify-content:center !important} } .hero-nextgen{background:linear-gradient(135deg,rgba(5,14,26,0.96) 0%,rgba(11,30,54,0.92) 50%,rgba(5,14,26,0.97) 100%) !important} .hero-nextgen .hero-video-bg{opacity:0.16 !important;filter:brightness(0.55) contrast(1.15) !important} .hero-title-modern{text-shadow:0 2px 14px rgba(0,0,0,0.7) !important} .hero-title-modern .gradient-text{background:linear-gradient(135deg,#ffffff 0%,#f1f5f9 60%,#cbd5e1 100%) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important} .hero-desc-modern{color:#e2e8f0 !important;font-size:1.15rem !important;text-shadow:0 1px 6px rgba(0,0,0,0.7) !important;font-weight:400 !important} .vehicles-section-modern{padding:85px 0;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0} .vehicles-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .vehicle-modern-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between;transition:all 0.28s cubic-bezier(0.16,1,0.3,1);box-shadow:0 2px 8px rgba(15,23,42,0.04);position:relative;overflow:hidden} .vehicle-modern-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background 0.25s ease} .vehicle-modern-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(11,30,54,0.09);border-color:#cbd5e1} .vehicle-modern-card:hover::before{background:linear-gradient(90deg,#2e3092,#f8991d)} .vehicle-card-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px} .vehicle-icon-box{width:52px;height:52px;border-radius:12px;background:rgba(46,48,146,0.06);border:1px solid rgba(46,48,146,0.12);color:#2e3092;display:flex;align-items:center;justify-content:center;transition:all 0.25s ease} .vehicle-modern-card:hover .vehicle-icon-box{background:#2e3092;color:#ffffff;border-color:#2e3092} .vehicle-badge-pill{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#1e293b;background:#e2e8f0;padding:4px 10px;border-radius:9999px} .vehicle-modern-card h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:#0b1e36;margin-bottom:10px;line-height:1.35;text-align:center} .vehicle-modern-card p{font-size:0.92rem;color:#475569;line-height:1.6;margin-bottom:20px;text-align:center} .vehicle-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid #f1f5f9} .vehicle-card-link{font-size:0.88rem;font-weight:700;color:#2e3092;display:inline-flex;align-items:center;gap:6px;transition:gap 0.2s ease,color 0.2s ease} .vehicle-card-link:hover{gap:10px;color:#f8991d} .faq-section-split{padding:90px 0;background:#ffffff} .faq-split-grid{display:grid;grid-template-columns:55fr 45fr;gap:48px;align-items:start} .faq-left-col{display:flex;flex-direction:column} .faq-left-header{margin-bottom:30px} .faq-left-header .sub-badge{background:rgba(46,48,146,0.08);color:#2e3092;padding:6px 16px;border-radius:9999px;font-size:0.82rem;font-weight:700;text-transform:uppercase;display:inline-block;margin-bottom:12px} .faq-left-header h2{font-family:var(--font-heading);font-size:clamp(2rem,2.8vw,2.5rem);font-weight:800;color:#0b1e36;line-height:1.25;margin-bottom:12px} .faq-left-header p{font-size:1.02rem;color:#475569;line-height:1.6} .faq-right-col{position:sticky;top:110px} .faq-company-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;padding:24px;box-shadow:0 10px 30px rgba(11,30,54,0.07);display:flex;flex-direction:column;gap:20px} .faq-img-container{position:relative;border-radius:16px;overflow:hidden;height:280px} .faq-img-container img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease} .faq-company-card:hover .faq-img-container img{transform:scale(1.03)} .faq-img-badge{position:absolute;bottom:14px;left:14px;right:14px;background:rgba(11,30,54,0.88);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.18);padding:10px 14px;border-radius:12px;color:#ffffff;display:flex;align-items:center;gap:10px} .faq-img-badge .dot-live{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e} .faq-img-badge span{font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:#f8991d} .faq-cta-box{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;text-align:center} .faq-cta-box h3{font-size:1.15rem;font-weight:700;color:#0b1e36;margin-bottom:8px} .faq-cta-box p{font-size:0.88rem;color:#64748b;margin-bottom:16px;line-height:1.5} @media (max-width:1024px){.faq-split-grid{grid-template-columns:1fr;gap:40px} .faq-right-col{position:static} .vehicles-cards-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:767px){.vehicles-cards-grid{grid-template-columns:1fr} .vehicle-modern-card h3{text-align:center !important} .vehicle-modern-card p{text-align:center !important} .story-content{text-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important} .story-content .sub-badge{margin-left:auto !important;margin-right:auto !important;display:inline-block !important} .story-content h2.main-heading{text-align:center !important} .story-content p.story-lead{text-align:center !important} .test-checks{text-align:left !important;display:inline-block !important;margin:18px auto !important} .test-actions{justify-content:center !important;width:100% !important;flex-direction:column !important;gap:12px !important} .test-actions .btn{width:100% !important;justify-content:center !important} .faq-left-header{text-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important} .faq-left-header .sub-badge{margin-left:auto !important;margin-right:auto !important;display:inline-block !important} .faq-left-header h2{text-align:center !important} .faq-left-header p{text-align:center !important} .faq-question{text-align:center !important;justify-content:center !important;gap:10px !important} .faq-question span:first-child{text-align:center !important;flex:1 !important} .faq-answer p{text-align:center !important} } .site-footer{background-color:#071322 !important;color:#94a3b8;padding:42px 0 24px !important;border-top:1px solid rgba(255,255,255,0.08)} .footer-top-brand-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.08);width:100%;gap:24px} .footer-top-col{display:flex;align-items:center;min-height:38px} .footer-col-left{justify-content:flex-start;flex-shrink:0} .footer-col-right{justify-content:flex-end;flex-shrink:0} .footer-col-center{flex:1;min-width:0;position:relative;overflow:hidden;height:42px;display:flex;align-items:center;justify-content:center} .footer-ticker-viewport{position:relative;width:100%;height:100%;display:flex;align-items:center;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)} @keyframes tickerSlideContinuous{0%{transform:translate3d(0,0,0)} 100%{transform:translate3d(-50%,0,0)} } .footer-ticker-track{display:flex;align-items:center;width:max-content;animation:tickerSlideContinuous 32s linear infinite;will-change:transform} .ticker-content-group{display:flex;align-items:center;white-space:nowrap;flex-shrink:0} .ticker-item{font-size:0.77rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:0.06em;white-space:nowrap;padding:0 12px;transition:color 0.15s ease,transform 0.15s ease,text-shadow 0.15s ease,filter 0.15s ease;display:inline-flex;align-items:center;gap:6px} .ticker-item .ticker-chk{color:#4ade80;font-weight:800} .ticker-sep{color:rgba(255,255,255,0.22);font-size:0.75rem;padding:0 8px;flex-shrink:0} .ticker-item.is-in-center{color:#ffd658 !important;font-weight:800 !important;transform:scale(1.06);text-shadow:0 0 10px rgba(255,214,88,0.95),0 0 20px rgba(248,153,29,0.7) !important;filter:brightness(1.25)} .ticker-item.is-in-center .ticker-chk{color:#22c55e !important;text-shadow:0 0 10px #22c55e} .footer-logo-main{height:38px;max-height:38px;width:auto;object-fit:contain;display:block;flex-shrink:0} .footer-badge-wrap{display:inline-flex;align-items:center;gap:8px;background:rgba(248,153,29,0.1);border:1px solid rgba(248,153,29,0.25);padding:0 14px;height:38px;box-sizing:border-box;border-radius:9999px;flex-shrink:0;white-space:nowrap} .footer-badge-wrap .badge-dot-live{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;flex-shrink:0} .footer-auth-text{font-size:0.76rem;font-weight:700;letter-spacing:0.06em;color:#f8991d;white-space:nowrap} .footer-seals-group{display:flex;align-items:center;gap:14px;flex-shrink:0} .footer-seals-group img,.footer-seal-img{height:38px !important;max-height:38px !important;width:auto !important;object-fit:contain !important;background:#ffffff !important;padding:3px 8px !important;border-radius:6px !important;box-shadow:0 2px 8px rgba(0,0,0,0.25) !important;display:block !important;box-sizing:border-box !important;flex-shrink:0 !important} .footer-main-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:36px;align-items:start;margin-bottom:28px} @media (min-width:1025px){.footer-main-grid{grid-template-columns:1fr 1fr 2fr !important} } .footer-col-title{font-family:var(--font-heading);font-size:1.08rem;font-weight:700;color:#ffffff;margin-bottom:14px;letter-spacing:-0.01em} .footer-col-title-contact{font-family:var(--font-heading);font-size:1.12rem;font-weight:700;color:#ffffff;margin-bottom:16px;letter-spacing:-0.01em} .footer-about-text{font-size:0.88rem;line-height:1.65;color:#cbd5e1;margin-bottom:14px} .footer-stat-pills{display:flex;flex-direction:column;gap:8px} .footer-pill{font-size:0.8rem;font-weight:600;color:#4ade80;background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.2);padding:5px 12px;border-radius:8px;width:fit-content} .col-services{display:block} .footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px} .footer-links-list a{color:#cbd5e1 !important;font-size:0.88rem;text-decoration:none;transition:all 0.2s ease;display:inline-block} .footer-links-list a:hover{color:#f8991d !important;transform:translateX(4px)} .footer-contact-box{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.09);border-radius:20px;padding:24px 28px;backdrop-filter:blur(10px)} .contact-entry{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px;width:100%} .contact-entry:last-child{margin-bottom:0} .contact-entry-icon{width:32px;height:32px;border-radius:9px;background:rgba(46,48,146,0.35);border:1px solid rgba(46,48,146,0.6);color:#f8991d;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px} .contact-entry-icon svg{width:16px;height:16px} .contact-entry-body{font-size:0.86rem;line-height:1.45;flex:1;min-width:0;width:100%} .contact-entry-body strong{color:#f8991d;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.04em;display:block;margin-bottom:2px} .contact-links-group{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:4px} .contact-link{color:#ffffff !important;text-decoration:none;transition:all 0.2s ease;display:inline-flex;align-items:center;min-height:44px;padding:6px 0;line-height:1.4} .contact-link:hover{color:#f8991d !important;padding-left:4px} .contact-link.link-highlight{color:#ffffff !important;font-weight:700} .contact-link-tag{color:#94a3b8;font-size:0.82rem;font-weight:400;margin-left:6px} .contact-text-plain{color:#ffffff;display:inline-flex;align-items:center;min-height:38px;padding:4px 0} .footer-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid rgba(255,255,255,0.08);flex-wrap:wrap;gap:16px} .copyright-text{font-size:0.86rem;color:#94a3b8;margin:0} .footer-legal-links{list-style:none;display:flex;gap:20px;padding:0;margin:0} .footer-legal-links a{font-size:0.84rem;color:#94a3b8;text-decoration:none;transition:color 0.2s ease} .footer-legal-links a:hover{color:#ffffff} @media (max-width:1024px){.footer-main-grid{grid-template-columns:1fr !important;gap:32px} } @media (max-width:767px){.footer-top-brand-row{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:18px !important;width:100% !important} .footer-top-col{display:flex !important;justify-content:center !important;align-items:center !important;width:100% !important} .footer-badge-wrap{margin:0 auto !important;justify-content:center !important;text-align:center !important;max-width:100% !important;font-size:0.74rem !important;padding:6px 14px !important;height:auto !important} .footer-seals-group{justify-content:center !important;align-items:center !important;gap:14px !important;flex-wrap:wrap !important;width:100% !important;margin-top:4px !important} .footer-seals-group img,.footer-seal-img{height:36px !important;max-height:36px !important;width:auto !important} .footer-contact-box{padding:18px 16px} .site-footer{padding-top:32px !important;padding-bottom:calc(var(--dockbar-height) + env(safe-area-inset-bottom, 0px) + 32px) !important} .footer-bottom-bar{flex-direction:column !important;align-items:center !important;text-align:center !important;gap:14px !important;padding-top:20px !important;padding-bottom:0 !important;margin-bottom:0 !important;width:100% !important} .copyright-text{text-align:center !important;width:100% !important;font-size:0.82rem !important;line-height:1.5 !important;margin:0 !important} .footer-legal-links{justify-content:center !important;flex-wrap:wrap !important;gap:10px 18px !important;width:100% !important;text-align:center !important;margin:0 !important;padding:0 !important} .footer-legal-links a{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:44px !important;padding:4px 8px !important} } .diag-ico-span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:#f8991d;flex-shrink:0;transition:color 0.2s ease} .diag-option-btn:hover .diag-ico-span{color:#ffffff} .diag-option-btn.active .diag-ico-span{color:#f8991d} .diag-opt-ico{display:block} .btn-cta-wa-icon{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important} .btn-cta-wa-icon .ico-wa-btn{width:20px !important;height:20px !important;flex-shrink:0 !important} .services-filter-mobile-wrap{display:none} @media (max-width:767px){.services-filter-tabs{display:none !important} .services-filter-mobile-wrap{display:block !important;margin:0 auto 28px auto !important;max-width:360px !important;width:100% !important} .services-mobile-select-label{display:block;font-size:0.82rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:0.05em;text-align:center;margin-bottom:8px} .services-select-container{position:relative;width:100%} .services-filter-select{width:100% !important;padding:13px 44px 13px 18px !important;font-family:var(--font-heading) !important;font-size:0.95rem !important;font-weight:700 !important;color:#0b1e36 !important;background:#ffffff !important;border:2px solid #2e3092 !important;border-radius:14px !important;appearance:none !important;-webkit-appearance:none !important;box-shadow:0 4px 14px rgba(46,48,146,0.12) !important;outline:none !important;cursor:pointer !important} .services-select-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:#2e3092;font-size:0.8rem;font-weight:800} } .service-detail-section{padding:44px 0 88px;background-color:var(--color-bg-clean)} .service-detail-grid{display:grid;grid-template-columns:1.85fr 1fr;gap:40px;align-items:flex-start} .service-detail-content{display:flex;flex-direction:column;gap:32px} .detail-card{background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px;box-shadow:0 4px 18px rgba(15,23,42,0.04);transition:transform 0.25s ease,box-shadow 0.25s ease} .detail-card-header{display:flex;align-items:center;gap:16px;margin-bottom:22px} .detail-card-icon{width:60px;height:60px;border-radius:14px;background:rgba(46,48,146,0.08);color:var(--color-brand-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(46,48,146,0.1)} .detail-card-subtitle{display:block;font-size:0.8rem;font-weight:800;color:var(--color-brand-accent);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px} .detail-card-title{font-family:var(--font-heading);font-size:1.55rem;font-weight:800;color:var(--color-brand-navy);line-height:1.3;margin:0} .detail-card-text{font-size:1.05rem;color:#334155;line-height:1.75;margin-bottom:24px} .detail-spec-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid var(--color-brand-blue);border-radius:12px;padding:20px} .spec-strip-item strong{display:block;font-size:0.76rem;font-weight:800;color:var(--color-brand-blue);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:6px} .spec-strip-item span{display:block;font-size:0.92rem;color:#475569;font-weight:600;line-height:1.45} .detail-symptoms-list{display:flex;flex-direction:column;gap:14px;margin:0;padding:0} .detail-symptom-item{display:flex;align-items:flex-start;gap:14px;font-size:0.98rem;color:#1e293b;line-height:1.55;background:#fff8f8;border:1px solid #fee2e2;border-radius:10px;padding:14px 18px} .symptom-cross-icon{color:#dc2626;font-weight:800;font-size:1.15rem;line-height:1;margin-top:1px;flex-shrink:0} .detail-steps-flow{display:flex;flex-direction:column;gap:22px;position:relative} .detail-step-item{display:flex;align-items:flex-start;gap:20px;position:relative} .detail-step-number{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#2e3092 0%,#0b1e36 100%);color:#ffffff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 14px rgba(46,48,146,0.35);border:2px solid #ffffff} .detail-step-body{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px} .detail-step-body h4{font-family:var(--font-heading);font-size:1.08rem;font-weight:700;color:var(--color-brand-navy);margin-bottom:6px} .detail-step-body p{font-size:0.94rem;color:#64748b;line-height:1.6;margin:0} .detail-apps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0;padding:0} .detail-app-card{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;font-size:0.94rem;font-weight:500;color:#1e293b;line-height:1.45} .app-check-icon{color:#16a34a;font-weight:800;font-size:1.15rem;flex-shrink:0} .detail-faq-flow{display:flex;flex-direction:column;gap:16px} .detail-faq-card{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid var(--color-brand-accent);border-radius:12px;padding:22px 24px} .detail-faq-card h4{font-family:var(--font-heading);font-size:1.08rem;font-weight:700;color:var(--color-brand-navy);margin-bottom:10px} .detail-faq-card p{font-size:0.95rem;color:#475569;line-height:1.65;margin:0} .service-sidebar-wrap{position:sticky;top:104px;display:flex;flex-direction:column;gap:24px} .service-conversion-card{background:#ffffff;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:34px 28px;box-shadow:0 12px 36px rgba(15,23,42,0.08);text-align:center} .sidebar-brand-badge{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:18px} .sidebar-bosch-img{height:44px;max-height:44px;width:auto} .sidebar-badge-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(46,48,146,0.08);color:var(--color-brand-blue);border:1px solid rgba(46,48,146,0.2);font-size:0.74rem;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;padding:4px 14px;border-radius:9999px} .sidebar-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--color-brand-navy);margin-bottom:10px} .sidebar-desc{font-size:0.92rem;color:#64748b;line-height:1.55;margin-bottom:24px} .sidebar-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:26px} .sidebar-actions .btn{width:100%;justify-content:center} .sidebar-guarantees-box{border-top:1px solid var(--color-border);padding-top:22px;text-align:left} .sidebar-guarantees-title{font-size:0.82rem;font-weight:800;color:var(--color-brand-navy);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px} .sidebar-guarantees-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0} .sidebar-guarantees-list li{display:flex;align-items:center;gap:10px;font-size:0.88rem;font-weight:500;color:#334155} .sidebar-guarantees-list li span.chk-green{color:#16a34a;font-weight:800} .sidebar-address-box{margin-top:22px;padding-top:18px;border-top:1px solid var(--color-border);font-size:0.86rem;color:#64748b;text-align:center;line-height:1.5} .sidebar-address-box a{color:var(--color-brand-blue);font-weight:700;text-decoration:underline;display:block;margin-top:4px} .other-services-section{padding:64px 0 80px;background:#ffffff;border-top:1px solid var(--color-border)} .other-services-header{text-align:center;margin-bottom:40px} .other-services-header h3{font-family:var(--font-heading);font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:800;color:var(--color-brand-navy);margin-top:8px} .other-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .other-service-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:22px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all 0.25s ease} .other-service-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(15,23,42,0.08);border-color:var(--color-brand-blue)} .other-service-icon{width:48px;height:48px;border-radius:12px;background:rgba(46,48,146,0.08);color:var(--color-brand-blue);display:flex;align-items:center;justify-content:center;margin-bottom:14px} .other-service-card h4{font-family:var(--font-heading);font-size:0.98rem;font-weight:700;color:var(--color-brand-navy);margin-bottom:12px;line-height:1.35} .other-service-link{font-size:0.82rem;font-weight:700;color:var(--color-brand-blue);display:inline-flex;align-items:center;gap:4px;margin-top:auto} @media (max-width:1024px){.service-detail-grid{grid-template-columns:1fr;gap:36px} .service-sidebar-wrap{position:static;max-width:600px;margin:0 auto;width:100%} .other-services-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:767px){.service-detail-section{padding:28px 0 60px} .detail-card{padding:24px 18px !important;border-radius:16px !important} .detail-card-header{flex-direction:column !important;align-items:center !important;text-align:center !important;gap:12px !important} .detail-card-title{font-size:1.3rem !important;text-align:center !important} .detail-card-subtitle{text-align:center !important} .detail-card-text{font-size:0.94rem !important;text-align:center !important;line-height:1.6 !important} .detail-spec-strip{grid-template-columns:1fr !important;gap:14px !important;padding:16px !important;text-align:center !important} .detail-symptom-item{padding:12px 14px !important;font-size:0.88rem !important} .detail-step-item{gap:14px !important} .detail-step-number{width:36px !important;height:36px !important;font-size:0.95rem !important} .detail-step-body{padding:14px 16px !important} .detail-step-body h4{font-size:1rem !important} .detail-step-body p{font-size:0.88rem !important} .detail-apps-grid{grid-template-columns:1fr !important;gap:10px !important} .detail-app-card{padding:12px 14px !important;font-size:0.88rem !important} .detail-faq-card{padding:18px 16px !important} .detail-faq-card h4{font-size:1rem !important} .detail-faq-card p{font-size:0.88rem !important} .service-conversion-card{padding:26px 18px !important} .other-services-grid{grid-template-columns:1fr !important;gap:14px !important} } .about-stats-section{padding:32px 0 56px;background:#ffffff;border-bottom:1px solid var(--color-border)} .about-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .about-stat-card{background:var(--color-bg-clean);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px 20px;text-align:center;transition:transform 0.25s ease,box-shadow 0.25s ease} .about-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(15,23,42,0.08);border-color:var(--color-brand-blue)} .about-stat-number{font-family:var(--font-heading);font-size:clamp(1.8rem,3.2vw,2.3rem);font-weight:800;color:var(--color-brand-accent);line-height:1.15;margin-bottom:6px;display:block} .about-stat-label{font-size:0.86rem;color:#475569;font-weight:600;line-height:1.4;text-transform:uppercase;letter-spacing:0.03em} .about-history-section{padding:72px 0;background:var(--color-bg-clean)} .about-history-grid{display:grid;grid-template-columns:1.25fr 0.95fr;gap:48px;align-items:center} .about-history-text h2{font-family:var(--font-heading);font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;color:var(--color-brand-navy);line-height:1.25;margin-top:10px;margin-bottom:20px} .about-history-text p{font-size:1.02rem;color:#334155;line-height:1.75;margin-bottom:18px} .about-history-text p strong{color:var(--color-brand-blue)} .about-history-card{background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:0 12px 32px rgba(15,23,42,0.08)} .about-img-wrap{border-radius:12px;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 14px rgba(15,23,42,0.06)} .about-img-wrap img{width:100%;height:auto;object-fit:cover;display:block;transition:transform 0.4s ease} .about-history-card:hover .about-img-wrap img{transform:scale(1.02)} .about-badge-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap} .about-seal-bosch{height:38px;max-height:38px;width:auto} .about-seal-mobil{height:38px;max-height:38px;width:auto} .about-history-card h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--color-brand-navy);margin-bottom:12px} .about-card-desc{font-size:0.92rem;color:#64748b;line-height:1.6;margin-bottom:20px} .about-pillars-section{padding:72px 0;background:#ffffff;border-top:1px solid var(--color-border)} .about-section-header{text-align:center;max-width:720px;margin:0 auto 48px} .about-section-header h2{font-family:var(--font-heading);font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;color:var(--color-brand-navy);margin-top:10px;margin-bottom:12px} .about-section-header p{font-size:1rem;color:#64748b;line-height:1.6;margin:0} .about-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .about-pillar-card{background:var(--color-bg-clean);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;transition:transform 0.25s ease,box-shadow 0.25s ease} .about-pillar-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(15,23,42,0.08);border-color:var(--color-brand-blue)} .about-pillar-icon{width:64px;height:64px;border-radius:16px;background:rgba(46,48,146,0.08);color:var(--color-brand-blue);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 14px rgba(46,48,146,0.1)} .about-pillar-card h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:800;color:var(--color-brand-navy);margin-bottom:12px} .about-pillar-card p{font-size:0.94rem;color:#64748b;line-height:1.65;margin:0} .about-infra-section{padding:72px 0 88px;background:var(--color-bg-clean);border-top:1px solid var(--color-border)} .about-infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .about-infra-card{background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 26px;box-shadow:0 4px 18px rgba(15,23,42,0.04);display:flex;flex-direction:column;transition:transform 0.25s ease,box-shadow 0.25s ease} .about-infra-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,0.08);border-color:var(--color-brand-blue)} .about-infra-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:0.74rem;font-weight:800;color:var(--color-brand-blue);background:rgba(46,48,146,0.08);border:1px solid rgba(46,48,146,0.2);padding:4px 14px;border-radius:9999px;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px} .about-infra-card h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--color-brand-navy);margin-bottom:12px;line-height:1.35} .about-infra-card p{font-size:0.94rem;color:#475569;line-height:1.65;margin-bottom:20px;flex:1} .about-infra-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border-top:1px solid #f1f5f9;padding-top:16px} .about-infra-list li{font-size:0.88rem;color:#334155;display:flex;align-items:center;gap:8px} .about-infra-list li span.chk-green{color:#16a34a;font-weight:800} @media (max-width:1024px){.about-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px} .about-history-grid{grid-template-columns:1fr;gap:36px} .about-pillars-grid{grid-template-columns:1fr;gap:20px} .about-infra-grid{grid-template-columns:1fr;gap:20px} } @media (max-width:767px){.about-stats-section{padding:24px 0 40px} .about-stat-card{padding:18px 14px} .about-stat-number{font-size:1.65rem} .about-stat-label{font-size:0.76rem} .about-history-section{padding:44px 0} .about-history-text{text-align:center} .about-history-text h2{font-size:1.45rem} .about-history-text p{font-size:0.94rem} .about-history-card{padding:18px} .about-badge-row{justify-content:center} .about-pillars-section{padding:44px 0} .about-pillars-grid{grid-template-columns:1fr;gap:16px} .about-pillar-card{padding:24px 18px} .about-infra-section{padding:44px 0 60px} .about-infra-card{padding:24px 18px} } .vehicles-hero-pills{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin-top:18px} .veh-hero-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.16);color:#ffffff;font-size:0.75rem;font-weight:700;padding:4px 12px;border-radius:9999px;letter-spacing:0.02em;white-space:nowrap} .veh-hero-pill strong{color:var(--color-brand-accent)} .vehicles-delicate-section,.products-delicate-section{padding:56px 0 88px;background:#f8fafc} .vehicles-delicate-grid,.products-delicate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px} .delicate-card{background:#ffffff;border:1px solid #e9edf4;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(15,23,42,0.04);display:flex;flex-direction:column;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)} .delicate-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(46,48,146,0.09);border-color:rgba(46,48,146,0.28)} .delicate-card-media{position:relative;width:100%;height:250px;overflow:hidden;background:#0b1e36} .delicate-card-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.5s ease} .delicate-card:hover .delicate-card-media img{transform:scale(1.04)} .delicate-media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,19,34,0.08) 0%,rgba(7,19,34,0.6) 100%);pointer-events:none} .delicate-badge{position:absolute;top:14px;left:14px;background:rgba(255,255,255,0.94);backdrop-filter:blur(8px);color:var(--color-brand-blue);border:1px solid rgba(46,48,146,0.2);font-size:0.72rem;font-weight:800;padding:4px 12px;border-radius:9999px;text-transform:uppercase;letter-spacing:0.04em;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,0.1)} .delicate-cat-icon{position:absolute;bottom:12px;right:14px;width:36px;height:36px;border-radius:10px;background:rgba(248,153,29,0.92);color:#0b1e36;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 3px 10px rgba(248,153,29,0.35)} .delicate-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1} .delicate-card-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:#0f172a;margin-bottom:8px;line-height:1.35} .delicate-card-desc{font-size:0.88rem;color:#64748b;line-height:1.55;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .delicate-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px} .delicate-tag{background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;font-size:0.74rem;font-weight:700;padding:3px 9px;border-radius:6px} .delicate-card-footer{margin-top:auto;padding-top:14px;border-top:1px solid #f1f5f9} .btn-open-modal{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border-radius:10px;font-family:var(--font-heading);font-size:0.86rem;font-weight:700;color:var(--color-brand-blue);background:rgba(46,48,146,0.06);border:1px solid rgba(46,48,146,0.2);cursor:pointer;transition:all 0.25s ease;outline:none} .btn-open-modal:hover{background:var(--color-brand-blue);color:#ffffff;border-color:var(--color-brand-blue);box-shadow:0 4px 14px rgba(46,48,146,0.25)} .btn-open-modal svg{transition:transform 0.25s ease} .btn-open-modal:hover svg{transform:translateX(3px)} .vehicle-modal-backdrop{position:fixed;inset:0;background:rgba(7,19,34,0.75);backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px 16px;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease} .vehicle-modal-backdrop.is-active{opacity:1;visibility:visible} .vehicle-modal-dialog{background:#ffffff;border-radius:20px;width:100%;max-width:680px;max-height:88vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.2);position:relative;transform:scale(0.95) translateY(12px);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1)} .vehicle-modal-backdrop.is-active .vehicle-modal-dialog{transform:scale(1) translateY(0)} .vehicle-modal-header{position:relative;width:100%;height:220px;background:#0b1e36;overflow:hidden} .vehicle-modal-header img{width:100%;height:100%;object-fit:cover} .vehicle-modal-header-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,19,34,0.2) 0%,rgba(7,19,34,0.85) 100%)} .vehicle-modal-close-btn{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.9);backdrop-filter:blur(6px);color:#0f172a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;line-height:1;transition:all 0.2s ease;z-index:5;box-shadow:0 2px 10px rgba(0,0,0,0.2)} .vehicle-modal-close-btn:hover{background:#ffffff;color:var(--color-brand-blue);transform:scale(1.08)} .vehicle-modal-header-meta{position:absolute;bottom:16px;left:20px;right:20px;z-index:3} .vehicle-modal-badge{display:inline-block;background:rgba(248,153,29,0.95);color:#0b1e36;font-size:0.72rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;padding:3px 10px;border-radius:9999px;margin-bottom:8px} .vehicle-modal-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:#ffffff;margin:0;line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,0.6)} .vehicle-modal-body{padding:24px 26px 28px} .vehicle-modal-desc{font-size:0.95rem;color:#475569;line-height:1.65;margin-bottom:20px} .vehicle-modal-specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 10px;margin-bottom:22px;text-align:center} .vehicle-modal-spec-item strong{display:block;font-size:0.7rem;font-weight:800;color:var(--color-brand-blue);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px} .vehicle-modal-spec-item span{font-size:0.84rem;font-weight:700;color:#1e293b;line-height:1.3} .vehicle-modal-section-title{font-family:var(--font-heading);font-size:0.82rem;font-weight:800;color:var(--color-brand-blue);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:10px;display:block} .vehicle-modal-brands-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px} .vehicle-modal-brand-chip{background:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a;font-size:0.82rem;font-weight:700;padding:5px 12px;border-radius:8px} .vehicle-modal-features-list{display:flex;flex-direction:column;gap:10px;margin:0 0 24px 0;padding:16px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9} .vehicle-modal-features-list li{display:flex;align-items:flex-start;gap:10px;font-size:0.88rem;font-weight:500;color:#334155;line-height:1.45} .vehicle-modal-features-list li .chk-green{color:#16a34a;font-weight:900;font-size:1rem;margin-top:2px;flex-shrink:0} .vehicle-modal-actions{display:flex;align-items:center;gap:12px} .vehicle-modal-actions .btn{flex:1;justify-content:center;white-space:nowrap} .fleet-hub-dark-section{padding:80px 0 96px;background:#071322;color:#ffffff;position:relative;border-top:1px solid rgba(255,255,255,0.08)} .fleet-hub-header{text-align:center;max-width:760px;margin:0 auto 52px} .fleet-hub-header h2{font-family:var(--font-heading);font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;color:#ffffff;margin-top:10px;margin-bottom:14px} .fleet-hub-header p{font-size:1rem;color:#94a3b8;line-height:1.65;margin:0} .fleet-hub-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .bento-hub-card{background:rgba(255,255,255,0.03);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:34px 28px;transition:transform 0.3s ease,border-color 0.3s ease,background 0.3s ease} .bento-hub-card:hover{transform:translateY(-4px);background:rgba(255,255,255,0.06);border-color:rgba(248,153,29,0.5)} .bento-hub-icon{width:58px;height:58px;border-radius:14px;background:rgba(248,153,29,0.15);color:var(--color-brand-accent);display:flex;align-items:center;justify-content:center;margin-bottom:22px;border:1px solid rgba(248,153,29,0.3)} .bento-hub-card h3{font-family:var(--font-heading);font-size:1.28rem;font-weight:800;color:#ffffff;margin-bottom:12px} .bento-hub-card p{font-size:0.94rem;color:#94a3b8;line-height:1.65;margin:0} @media (max-width:1024px){.vehicles-delicate-grid,.products-delicate-grid{grid-template-columns:repeat(2,1fr);gap:22px} .fleet-hub-bento{grid-template-columns:1fr;gap:20px} } @media (max-width:767px){.vehicles-delicate-section,.products-delicate-section{padding:36px 0 60px} .vehicles-delicate-grid,.products-delicate-grid{grid-template-columns:1fr;gap:20px} .vehicles-hero-pills{justify-content:center;flex-wrap:wrap !important;gap:6px !important} .veh-hero-pill{font-size:0.72rem !important;padding:3px 10px !important} .delicate-card-media{height:220px} .delicate-card-body{padding:18px 16px} .delicate-card-title{font-size:1.08rem} .vehicle-modal-backdrop{align-items:flex-end;padding:0} .vehicle-modal-dialog{border-radius:22px 22px 0 0;max-height:85vh;width:100%;transform:translateY(100%)} .vehicle-modal-backdrop.is-active .vehicle-modal-dialog{transform:translateY(0)} .vehicle-modal-header{height:160px} .vehicle-modal-title{font-size:1.2rem} .vehicle-modal-body{padding:20px 18px 28px} .vehicle-modal-specs-grid{grid-template-columns:1fr;gap:8px} .vehicle-modal-actions{flex-direction:column;gap:10px;width:100%} .vehicle-modal-actions .btn{width:100%} .fleet-hub-dark-section{padding:52px 0 64px} .bento-hub-card{padding:26px 20px} } .contact-main-section{padding:60px 0 88px;background:#f8fafc} .contact-layout-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:40px;align-items:flex-start} .contact-form-panel{background:#ffffff;border:1px solid #e2e8f0;border-radius:22px;padding:38px 36px;box-shadow:0 10px 30px rgba(15,23,42,0.05)} .contact-form-header{margin-bottom:26px} .contact-form-header h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;color:#0f172a;line-height:1.25;margin-bottom:8px} .contact-form-header p{font-size:0.94rem;color:#64748b;line-height:1.55;margin:0} .contact-form-body{display:flex;flex-direction:column;gap:18px} .form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px} .contact-field-group{display:flex;flex-direction:column;gap:6px} .contact-label{font-size:0.82rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:4px} .contact-label .req{color:#dc2626;font-weight:800} .contact-input,.contact-select,.contact-textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #cbd5e1;font-family:var(--font-body);font-size:0.92rem;color:#0f172a;background:#f8fafc;transition:all 0.2s ease;outline:none} .contact-input:focus,.contact-select:focus,.contact-textarea:focus{background:#ffffff;border-color:var(--color-brand-blue);box-shadow:0 0 0 3px rgba(46,48,146,0.12)} .contact-textarea{min-height:110px;resize:vertical} .btn-submit-budget{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;border-radius:12px;font-family:var(--font-heading);font-size:1rem;font-weight:800;color:#ffffff;background:var(--color-brand-blue);border:none;cursor:pointer;box-shadow:0 8px 20px rgba(46,48,146,0.28);transition:all 0.25s ease;outline:none} .btn-submit-budget:hover{background:#1e2070;transform:translateY(-2px);box-shadow:0 12px 26px rgba(46,48,146,0.38)} .contact-security-footer{display:flex;align-items:center;gap:8px;font-size:0.78rem;color:#64748b;margin-top:6px;padding-top:14px;border-top:1px solid #f1f5f9} .contact-security-footer svg{color:#16a34a;flex-shrink:0} .contact-info-panel{display:flex;flex-direction:column;gap:20px} .contact-quick-cards-grid{display:flex;flex-direction:column;gap:14px} .contact-quick-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px;text-decoration:none;transition:all 0.25s ease;box-shadow:0 4px 14px rgba(15,23,42,0.03)} .contact-quick-card:hover{border-color:rgba(46,48,146,0.3);transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,23,42,0.07)} .contact-quick-card.wa-card{border-color:rgba(37,211,102,0.35);background:#f0fdf4} .contact-quick-card.wa-card:hover{border-color:#25d366;background:#ffffff;box-shadow:0 10px 24px rgba(37,211,102,0.18)} .quick-card-icon-box{width:46px;height:46px;border-radius:12px;background:rgba(46,48,146,0.08);color:var(--color-brand-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s ease} .wa-card .quick-card-icon-box{background:#25d366;color:#ffffff} .quick-card-content{flex:1} .quick-card-tag{display:block;font-size:0.72rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:2px} .quick-card-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:800;color:#0f172a;line-height:1.25} .wa-card .quick-card-title{color:#15803d} .quick-card-subtitle{font-size:0.8rem;color:#64748b;margin-top:2px;display:block} .contact-map-wrapper{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,0.04)} .contact-map-frame{width:100%;height:240px;border:none;display:block} .contact-map-footer{padding:14px 18px;background:#ffffff;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #f1f5f9} .contact-map-footer p{font-size:0.82rem;color:#475569;margin:0;line-height:1.35} .contact-map-footer p strong{color:#0f172a} @media (max-width:1024px){.contact-layout-grid{grid-template-columns:1fr;gap:36px} .contact-quick-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} } @media (max-width:767px){.contact-main-section{padding:36px 0 60px} .contact-form-panel{padding:24px 18px;border-radius:18px} .contact-form-header h2{font-size:1.35rem} .form-row-2col{grid-template-columns:1fr;gap:14px} .contact-quick-cards-grid{grid-template-columns:1fr;gap:10px} .contact-quick-card{padding:16px 14px} .contact-map-frame{height:200px} .contact-map-footer{flex-direction:column;align-items:flex-start;gap:10px} .contact-map-footer .btn{width:100%} } .hero-nextgen .hero-picture-bg,.hero-nextgen .hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.28;z-index:1;pointer-events:none} @media (max-width:768px){.hero-nextgen .desktop-only-video{display:none !important} } .facility-gallery-section{position:relative;border-top:1px solid rgba(255,255,255,0.08);border-bottom:1px solid rgba(255,255,255,0.08)} .facility-card{transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),border-color 0.3s ease,box-shadow 0.3s ease !important} .facility-card:hover{transform:translateY(-6px);border-color:rgba(248,153,29,0.5) !important;box-shadow:0 16px 36px rgba(0,0,0,0.5),0 0 24px rgba(248,153,29,0.2)} .facility-card:hover img{transform:scale(1.06)} .bento-hub-card:hover .bento-hub-img-thumb img{transform:scale(1.05)} @media (max-width:991px){.facility-grid{grid-template-columns:repeat(2,1fr) !important;gap:20px !important} } @media (max-width:767px){.facility-gallery-section{padding:48px 0 !important} .facility-grid{grid-template-columns:1fr !important;gap:18px !important} } .footer-institutional-links{list-style:none;padding:0;margin:16px 0 0 0;display:flex;flex-direction:column;gap:8px} .footer-institutional-links li{margin:0;padding:0} .footer-institutional-links a{font-size:0.82rem;color:#94a3b8;text-decoration:none;transition:color 0.2s ease,transform 0.2s ease;display:inline-flex;align-items:center;gap:6px} .footer-institutional-links a::before{content:"›";font-size:0.95rem;color:#64748b;transition:color 0.2s ease,transform 0.2s ease} .footer-institutional-links a:hover{color:#f8991d;transform:translateX(3px)} .footer-institutional-links a:hover::before{color:#f8991d} .footer-dev-credit{font-size:0.84rem;color:#94a3b8;display:inline-flex;align-items:center;gap:5px} .footer-dev-credit a{color:#e2e8f0;font-weight:600;text-decoration:none;transition:color 0.2s ease} .footer-dev-credit a:hover{color:#f8991d;text-decoration:underline} @media (max-width:767px){.footer-dev-credit{text-align:center;justify-content:center;width:100%;font-size:0.8rem} } .footer-pill-link{text-decoration:none;display:inline-flex;align-items:center;cursor:pointer;transition:background 0.2s cubic-bezier(0.16,1,0.3,1),border-color 0.2s ease,transform 0.2s ease,color 0.2s ease} .footer-pill-link:hover{background:rgba(34,197,94,0.16) !important;border-color:rgba(34,197,94,0.45) !important;color:#86efac !important;transform:translateX(4px)} .facility-route-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;padding:14px 28px !important;font-size:1rem !important;font-weight:700 !important;white-space:nowrap !important} @media (max-width:767px){.facility-route-btn{width:100% !important;max-width:280px !important;padding:13px 20px !important;font-size:0.95rem !important;margin:0 auto !important} } .desktop-whatsapp-float{position:fixed;bottom:28px;left:28px;z-index:999;display:flex;align-items:center;pointer-events:auto} .desktop-wa-btn{position:relative;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);color:#ffffff !important;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,0.45),0 4px 12px rgba(0,0,0,0.25);text-decoration:none;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s ease;cursor:pointer} .desktop-wa-btn:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 14px 30px rgba(37,211,102,0.55),0 6px 16px rgba(0,0,0,0.35)} .desktop-wa-pulse{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(37,211,102,0.65);animation:desktopWaPulseAnimation 2.2s infinite cubic-bezier(0.24,0,0.38,1);pointer-events:none} @keyframes desktopWaPulseAnimation{0%{transform:scale(0.92);opacity:0.9} 50%{transform:scale(1.22);opacity:0.3} 100%{transform:scale(1.4);opacity:0} } .desktop-wa-icon{width:32px;height:32px;fill:#ffffff;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.15));transition:transform 0.3s ease} .desktop-wa-btn:hover .desktop-wa-icon{transform:scale(1.08) rotate(-4deg)} .desktop-wa-tooltip{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%) translateX(-6px);background:rgba(11,30,54,0.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(37,211,102,0.35);box-shadow:0 10px 25px rgba(0,0,0,0.35),0 0 15px rgba(37,211,102,0.15);padding:8px 14px;border-radius:10px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.25s ease,transform 0.25s cubic-bezier(0.16,1,0.3,1),visibility 0.25s ease;display:flex;flex-direction:column;gap:2px} .desktop-wa-tooltip::before{content:'';position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(11,30,54,0.96)} .desktop-wa-tooltip strong{font-size:0.82rem;font-weight:700;color:#4ade80;letter-spacing:0.02em} .desktop-wa-tooltip small{font-size:0.74rem;color:#cbd5e1;font-weight:500} .desktop-wa-btn:hover .desktop-wa-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)} @media (max-width:991px){.desktop-whatsapp-float{display:none !important;visibility:hidden !important;pointer-events:none !important} } .footer-google-review-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.06);border:1px solid rgba(248,153,29,0.35);padding:6px 14px;border-radius:9999px;font-size:0.82rem;color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,0.2)} .footer-google-review-badge .review-stars{color:#f8991d;letter-spacing:2px;font-size:0.92rem} .footer-google-review-badge .review-score strong{color:#4ade80;font-weight:700} .footer-metro-coverage{margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px} .footer-metro-coverage .metro-title{font-size:0.84rem;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:0.04em} .metro-cities-list{display:flex;flex-wrap:wrap;gap:8px} .metro-chip{font-size:0.78rem;color:#94a3b8;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);padding:3px 10px;border-radius:6px;transition:all 0.2s ease} .metro-chip:hover{color:#f8991d;border-color:rgba(248,153,29,0.4);background:rgba(248,153,29,0.08)} @media (max-width:991px){.footer-metro-coverage{flex-direction:column;align-items:flex-start;gap:12px} } .footer-pill-review{background:rgba(248,153,29,0.08) !important;border:1px solid rgba(248,153,29,0.35) !important;color:#ffffff !important;display:inline-flex !important;align-items:center !important;gap:8px !important;text-decoration:none !important;margin-top:4px !important;padding:6px 14px !important;transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important} .footer-pill-review:hover{background:rgba(248,153,29,0.16) !important;border-color:rgba(248,153,29,0.6) !important;transform:translateX(4px) !important;box-shadow:0 4px 14px rgba(248,153,29,0.25) !important} .footer-pill-review .review-stars-gold{color:#f8991d !important;letter-spacing:1.5px !important;font-size:0.88rem !important;line-height:1 !important} .footer-pill-review .review-text-score{color:#f8fafc !important;font-weight:700 !important;font-size:0.8rem !important} .about-reviews-section{padding:56px 0 60px;background:#f8fafc;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden} .reviews-summary-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:24px 32px;margin-bottom:24px;box-shadow:0 4px 20px rgba(15,23,42,0.05);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:24px} .summary-col-left{display:flex;align-items:center;justify-content:flex-start} .google-badge-brand{display:flex;align-items:center;gap:16px} .summary-service-name{display:block;font-size:0.9rem;font-weight:700;color:var(--color-brand-navy);letter-spacing:-0.01em} .summary-rating-row{display:flex;align-items:center;gap:10px;margin-top:2px} .summary-score{font-family:var(--font-heading);font-size:2.3rem;font-weight:900;line-height:1;color:var(--color-brand-navy)} .summary-stars{color:#f59e0b;font-size:1.35rem;letter-spacing:2px;line-height:1} .summary-col-center{display:flex;align-items:center;justify-content:center;border-left:1.5px solid #e2e8f0;border-right:1.5px solid #e2e8f0;padding:0 16px;text-align:center} .summary-col-center .meta-count{font-size:0.96rem;color:#334155;line-height:1.45} .summary-col-center .meta-count strong{color:var(--color-brand-navy);font-weight:800} .summary-col-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:100%} .summary-col-right .btn{width:210px;min-width:210px;box-sizing:border-box;justify-content:center;padding:9px 16px;font-size:0.85rem;min-height:40px} .btn-outline-google{display:inline-flex;align-items:center;gap:8px;background:#ffffff;border:1.5px solid #cbd5e1;color:#334155;font-size:0.88rem;font-weight:700;padding:10px 18px;border-radius:var(--radius-sm);min-height:44px;text-decoration:none;transition:all 0.2s ease} .btn-outline-google:hover{border-color:#94a3b8;background:#f1f5f9;color:var(--color-brand-navy);transform:translateY(-1px)} .btn-primary-google{display:inline-flex;align-items:center;gap:8px;background:#1a73e8;border:1.5px solid #1a73e8;color:#ffffff;font-size:0.88rem;font-weight:700;padding:10px 20px;border-radius:var(--radius-sm);min-height:44px;text-decoration:none;box-shadow:0 2px 8px rgba(26,115,232,0.25);transition:all 0.2s ease} .btn-primary-google:hover{background:#1557b0;border-color:#1557b0;color:#ffffff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(26,115,232,0.35)} .reviews-carousel-container{position:relative;width:100%} .reviews-carousel-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:8px 4px 18px 4px} .reviews-carousel-track::-webkit-scrollbar{display:none} .reviews-carousel-track:focus{outline:none} .review-item-card.carousel-slide{flex:0 0 calc(50% - 12px);scroll-snap-align:start;min-width:0;box-sizing:border-box;background:#ffffff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:22px 24px;display:flex;flex-direction:column;box-shadow:0 3px 14px rgba(15,23,42,0.04);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease} .review-item-card.carousel-slide:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(15,23,42,0.08);border-color:var(--color-brand-blue)} .review-item-header{display:flex;align-items:center;gap:14px;margin-bottom:14px} .review-author-avatar-wrap{width:46px;height:46px;flex-shrink:0;position:relative} .review-author-avatar-img{width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:0 3px 10px rgba(15,23,42,0.12);border:1px solid #e2e8f0;display:block} .review-author-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--color-brand-navy),var(--color-brand-blue));color:#ffffff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0;box-shadow:0 3px 10px rgba(46,48,146,0.2)} .review-author-info{flex:1;min-width:0} .review-author-name-row{display:flex;align-items:center;gap:6px} .review-author-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:800;color:var(--color-brand-navy);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .review-verified-icon{display:inline-flex;flex-shrink:0} .review-author-title{display:block;font-size:0.8rem;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .review-rating-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px} .review-stars-gold{color:#f59e0b;font-size:1.15rem;letter-spacing:2px;line-height:1} .review-time-ago{font-size:0.8rem;color:#94a3b8;font-weight:600} .review-service-pill{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid #e2e8f0;padding:4px 10px;border-radius:6px;font-size:0.78rem;font-weight:600;color:#334155;margin-bottom:14px;width:fit-content} .pill-dot{width:6px;height:6px;border-radius:50%;background:var(--color-brand-blue);flex-shrink:0} .review-body-text{font-size:0.94rem;color:#334155;line-height:1.6;margin:0 0 12px 0;flex:1;font-style:italic} .review-owner-response{background:#f8fafc;border-left:3px solid var(--color-brand-blue);padding:12px 14px;border-radius:0 8px 8px 0;margin-top:auto;font-size:0.84rem} .response-header{display:flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--color-brand-blue);margin-bottom:4px;font-weight:700} .review-owner-response p{color:#475569;line-height:1.5;margin:0;font-style:normal} .reviews-carousel-container{position:relative;width:100%} .carousel-nav-btn{position:absolute;top:calc(50% - 24px);transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;background:#ffffff;border:1.5px solid #e2e8f0;color:var(--color-brand-navy);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 16px rgba(15,23,42,0.12),0 2px 6px rgba(15,23,42,0.08);flex-shrink:0} .carousel-nav-btn.prev{left:-24px} .carousel-nav-btn.next{right:-24px} .carousel-nav-btn:hover:not(:disabled){background:var(--color-brand-blue);border-color:var(--color-brand-blue);color:#ffffff;transform:translateY(-50%) scale(1.08);box-shadow:0 6px 20px rgba(46,48,146,0.3)} .carousel-nav-btn:disabled,.carousel-nav-btn.disabled{opacity:0.3;cursor:not-allowed;transform:translateY(-50%);box-shadow:0 2px 6px rgba(15,23,42,0.05)} .reviews-carousel-footer-bar{display:flex;align-items:center;justify-content:center;margin-top:16px} .carousel-dots-group{display:flex;align-items:center;gap:8px} .carousel-dot{width:10px;height:10px;border-radius:9999px;background:#cbd5e1;border:none;padding:0;cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1)} .carousel-dot:hover{background:#94a3b8} .carousel-dot.active{width:28px;background:var(--color-brand-blue);box-shadow:0 2px 8px rgba(46,48,146,0.3)} .reviews-bottom-cta{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--radius-lg);padding:28px 34px;margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 10px 30px rgba(15,23,42,0.15)} .reviews-bottom-cta .cta-content h3{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:#ffffff;margin:0 0 8px 0} .reviews-bottom-cta .cta-content p{font-size:0.95rem;color:#94a3b8;margin:0;max-width:650px;line-height:1.6} .reviews-bottom-cta .cta-actions{display:flex;align-items:center;gap:14px;flex-shrink:0;flex-wrap:wrap} .btn-whatsapp-cta{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#ffffff;font-size:0.95rem;font-weight:800;padding:12px 22px;border-radius:var(--radius-sm);min-height:48px;text-decoration:none;box-shadow:0 4px 14px rgba(37,211,102,0.3);transition:all 0.2s ease} .btn-whatsapp-cta:hover{background:#1ebc59;color:#ffffff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(37,211,102,0.4)} .btn-phone-cta{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#ffffff;font-size:0.95rem;font-weight:700;padding:12px 20px;border-radius:var(--radius-sm);min-height:48px;text-decoration:none;transition:all 0.2s ease} .btn-phone-cta:hover{background:rgba(255,255,255,0.18);color:#ffffff;transform:translateY(-1px)} @media (max-width:1024px){.review-item-card.carousel-slide{flex:0 0 calc(50% - 12px)} .reviews-summary-card{grid-template-columns:1fr auto;gap:20px;padding:24px} .summary-col-center{grid-column:span 2;border-left:none;border-right:none;border-top:1px solid #e2e8f0;padding:14px 0 0 0;justify-content:flex-start;text-align:left} .reviews-bottom-cta{flex-direction:column;align-items:flex-start;padding:30px;gap:22px} .reviews-bottom-cta .cta-actions{width:100%} } @media (max-width:767px){.about-reviews-section{padding:42px 0 46px} .reviews-summary-card{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:20px 16px} .summary-col-center{border-left:none;border-right:none;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:12px 0;justify-content:center;text-align:center} .summary-col-right{width:100%} .summary-col-right .btn{width:100%;justify-content:center;min-height:44px} .reviews-carousel-track{gap:16px;padding:4px 2px 14px 2px} .review-item-card.carousel-slide{flex:0 0 100%;padding:18px 16px} .reviews-carousel-footer-bar{margin-top:18px} .carousel-nav-btn{display:none !important} .reviews-bottom-cta{padding:20px 16px} .reviews-bottom-cta .cta-actions{flex-direction:column;gap:10px;width:100%} .reviews-bottom-cta .cta-actions .btn{width:100%;justify-content:center} } .btn-read-more-review{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:4px 0 0 0;margin-top:auto;margin-bottom:0;font-size:0.84rem;font-weight:700;color:var(--color-brand-blue);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color 0.2s ease,transform 0.2s ease} .btn-read-more-review:hover{color:var(--color-brand-navy);transform:translateX(3px)} .review-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,0.65);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease} .review-modal-backdrop.is-active{opacity:1;visibility:visible} .review-modal-card{background:#ffffff;border-radius:var(--radius-lg);box-shadow:0 20px 50px rgba(15,23,42,0.25);max-width:620px;width:100%;max-height:90vh;overflow-y:auto;padding:32px 30px;position:relative;transform:scale(0.95);transition:transform 0.25s cubic-bezier(0.16,1,0.3,1)} .review-modal-backdrop.is-active .review-modal-card{transform:scale(1)} .review-modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#f1f5f9;border:none;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease} .review-modal-close:hover{background:#e2e8f0;color:var(--color-brand-navy);transform:rotate(90deg)} .review-modal-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding-right:40px} .review-modal-fulltext{font-size:1rem;color:#334155;line-height:1.7;margin:0;font-style:italic} .review-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px;padding-top:20px;border-top:1px solid #e2e8f0;flex-wrap:wrap} .btn-secondary-modal{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;font-size:0.88rem;font-weight:700;padding:9px 20px;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s ease;min-height:40px} .btn-secondary-modal:hover{background:#e2e8f0;color:var(--color-brand-navy)} @media (max-width:767px){.review-modal-card{padding:24px 18px;max-height:94vh} .review-modal-footer{flex-direction:column;align-items:stretch} .review-modal-footer .btn{width:100%;justify-content:center} }