@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("./assets/fonts/dm-sans-latin.woff2") format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:400 900;font-display:swap;src:url("./assets/fonts/montserrat-latin.woff2") format("woff2")}
:root{--navy:#071d38;--navy2:#0d2b4b;--blue:#126bb7;--yellow:#ffda32;--cream:#f5f6f7;--ink:#112b46;--muted:#6a7885;--line:#dbe1e8}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:98px}
body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
img,svg{display:block}
::selection{color:#071d38;background:#ffda32}
:focus-visible{outline:3px solid #f6ae00;outline-offset:4px}
.container{width:min(1200px,calc(100% - 72px));margin-inline:auto}
.skip-link{position:absolute;z-index:999;left:20px;top:-80px;background:var(--yellow);color:var(--navy);padding:12px 20px}
.skip-link:focus{top:12px}
.topbar{height:35px;background:#051628;color:#c7d0da;font-size:11px;letter-spacing:.015em}
.topbar-inner,.topbar-right{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar a:hover{color:var(--yellow)}
.topbar-dot{display:inline-block;width:6px;height:6px;background:var(--yellow);border-radius:50%;margin-right:8px;vertical-align:middle}
.topbar-sep{display:block;height:12px;width:1px;background:#4d5862}
.main-header{background:#fff;position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(9,40,76,.075)}
.nav-wrap{min-height:81px;display:flex;align-items:center;gap:33px}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:#123e7b}
.tecnolub-logo{display:block;width:211px;height:auto;max-height:60px;object-fit:contain}
.brand-mark{position:relative;width:42px;height:41px;display:block}
.brand-mark i{position:absolute;width:12px;height:29px;background:#14539d;left:5px;top:4px;transform:skew(-20deg);border-radius:2px}
.brand-mark b{position:absolute;width:12px;height:29px;background:#0d7dc2;left:20px;top:8px;transform:skew(-20deg);border-radius:2px}
.brand-mark em{position:absolute;width:24px;height:6px;background:var(--yellow);left:9px;bottom:3px;transform:skew(-20deg);border-radius:1px}
.brand-word{font-family:Montserrat,Arial,sans-serif;display:block;font-weight:900;letter-spacing:-1.9px;line-height:1;font-size:23px}
.brand-word>span{color:#087ebd}
.brand-word small{display:block;letter-spacing:1.13px;font-size:6.7px;font-weight:800;margin-top:6px;color:#5c7082}
.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto;white-space:nowrap}
.desktop-nav a{font-weight:700;font-size:12px;color:#354b62;transition:color .2s}
.desktop-nav a:hover{color:#1178c6}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;color:#071d38;background:var(--yellow);border-radius:3px;padding:15px 19px;font-weight:800;font-size:12px;white-space:nowrap;transition:background .2s,transform .2s}
.nav-cta:hover,.button-yellow:hover,.form-submit:hover{background:#ffe661;transform:translateY(-2px)}
.nav-cta span{font-size:18px}
.menu-toggle{display:none;border:0;background:transparent;padding:8px;margin-left:auto}
.menu-toggle span{width:25px;height:2px;background:var(--navy);display:block;margin:5px 0}
.mobile-nav{display:none}
.hero{min-height:670px;position:relative;overflow:hidden;background:#071c34;color:white}
.hero-photo{position:absolute;inset:0 0 0 36%;background-image:linear-gradient(90deg,rgba(7,25,47,0) 40%,rgba(3,12,24,.25)),url("./assets/hero/automotriz-desktop.webp");background-repeat:no-repeat;background-position:center,center 59%;background-size:cover;filter:saturate(.75) contrast(1.08);opacity:.6;mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 100%)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071d38 0%,rgba(7,29,56,.98) 31%,rgba(7,29,56,.67) 62%,rgba(6,23,44,.37) 100%);z-index:1}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 74% 80%,rgba(20,112,193,.26),transparent 43%),linear-gradient(0deg,#071a31 0%,transparent 30%);z-index:1;pointer-events:none}
.hero-mesh{position:absolute;right:-90px;bottom:-180px;z-index:2;width:650px;height:650px;border:1px solid rgba(255,255,255,.075);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012);pointer-events:none}
.hero-content{min-height:570px;display:flex;align-items:center;position:relative;z-index:3}
.hero-text{padding:66px 0 30px;max-width:745px}
.eyebrow{font-weight:800;font-size:11px;letter-spacing:2.65px;display:flex;align-items:center;gap:13px}
.eyebrow-line{display:inline-block;width:31px;height:3px;background:var(--yellow);flex-shrink:0}
.hero-eyebrow{color:var(--yellow);margin-bottom:30px}
.hero h1{font-family:Montserrat,Arial,sans-serif;font-size:clamp(47px,6vw,83px);letter-spacing:-4px;line-height:1.075;font-weight:900;margin:0 0 23px}
.hero h1>span:not(.period){color:var(--yellow)}
.period{color:var(--yellow)}
.hero-text p{color:#c8d3de;max-width:540px;font-size:17px;line-height:1.76;margin:0}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:18px 22px;min-height:56px;font-size:13px;font-weight:800;border-radius:3px;transition:transform .2s,background .2s,border-color .2s}
.button span{font-size:21px}
.button-yellow{background:var(--yellow);color:var(--navy)}
.button-outline{color:#fff;border:1px solid rgba(230,238,246,.48)}
.button-outline:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.hero-vertical{position:absolute;right:-5px;top:42%;transform:rotate(90deg) translateX(50%);transform-origin:right top;color:#c9d6e3;font-family:Montserrat,sans-serif;font-size:9px;letter-spacing:2.6px;font-weight:700}
.hero-vertical span{color:var(--yellow);margin:0 10px}
.hero-bottom{position:relative;z-index:3;height:99px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.16)}
.hero-index,.scroll-link{display:flex;align-items:center;gap:17px;color:#d1d7e2;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;font-size:9px}
.hero-index span:first-child{color:var(--yellow)}
.hero-index-line{height:1px;width:62px;background:#627187}
.down-arrow{width:34px;height:34px;border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px}
.scroll-link:hover .down-arrow{border-color:var(--yellow);color:var(--yellow)}
.value-strip{background:var(--yellow)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.value-grid>div{display:flex;align-items:center;gap:20px;padding:23px 35px;border-right:1px solid rgba(3,30,64,.15)}
.value-grid>div:first-child{padding-left:0}
.value-grid>div:last-child{border:0}
.value-icon{font-family:Montserrat,sans-serif;font-size:25px;font-weight:900;color:rgba(5,37,72,.45)}
.value-grid strong{display:block;font-family:Montserrat,sans-serif;font-size:13px;font-weight:900}
.value-grid small{display:block;font-size:11px;margin-top:5px;color:#334550}
.section{padding:104px 0}
.section-header{margin-bottom:42px}
.two-col-header{display:grid;grid-template-columns:1.4fr .75fr;align-items:end;gap:60px}
.dark-eyebrow{color:#1476b5}
.section h2,.brand-section h2,.about h2,.contact h2{font-family:Montserrat,Arial,sans-serif;font-weight:900;font-size:clamp(32px,3.7vw,48px);line-height:1.19;letter-spacing:-2.1px;margin:21px 0 0}
h2 em{font-style:normal;color:#1076b6}
.section-header>p{color:#617384;line-height:1.8;font-size:14px;margin:0 0 3px}
.solutions{background:#f6f8fa}
.filter-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:26px}
.filter{background:transparent;border:1px solid #d5dfe7;padding:11px 17px;font-size:12px;font-weight:800;color:#587086;transition:all .2s;border-radius:2px}
.filter:hover{border-color:#126bb7;color:#126bb7}
.filter.active{background:var(--navy);border-color:var(--navy);color:white}
.solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.solution-card{height:445px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.solution-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px rgba(16,48,80,.12)}
.solution-card[hidden]{display:none!important}
.card-navy{background:linear-gradient(155deg,#173b60,#0b223b)}
.card-ice{background:linear-gradient(155deg,#e8eef3,#cad7e0)}
.card-blue{background:linear-gradient(155deg,#0871b3,#053c70)}
.card-slate{background:linear-gradient(155deg,#253c59,#111d30)}
.card-sky{background:linear-gradient(155deg,#e4f0f5,#c0d8e8)}
.card-stone{background:linear-gradient(155deg,#d5dce2,#aebac6)}
.card-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:23px 25px;font-size:10px;font-weight:800;letter-spacing:1.8px;color:rgba(255,255,255,.75)}
.card-ice .card-top,.card-sky .card-top,.card-stone .card-top{color:#4e6174}
.plus{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:28px;height:28px;font-size:16px}
.product-stage{position:absolute;inset:70px 0 125px;display:flex;align-items:center;justify-content:center;perspective:600px}
.solution-media{position:relative;z-index:1;display:block;width:min(74%,245px);height:228px;padding:12px;background:#fff;border:1px solid #ffffffa6;border-radius:5px;box-shadow:0 15px 30px rgba(0,17,39,.2);overflow:hidden;transition:transform .25s,box-shadow .25s}
.solution-media img{display:block;width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain;object-position:center}
.solution-card:hover .solution-media{transform:translateY(-4px);box-shadow:0 20px 36px rgba(0,17,39,.25)}
.stage-halo{position:absolute;width:260px;height:110px;bottom:4px;border-radius:50%;background:rgba(255,255,255,.14);filter:blur(36px)}
.card-ice .stage-halo,.card-sky .stage-halo,.card-stone .stage-halo{background:rgba(30,74,112,.15)}
.card-bottom{margin-top:auto;position:relative;z-index:3;padding:0 27px 25px;color:#fff}
.card-ice .card-bottom,.card-sky .card-bottom,.card-stone .card-bottom{color:#193951}
.card-bottom h3{font-family:Montserrat,sans-serif;letter-spacing:-.65px;font-weight:900;font-size:25px;margin:0 0 5px}
.card-bottom p{font-size:12px;line-height:1.5;opacity:.78;max-width:265px;margin:0 0 14px}
.card-bottom a{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;font-weight:800;padding-bottom:5px;border-bottom:1px solid currentColor}
.card-bottom a:hover{color:#ffda32}
.card-bottom h3>a.category-detail-link{display:inline;color:inherit;border:0;padding:0;font-size:inherit;font-weight:inherit}
.card-bottom h3>a.category-detail-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.card-ice .card-bottom a:hover,.card-sky .card-bottom a:hover,.card-stone .card-bottom a:hover{color:#0e74ba}
.oil-bottle{position:relative;width:114px;height:193px;background:linear-gradient(95deg,#101721,#303b46 36%,#0c1219 86%);border-radius:18px 25px 9px 10px;transform:rotate(-8deg) translateY(0);box-shadow:20px 20px 22px rgba(1,10,18,.32);z-index:1}
.oil-bottle:before{content:"";position:absolute;left:75px;top:20px;width:24px;height:38px;border:11px solid #222e39;border-radius:8px}
.bottle-cap{position:absolute;top:-24px;left:16px;width:53px;height:24px;background:repeating-linear-gradient(90deg,#1e2a36 0 4px,#354453 4px 6px);border-radius:5px 5px 1px 1px}
.bottle-neck{position:absolute;top:-4px;left:21px;width:41px;height:13px;background:#26323e}
.bottle-label{position:absolute;left:10px;right:10px;top:77px;background:linear-gradient(145deg,#f5f6f7,#b7c1c9);border-radius:2px;color:#113a62;text-align:center;padding:18px 0 22px;box-shadow:0 2px 8px #0005;font:900 20px Montserrat,sans-serif;letter-spacing:-1px}
.bottle-label:before{content:"";position:absolute;top:0;left:0;right:0;height:11px;background:#df273b}
.bottle-label small{display:block;font-size:6px;letter-spacing:.6px;margin-top:5px}
.filter-product{position:relative;z-index:1;width:132px;height:156px;border-radius:6px 6px 28px 28px;background:repeating-linear-gradient(90deg,#d8ad40 0 7px,#f2d372 7px 14px,#a77e2c 14px 16px);box-shadow:15px 20px 21px rgba(16,35,55,.2);transform:rotate(-11deg)}
.filter-top{position:absolute;top:-12px;left:-5px;right:-5px;height:26px;border-radius:50%;background:linear-gradient(#444c54,#121b25);border:6px solid #8595a5}
.filter-face{position:absolute;top:61px;left:0;right:0;text-align:center;padding:10px 0 11px;background:#fff;color:#e3b62a;font:900 22px Montserrat,sans-serif;line-height:1}
.filter-face small{display:block;color:#2a343c;font-size:10px;letter-spacing:2px;margin-top:4px}
.coolant-jug{position:relative;z-index:1;width:138px;height:190px;background:linear-gradient(100deg,#df9f0c,#ffd83a 40%,#e4a900 93%);border-radius:33px 20px 14px 11px;transform:rotate(-8deg);box-shadow:17px 20px 25px rgba(0,24,56,.3)}
.coolant-jug:before{content:"";position:absolute;left:74px;top:17px;width:37px;height:36px;border:11px solid #eaae11;border-radius:11px;background:#17639c}
.jug-cap{position:absolute;top:-23px;left:17px;width:60px;height:25px;border-radius:7px 7px 0 0;background:repeating-linear-gradient(90deg,#c42720 0 5px,#ed4331 5px 8px)}
.jug-label{position:absolute;top:83px;left:9px;right:9px;padding:9px 2px 17px;background:linear-gradient(120deg,#074e8f,#012c60);border-radius:3px;text-align:center;color:#fff;box-shadow:0 3px 8px #2226}
.jug-label b{font:900 16px Montserrat,sans-serif;font-style:italic}
.jug-label small{display:block;font-size:6px;font-weight:800;margin-top:9px}
.additive-can{position:relative;z-index:1;width:82px;height:189px;border-radius:12px 12px 7px 7px;background:linear-gradient(90deg,#d5dce1,#fdfdfd 32%,#adb7c2 93%);transform:rotate(9deg);box-shadow:16px 20px 20px #0004}
.additive-cap{position:absolute;width:62px;height:26px;top:-19px;left:10px;border-radius:5px 5px 0 0;background:repeating-linear-gradient(90deg,#252d37 0 4px,#4a5562 4px 7px)}
.additive-label{position:absolute;top:55px;left:4px;right:4px;background:linear-gradient(165deg,#b71227,#841121);padding:20px 0 30px;text-align:center;color:white;border-radius:2px}
.additive-label b{font:italic 900 19px Montserrat,sans-serif}
.additive-label small{display:block;margin-top:11px;font-size:7px;letter-spacing:.6px}
.spray-bottle{position:relative;z-index:1;width:102px;height:171px;border-radius:10px 10px 15px 15px;background:linear-gradient(95deg,#ebcf30,#ffec65 43%,#c5ac1f);transform:rotate(-8deg);box-shadow:15px 20px 19px #103f5f33}
.spray-head{position:absolute;top:-40px;left:39px;width:60px;height:20px;background:#172c3b;border-radius:4px 8px 0 0}
.spray-head:before{content:"";position:absolute;left:-30px;top:6px;width:48px;height:12px;border-radius:4px;background:#172c3b}
.spray-neck{position:absolute;top:-23px;left:50px;width:17px;height:30px;background:#203649}
.spray-label{position:absolute;top:57px;left:5px;right:5px;text-align:center;background:#123f80;color:#fff;padding:10px 0 25px}
.spray-label b{font:italic 900 20px Montserrat,sans-serif;color:#ffe13e}
.spray-label small{display:block;font-size:7px;margin-top:8px}
.tire-product{position:relative;z-index:1;width:178px;height:178px;background:repeating-radial-gradient(circle,#212a34 0 12px,#111821 13px 15px,#252e38 16px 20px);border:19px solid #1c242b;border-radius:50%;box-shadow:16px 20px 20px #24384944;transform:rotate(-12deg)}
.tire-product:before{content:"";position:absolute;inset:-18px;border:5px dashed #4b5962;border-radius:50%}
.tire-ring{position:absolute;inset:25px;border:10px solid #a5b4bf;border-radius:50%;background:radial-gradient(circle,#1d3446 0 10px,#d2dce1 11px 17px,#546b7b 18px)}
.tire-hub{position:absolute;inset:65px;border-radius:50%;background:#d4e2e8}
.slime-word{position:absolute;right:44px;top:66px;color:#64b934;font:900 italic 24px Montserrat,sans-serif;text-shadow:0 1px 0 white;transform:rotate(9deg)}
.portfolio-note{font-size:11px;color:#81909b;margin:23px 0 0}
.brand-section{background:var(--navy);padding:90px 0 76px;color:#fff;position:relative;overflow:hidden}
.brand-section:after{content:"";position:absolute;right:-180px;top:-130px;width:530px;height:530px;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 100px #ffffff06,0 0 0 200px #ffffff04;pointer-events:none}
.brand-section-header{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:40px}
.light-eyebrow{color:var(--yellow)}
.brand-section h2{margin-top:18px;font-size:clamp(29px,3.2vw,41px)}
.brand-section h2 em{color:var(--yellow)}
.brand-section-header p{color:#aabbcb;max-width:360px;font-size:14px;line-height:1.8;margin:0}
.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid #ffffff20;border-top:1px solid #ffffff20;position:relative;z-index:1}
.brand-logo{height:124px;display:flex;align-items:center;justify-content:center;border-right:1px solid #ffffff20;border-bottom:1px solid #ffffff20;transition:background .2s,transform .2s;color:#d3e0ec;font:900 25px Montserrat,sans-serif;letter-spacing:-1px}
.brand-logo:hover{background:#1a3c5e;color:#fff}
.logo-citgo{font-size:30px;letter-spacing:1px}
.logo-citgo i{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:23px solid #e73647;transform:translate(-37px,-27px)}
.logo-prestone{font-style:italic;font-size:27px}
.logo-mann{font-size:28px;letter-spacing:-2px;flex-direction:column;line-height:1}
.logo-mann span{font-size:13px;letter-spacing:6px;margin-top:5px}
.logo-wynns{font-style:italic}
.logo-rain{font-style:italic;font-size:30px}
.logo-slime{letter-spacing:1px;font-style:italic}
.logo-fuchs{letter-spacing:2px}
.logo-purolator{font-size:22px;letter-spacing:-1.4px;font-style:italic}
.brand-disclaimer{color:#93a5b8;font-size:10px;margin:22px 0 0;position:relative;z-index:1}
.brand-section .brand-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;border:0}
.brand-tile{display:flex;flex-direction:column;min-width:0;border:1px solid #ffffff27;background:#fff;color:#10395a;text-decoration:none;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}
.brand-tile:hover,.brand-tile:focus-visible{transform:translateY(-4px);border-color:#f9d239;box-shadow:0 12px 23px #0003;outline:0}
.brand-tile-art{min-height:103px;display:flex;align-items:center;justify-content:center;background:#fff;padding:16px}
.brand-tile-image{display:block;width:100%;max-width:156px;max-height:76px;object-fit:contain}
.brand-name-fallback{font-family:Montserrat,Arial,sans-serif;font-size:clamp(13px,1.5vw,21px);font-weight:900;letter-spacing:-.6px;text-align:center;color:#123e63;overflow-wrap:anywhere}
.brand-tile-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;min-height:63px;padding:10px 13px;background:#eaf1f6;border-top:1px solid #d8e6ee}
.brand-tile-bottom>span{font-size:11px;font-weight:900;line-height:1.25;overflow-wrap:anywhere}
.brand-tile-bottom small{color:#607c90;font-size:10px;font-weight:700;grid-column:1}
.brand-tile-bottom b{font-size:17px;font-weight:600;color:#147cb7;grid-column:2;grid-row:1/3}
.sectors{background:#fff}
.sector-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sector-card{position:relative;min-height:435px;overflow:hidden;display:flex;flex-direction:column;color:#fff;padding:30px 35px 36px}
.sector-auto{background:linear-gradient(125deg,#174b80,#08243f)}
.sector-industry{background:linear-gradient(125deg,#1d344a,#071b31)}
.sector-card:after{content:"";position:absolute;left:-60px;bottom:-200px;width:450px;height:450px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 85px #ffffff08}
.sector-number{font-size:10px;font-weight:800;letter-spacing:2px;color:#c1d8ea}
.sector-drawing{height:195px;width:100%;display:flex;align-items:center;justify-content:center;color:#acc7d9;opacity:.65;z-index:1}
.sector-drawing svg{width:min(95%,430px);height:auto}
.sector-auto .sector-drawing{color:#f1f4f7}
.sector-industry .sector-drawing{color:#9cc9e5}
.sector-content{margin-top:auto;z-index:1}
.sector-content h3{font:900 25px Montserrat,sans-serif;letter-spacing:-1px;margin:0 0 8px}
.sector-content p{color:#c8d6e3;font-size:13px;line-height:1.65;max-width:390px;margin:0 0 16px}
.sector-link{font-weight:800;font-size:12px;color:var(--yellow);display:inline-flex;align-items:center;gap:20px}
.sector-link:hover{text-decoration:underline}
.about{background:#f2f5f8;padding:110px 0}
.about-grid{display:grid;grid-template-columns:.95fr 1fr;gap:95px;align-items:center}
.about-visual{height:430px;position:relative;overflow:hidden;background:linear-gradient(135deg,#105ca0,#061d38);display:grid;place-items:center}
.about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 50%,#ffffff0d 50% 51%,transparent 51%)}
.about-rings span{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.ring-one{width:250px;height:250px}
.ring-two{width:370px;height:370px}
.ring-three{width:510px;height:510px}
.about-icon{position:relative;z-index:1;color:white;font:900 190px Montserrat,sans-serif;letter-spacing:-20px;text-shadow:0 18px 50px #051b3990}
.about-icon span{color:var(--yellow)}
.about-visual-caption{position:absolute;bottom:26px;left:27px;color:#c9d6e4;font-size:10px;letter-spacing:2px;font-weight:800}
.about-copy h2{font-size:clamp(31px,3.3vw,43px)}
.about-copy>p{font-size:14px;line-height:1.9;color:#617384;margin:27px 0}
.about-values{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:30px}
.about-values>div{font:800 12px Montserrat,sans-serif;display:flex;align-items:center;gap:12px}
.check-icon{background:var(--yellow);color:var(--navy);border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font:800 13px Arial,sans-serif}
.text-link{display:inline-flex;align-items:center;gap:22px;color:#086db3;font-weight:800;font-size:12px;border-bottom:2px solid #086db3;padding-bottom:8px}
.locations{background:#fff}
.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.location-card{background:#f2f5f8;border:1px solid #dfe7ec;padding:30px 34px 32px;min-height:285px;position:relative;overflow:hidden}
.location-card:after{content:"";position:absolute;width:230px;height:230px;right:-90px;top:30px;border:1px solid #d5e1eb;border-radius:50%;box-shadow:0 0 0 50px #e5eef355;pointer-events:none}
.location-top{display:flex;align-items:center;justify-content:space-between;color:#5485aa;letter-spacing:1.8px;font-size:10px;font-weight:900;position:relative;z-index:1}
.location-pin{font-size:30px;line-height:1;color:#126bb7}
.location-card h3{font:900 32px Montserrat,sans-serif;letter-spacing:-1px;margin:21px 0 13px}
.location-card p{font-size:13px;color:#607385;line-height:1.7;min-height:58px;margin:0 0 19px}
.location-hours{display:flex;flex-direction:column;gap:6px;margin:0 0 22px;position:relative;z-index:1;color:#536b7f;font-size:12px;line-height:1.4}
.location-hours strong{font:800 10px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#244e71;margin-bottom:3px}
.location-actions{display:flex;gap:25px;position:relative;z-index:1}
.location-actions a{font-size:12px;font-weight:800;color:#086cad;border-bottom:1px solid #086cad;padding-bottom:5px}
.location-actions a:hover{color:#043c67}
.hours-line{display:flex;align-items:center;gap:9px;margin-top:27px;color:#657889;font-size:12px;flex-wrap:wrap}
.hours-line strong{color:#193a56}
.hours-dot{width:7px;height:7px;border-radius:50%;background:#2ba87f}
.hours-note{color:#8999a7}
.contact{background:linear-gradient(120deg,#0a294c,#071c36);color:#fff;padding:100px 0;position:relative;overflow:hidden}
.contact:after{content:"";position:absolute;left:-100px;bottom:-360px;width:800px;height:800px;border:1px solid #ffffff10;border-radius:50%;box-shadow:0 0 0 110px #ffffff05,0 0 0 220px #ffffff03;pointer-events:none}
.contact-grid{display:grid;grid-template-columns:1fr .83fr;gap:90px;align-items:center;position:relative;z-index:1}
.contact h2{font-size:clamp(35px,3.8vw,50px);line-height:1.2}
.contact h2 em{color:var(--yellow)}
.contact-copy>p{font-size:14px;line-height:1.85;color:#b3c7d9;max-width:475px;margin:28px 0 35px}
.contact-phone{display:flex;align-items:center;gap:15px}
.phone-icon{width:49px;height:49px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-size:25px}
.contact-phone small{display:block;color:#a9bbcc;font-size:11px;margin-bottom:6px}
.contact-phone a{font:800 21px Montserrat,sans-serif}
.lubi-help{display:flex;align-items:center;gap:15px;max-width:485px;margin-top:29px;padding:12px 17px 12px 8px;background:#fff;border-left:4px solid var(--yellow);border-radius:5px;color:#12334d;box-shadow:0 10px 30px #00132624}
.lubi-help img{display:block;width:95px;height:143px;flex:none;object-fit:contain;object-position:center;background:#fff}
.lubi-help strong{display:block;font:900 16px Montserrat,sans-serif;color:#0b3669}
.lubi-help p{font-size:11.5px;line-height:1.55;color:#536a7b;margin:9px 0 10px}
.lubi-help a{font-size:11px;color:#0a75b9;font-weight:900;text-decoration:underline;text-underline-offset:3px}
.lubi-help a:hover{color:#084e85}
.quote-form{background:#fff;padding:32px 36px;color:var(--navy);box-shadow:0 20px 55px #00112433}
.form-tag{font:900 12px Montserrat,sans-serif;display:flex;justify-content:space-between;letter-spacing:1.4px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #e3e9ed}
.form-tag span{color:#0878bb;font-size:21px}
.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}
.form-row label{font-weight:800;font-size:12px}
.form-row label span{color:#d54234}
.form-row input,.form-row select,.form-row textarea{width:100%;background:#f5f7f9;border:1px solid #dce4e9;border-radius:1px;padding:13px 14px;font-size:12px;color:#193d5c;outline:none;transition:border-color .2s}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#0c7bbe;box-shadow:0 0 0 2px #0c7bbe1f}
.form-row textarea{resize:vertical;min-height:86px}
.form-submit{width:100%;background:var(--yellow);color:var(--navy);border:0;padding:17px 20px;font-weight:900;font-size:12px;display:flex;justify-content:space-between;align-items:center;transition:background .2s,transform .2s}
.form-submit span{font-size:19px}
.form-fine{font-size:10px;color:#8794a1;margin:14px 0 0;line-height:1.5}
.footer{background:#041526;color:#c7d5e4;padding:64px 0 0}
.footer-main{display:grid;grid-template-columns:2.1fr 1fr 1.6fr .9fr;gap:34px;padding-bottom:65px}
.brand-footer{background:#fff;padding:8px 10px;border-radius:4px;max-width:max-content}
.brand-footer .tecnolub-logo{width:190px}
.brand-footer .brand-word{color:#fff}
.brand-footer .brand-word small{color:#9aacc0}
.footer-brand>p{font-size:12px;margin:21px 0;color:#a1b5c8}
.footer-menu{display:flex;flex-direction:column;gap:13px}
.footer-menu strong{font:900 12px Montserrat,sans-serif;color:#fff;margin-bottom:10px}
.footer-menu a{font-size:12px;color:#99adc0}
.footer-menu a:hover{color:var(--yellow)}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;padding:22px 0;border-top:1px solid #ffffff22;font-size:11px;color:#8da3b8}
.footer-bottom b{color:var(--yellow);margin-left:6px}
.footer-privacy-link{text-decoration:underline;text-underline-offset:3px;color:#c7d5e4}
.footer-privacy-link:hover{color:var(--yellow)}
.float-whatsapp{position:fixed;z-index:70;bottom:27px;right:28px;background:#22bf65;color:#fff;display:flex;gap:9px;align-items:center;padding:12px 16px;border-radius:40px;box-shadow:0 8px 30px #103d3580;transition:transform .2s,background .2s}
.float-whatsapp:hover{transform:translateY(-3px);background:#1ca957}
.float-whatsapp svg{width:24px;height:24px}
.float-whatsapp span{font-size:12px;font-weight:800}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.catalog{background:#fff}
.catalog-intro{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:36px}
.catalog-intro h2{font-size:clamp(33px,3.9vw,49px)}
.catalog-intro p{color:#6a7e90;line-height:1.8;max-width:670px;font-size:14px;margin:19px 0 0}
.catalog-intro-number{flex:0 0 250px;border-left:1px solid #d3dfe6;padding-left:20px;display:flex;align-items:center;gap:12px}
.catalog-intro-number strong{font:900 47px Montserrat,sans-serif;line-height:1;color:#1175b6;letter-spacing:-3px}
.catalog-intro-number span{font-size:10px;line-height:1.45;font-weight:700;color:#8093a2}
.catalog-controls{background:#f0f4f8;padding:22px 25px 23px;border:1px solid #dee7ed}
.catalog-search-wrap{display:flex;align-items:center;gap:13px;background:#fff;padding:0 16px;border:1px solid #d7e1e9;min-height:57px;color:#0c71b2}
.catalog-search-wrap:focus-within{border-color:#1484c6;box-shadow:0 0 0 3px #1484c614}
.catalog-search-wrap input{width:100%;height:53px;border:0;outline:0;background:transparent;color:#163a59;font-size:14px}
.catalog-search-wrap input::placeholder{color:#899baa}
.catalog-clear{border:0;background:transparent;color:#2b789f;flex-shrink:0;font-size:11px;font-weight:800}
.catalog-control-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:16px}
.catalog-control-row label{display:flex;flex-direction:column;gap:7px;color:#60798b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.8px}
.catalog-control-row select{width:100%;background:#fff;border:1px solid #d7e1e9;color:#183b57;height:43px;padding:0 13px;font-size:12px;font-weight:700;outline:0;cursor:pointer}
.catalog-control-row select:focus{border-color:#1484c6}
.catalog-toggles{display:flex;flex-wrap:wrap;align-items:center;column-gap:30px;row-gap:12px;margin-top:18px}
.catalog-photo-toggle,.catalog-all-toggle{display:inline-flex;align-items:center;gap:9px;color:#335e79;font-size:12px;font-weight:750;cursor:pointer}
.catalog-photo-toggle input,.catalog-all-toggle input{accent-color:#117abc;width:16px;height:16px;margin:0;cursor:pointer}
.catalog-photo-toggle strong,.catalog-all-toggle strong{font-weight:900;color:#0c79b5}
.catalog-selection-note{font-size:11px;line-height:1.6;color:#5e7789;margin:11px 0 0}
.analytics-preferences{padding:4px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font:inherit;cursor:pointer}
.analytics-consent-banner{position:fixed;z-index:120;left:20px;right:20px;bottom:20px;max-width:960px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 24px;background:#fff;border:1px solid #d7e4ed;border-top:4px solid #facd1f;box-shadow:0 16px 56px #061a2c4a;color:#123c5b}
.analytics-consent-banner[hidden]{display:none}
.analytics-consent-banner strong{display:block;font:900 15px Montserrat,sans-serif}
.analytics-consent-banner p{max-width:580px;margin:8px 0 0;font-size:12px;line-height:1.55}
.analytics-consent-banner a{color:#096da7;text-decoration:underline;font-weight:800}
.analytics-consent-actions{display:flex;gap:10px;flex-shrink:0}
.analytics-consent-actions button{border:1px solid #a8c1d2;background:#fff;color:#163f5d;padding:12px 14px;font-size:12px;font-weight:800;cursor:pointer}
.analytics-consent-actions button:last-child{background:#0a5e99;border-color:#0a5e99;color:#fff}
.analytics-consent-actions button:focus-visible,.analytics-preferences:focus-visible{outline:3px solid #facd1f;outline-offset:2px}
@media(max-width:780px){.analytics-consent-banner{flex-direction:column;align-items:stretch;padding:18px;gap:16px}.analytics-consent-actions{flex-direction:column}.analytics-consent-actions button{width:100%}}
.catalog-status{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0 17px;color:#8899a7;font-size:12px}
.catalog-status span:first-child{color:#193d5b;font-weight:900}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.catalog-card{border:1px solid #e0e6ec;background:#fff;display:flex;flex-direction:column;min-height:358px;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}
.catalog-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #0b315b18;border-color:#bed2e2}
.catalog-thumb{height:184px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#d6e3ef}
.catalog-thumb:before{content:"";width:210px;height:210px;position:absolute;right:-80px;top:-95px;border:1px solid #ffffff69;border-radius:50%;box-shadow:0 0 0 30px #ffffff14,0 0 0 70px #ffffff0f}
.catalog-thumb:after{content:"";position:absolute;bottom:-46px;left:16%;width:70%;height:75px;border-radius:50%;background:#051f3740;filter:blur(27px)}
.brand-citgo{background:linear-gradient(145deg,#0b3b6e,#081d3a);color:#fff}
.brand-prestone{background:linear-gradient(145deg,#f1c331,#f7e9a8);color:#133c70}
.brand-rainx{background:linear-gradient(145deg,#1685c3,#092c67);color:#fff}
.brand-gumout{background:linear-gradient(145deg,#a51b2a,#f38531);color:#fff}
.brand-wynns{background:linear-gradient(145deg,#741928,#1d203b);color:#fff}
.brand-slime{background:linear-gradient(145deg,#75b845,#134739);color:#fff}
.brand-mann{background:linear-gradient(145deg,#ded435,#777d28);color:#143043}
.brand-purolator{background:linear-gradient(145deg,#c92d38,#6a172c);color:#fff}
.brand-mystik{background:linear-gradient(145deg,#a6293e,#381e40);color:#fff}
.brand-fuchs{background:linear-gradient(145deg,#1878bb,#1c365a);color:#fff}
.brand-summit{background:linear-gradient(145deg,#42788c,#203b4f);color:#fff}
.brand-clarion{background:linear-gradient(145deg,#25a1a1,#10556e);color:#fff}
.brand-oilsafe{background:linear-gradient(145deg,#9fcc41,#356b3d);color:#fff}
.brand-genericos{background:linear-gradient(145deg,#8898a5,#455a6c);color:#fff}
.brand-phillips{background:linear-gradient(145deg,#de723f,#8a2e34);color:#fff}
.brand-warco{background:linear-gradient(145deg,#536caa,#2a3c65);color:#fff}
.brand-kluber{background:linear-gradient(145deg,#547e9b,#233d5d);color:#fff}
.mini-product{position:relative;z-index:1;height:129px;width:79px;background:linear-gradient(95deg,#f5f5f5,#c3d0d9 42%,#929fa8);border-radius:12px 17px 7px 7px;transform:rotate(-9deg) translateY(10px);box-shadow:11px 12px 18px #001b3655;display:flex;align-items:flex-end;padding:6px}
.mini-product:before{content:"";position:absolute;width:39px;height:15px;background:#202f3e;top:-12px;left:15px;border-radius:3px 3px 0 0}
.mini-product:after{content:"";position:absolute;width:17px;height:22px;border:7px solid #a9bbc7;border-radius:8px;top:9px;right:1px}
.thumb-filter .mini-product{width:92px;height:100px;border-radius:12px 12px 27px 27px;background:repeating-linear-gradient(90deg,#d4b651 0 6px,#eddb8f 6px 11px,#a78d38 11px 13px);transform:rotate(-8deg) translateY(8px)}
.thumb-filter .mini-product:before{width:98px;height:19px;left:-3px;top:-10px;background:linear-gradient(#536270,#162735);border-radius:50%;border:4px solid #8ea4b1}
.thumb-filter .mini-product:after{display:none}
.thumb-filter .mini-label{background:#e4e9eb;color:#163b5c;padding:8px 2px;min-height:41px;align-self:center}
.mini-label{display:grid;place-items:center;background:#123b70;color:#fff;width:100%;min-height:63px;padding:8px 3px;font:900 11px Montserrat,sans-serif;letter-spacing:-.35px;text-align:center;word-break:break-word;line-height:1.13}
.brand-prestone .mini-product{background:linear-gradient(95deg,#f0b41f,#ffe276 45%,#d9a624)}
.brand-prestone .mini-label{background:#104f91}
.brand-rainx .mini-label{background:#f4d82c;color:#134479}
.brand-gumout .mini-label{background:#a91f29}
.brand-wynns .mini-label{background:#921f31}
.brand-slime .mini-label{background:#2b4c2a}
.thumb-line{position:absolute;right:14px;bottom:14px;color:inherit;opacity:.85;font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase;text-align:right;z-index:2;max-width:125px}
.catalog-card-body{padding:18px 19px 17px;display:flex;flex-direction:column;flex:1}
.catalog-card-brand{display:flex;justify-content:space-between;align-items:center;gap:5px;color:#1371ae;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.9px}
.catalog-card-brand span:last-child{color:#8da0af;font-size:9px;letter-spacing:0;text-transform:none;font-weight:700}
.catalog-card-brand span:last-child{max-width:56%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-card h3{font:900 13px Montserrat,sans-serif;color:#173752;line-height:1.4;margin:11px 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.catalog-card p{font-size:11px;color:#798b9b;margin:0}
.catalog-card .catalog-card-reference{font-size:10px;font-weight:800;color:#3e6987;margin:0 0 5px;overflow-wrap:anywhere}
.catalog-card{min-height:426px}
.catalog-thumb-photo{background:#f7f9fb;border-bottom:1px solid #e8eff4}
.catalog-thumb-photo:before,.catalog-thumb-photo:after{display:none}
.catalog-product-photo{display:block;max-width:89%;max-height:171px;object-fit:contain;filter:drop-shadow(0 7px 7px #0b29431d)}
.catalog-thumb-logo{background:linear-gradient(145deg,#dceaf3,#edf4f8)}
.catalog-logo-panel{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:77%;height:91px;border:1px solid #ffffffce;background:#fff;border-radius:6px;box-shadow:0 7px 22px #1134521c;padding:13px}
.catalog-logo{display:block;max-width:100%;max-height:67px;object-fit:contain}
.catalog-logo-panel .brand-name-fallback{font-size:19px;color:#123e63}
.catalog-thumb .thumb-line{font-size:9px;letter-spacing:.3px;text-transform:none;color:#3d6c89;background:#ffffffd6;line-height:1.2;padding:4px 6px;border-radius:3px;right:8px;bottom:8px;max-width:160px}
.catalog-card .catalog-card-description{color:#5c7385;line-height:1.54;font-size:10.6px;margin:3px 0 13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:48px}
.catalog-add{width:100%;margin-top:auto;background:#f2f6f9;border:1px solid #dbe5ec;color:#0f598c;font-size:11px;font-weight:900;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .2s,color .2s}
.catalog-add:hover{background:#ffda32;border-color:#ffda32;color:#071d38}
.catalog-add[aria-pressed="true"]{background:#e5f7eb;border-color:#b5e5c7;color:#11733d}
.catalog-card-meta{margin:0 0 16px}
.catalog-more-wrap{text-align:center;margin-top:27px}
.catalog-more{background:var(--navy);color:#fff;border:1px solid var(--navy);padding:16px 28px;font-size:12px;font-weight:900;display:inline-flex;align-items:center;gap:29px}
.catalog-more[hidden]{display:none}
.catalog-more:hover{background:#135e91}
.catalog-empty{text-align:center;border:1px dashed #cbdde8;background:#f7fafc;padding:50px 25px}
.catalog-empty[hidden]{display:none}
.catalog-empty>span{display:block;font-size:63px;color:#73a2bd}
.catalog-empty h3{font:900 20px Montserrat,sans-serif;margin:0 0 8px}
.catalog-empty p{font-size:13px;color:#71889a;max-width:440px;margin:0 auto 20px;line-height:1.65}
.catalog-empty button{border:0;background:var(--yellow);font-size:12px;font-weight:900;padding:13px 22px}
.catalog-support{background:#0e3456;color:#fff;padding:27px 31px;margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.catalog-support>div{display:flex;align-items:center;gap:17px}
.catalog-support-icon{height:43px;width:43px;border:1px solid #89aac2;border-radius:50%;display:grid;place-items:center;font:900 25px Montserrat,sans-serif;color:var(--yellow);flex-shrink:0}
.catalog-support strong{font-size:13px;display:block}
.catalog-support p{margin:6px 0 0;font-size:11px;color:#b8c9d8;line-height:1.6}
.catalog-support a{flex-shrink:0;display:inline-flex;align-items:center;gap:16px;color:var(--yellow);font-size:12px;font-weight:900}
.catalog-footnote{color:#8497a4;font-size:11px;line-height:1.6;margin:18px 0 0}
.quote-float{position:fixed;z-index:70;right:27px;bottom:90px;background:#ffda32;color:#071d38;box-shadow:0 7px 26px #09274444;border:0;border-radius:30px;display:flex;gap:10px;align-items:center;padding:11px 13px 11px 17px;font-size:12px;font-weight:900}
.quote-float:hover{background:#ffe56b;transform:translateY(-2px)}
.quote-float>span:first-child{font-size:20px}
.quote-count{min-width:25px;height:25px;background:#0b3657;color:white;border-radius:50%;display:grid;place-items:center;font-size:11px}
.quote-scrim{position:fixed;inset:0;background:#04162895;z-index:90}
.quote-scrim[hidden]{display:none}
.quote-drawer{position:fixed;right:0;top:0;bottom:0;width:min(465px,100%);background:#fff;z-index:91;box-shadow:-20px 0 40px #00132838;display:flex;flex-direction:column;color:#102e48}
.quote-drawer[hidden]{display:none}
.drawer-header{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 27px 25px}
.drawer-header small{font-size:10px;letter-spacing:1.7px;color:var(--yellow);font-weight:900}
.drawer-header h2{font:900 24px Montserrat,sans-serif;letter-spacing:-.6px;margin:6px 0 0}
.drawer-close{background:transparent;border:1px solid #ffffff7d;color:#fff;font-size:30px;line-height:1;width:40px;height:40px}
.drawer-description{font-size:12px;line-height:1.5;color:#668094;padding:16px 27px;border-bottom:1px solid #e3ebf0}
.drawer-items{flex:1;overflow-y:auto;padding:10px 27px 20px}
.drawer-empty{padding:40px 10px;color:#76899a;text-align:center;line-height:1.6;font-size:13px}
.drawer-empty>span{display:block;font-size:44px;margin-bottom:12px;color:#8da9bc}
.drawer-item{padding:18px 0;border-bottom:1px solid #e4ebef;display:flex;gap:12px}
.drawer-item-main{flex:1;min-width:0}
.drawer-item-name{font:800 12px Montserrat,sans-serif;line-height:1.4}
.drawer-item-meta{font-size:11px;color:#8194a4;margin-top:5px}
.drawer-quantity{display:flex;align-items:center;gap:0;margin-top:13px}
.drawer-quantity button{width:26px;height:27px;border:1px solid #d1dfe7;background:#f3f7fa;color:#193d5c;font-size:17px}
.drawer-quantity span{min-width:34px;text-align:center;color:#193d5c;font-size:12px;font-weight:900}
.drawer-remove{align-self:flex-start;border:0;color:#8a98a4;background:transparent;font-size:12px;font-weight:800;padding:0}
.drawer-remove:hover{color:#b43131}
.drawer-bottom{padding:23px 27px 25px;border-top:1px solid #dbe5ec;background:#f7fafc}
.drawer-bottom label{display:block;font-size:11px;font-weight:800;margin:0 0 7px}
.drawer-bottom input,.drawer-bottom textarea{display:block;width:100%;border:1px solid #d8e1e7;background:white;color:#143650;padding:11px 12px;font-size:12px;outline:0;margin-bottom:15px;resize:vertical}
.drawer-bottom input:focus,.drawer-bottom textarea:focus{border-color:#1484c6}
.drawer-send{width:100%;background:var(--yellow);border:0;color:#071d38;font-size:12px;font-weight:900;padding:16px;display:flex;justify-content:space-between}
.drawer-send:disabled{opacity:.5;cursor:not-allowed}
.drawer-bottom>p{font-size:10px;color:#7b8d9b;line-height:1.5;margin:12px 0 0}
body.drawer-open{overflow:hidden}
@media(max-width:1120px){
 .desktop-nav{gap:17px}
 .nav-wrap{gap:20px}
 .tecnolub-logo{width:190px}
 .brand-word{font-size:20px}
 .brand-mark{width:36px}
 .nav-cta{padding:14px 12px}
 .contact-grid{gap:45px}
}
@media(max-width:960px){
 .container{width:min(100% - 48px,1200px)}
 .desktop-nav,.nav-cta{display:none}
 .menu-toggle{display:block}
 .mobile-nav{display:flex;flex-direction:column;padding:5px 24px 23px;background:white;box-shadow:0 12px 25px #102d4317}
 .mobile-nav[hidden]{display:none}
 .mobile-nav a{padding:13px 5px;font-size:14px;font-weight:800;border-bottom:1px solid #edf1f4}
 .hero{min-height:630px}
 .hero-photo{left:30%;opacity:.4}
 .hero-vertical{display:none}
 .solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .brand-section .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .about-grid{gap:40px}
 .about-visual{height:390px}
 .contact-grid{grid-template-columns:1fr 1fr;gap:30px}
 .quote-form{padding:25px}
 .footer-main{grid-template-columns:2fr 1fr 1fr;row-gap:35px}
 .footer-menu:last-child{grid-column:2}
 .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
 html{scroll-padding-top:75px}
 .container{width:min(100% - 36px,1200px)}
 .topbar{height:31px}
 .topbar .topbar-inner>span{display:none}
 .topbar-right{width:100%;justify-content:center;font-size:10px}
 .nav-wrap{min-height:71px}
 .tecnolub-logo{width:178px}
 .brand-word{font-size:20px}
 .hero{min-height:635px}
 .hero-photo{left:0;opacity:.3;mask-image:none;background-position:center,62% 50%;background-image:linear-gradient(90deg,rgba(7,25,47,0) 40%,rgba(3,12,24,.25)),url("./assets/hero/automotriz-mobile.webp")}
 .hero:before{background:linear-gradient(90deg,#071d38f2,#071d38b2)}
 .hero-content{min-height:540px}
 .hero-text{padding:42px 0 20px}
 .hero h1{font-size:clamp(40px,10.5vw,62px);letter-spacing:-2.5px}
 .hero-eyebrow{font-size:9px;letter-spacing:1.9px;margin-bottom:26px}
 .hero-text p{font-size:14px;line-height:1.7}
 .hero-actions{gap:10px;margin-top:27px}
 .button{width:100%;justify-content:space-between;padding:15px 18px;min-height:50px}
 .hero-bottom{height:90px}
 .hero-index span:last-child{display:none}
 .hero-index-line{width:40px}
 .scroll-link{font-size:8px;gap:8px}
 .down-arrow{width:29px;height:29px}
 .value-grid{grid-template-columns:1fr}
 .value-grid>div{padding:14px 0;border-right:0;border-bottom:1px solid #071d3826;gap:14px}
 .value-grid>div:first-child{padding-left:0}
 .value-grid>div:last-child{border:0}
 .value-icon{font-size:20px}
 .value-grid strong{font-size:12px}
 .value-grid small{font-size:10px;margin-top:2px}
 .section{padding:70px 0}
 .two-col-header,.brand-section-header{grid-template-columns:1fr;gap:17px}
 .section h2,.brand-section h2,.about h2,.contact h2{font-size:clamp(30px,8vw,38px);letter-spacing:-1.35px}
 .section-header{margin-bottom:28px}
 .section-header>p,.brand-section-header p{font-size:13px}
 .eyebrow{font-size:10px;letter-spacing:1.9px}
 .solutions-grid{grid-template-columns:1fr;gap:14px}
 .solution-card{height:400px}
 .product-stage{inset:62px 0 116px}
 .solution-media{height:210px;width:min(72%,232px);padding:10px}
 .filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:9px;margin-right:-18px}
 .filter{flex-shrink:0;white-space:nowrap}
 .brand-section{padding:70px 0}
 .brand-section .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .brand-tile-art{min-height:86px;padding:12px}
 .brand-tile-image{max-height:63px}
 .brand-tile-bottom{padding:9px 10px;min-height:58px}
 .brand-tile-bottom>span{font-size:10px}
 .brand-tile-bottom small{font-size:9px}
 .brand-logo{height:100px;font-size:23px}
 .sector-grid,.about-grid,.location-grid,.contact-grid{grid-template-columns:1fr}
 .sector-card{min-height:400px;padding:25px}
 .sector-drawing{height:170px}
 .about{padding:70px 0}
 .about-grid{gap:34px}
 .about-visual{height:300px}
 .about-icon{font-size:135px}
 .ring-one{width:200px;height:200px}
 .ring-two{width:290px;height:290px}
 .ring-three{width:380px;height:380px}
 .about-copy>p{margin:20px 0}
 .about-values{gap:14px}
 .location-grid{gap:13px}
 .location-card{min-height:260px;padding:27px}
 .hours-note{flex-basis:100%;padding-left:16px}
 .contact{padding:73px 0}
 .contact-grid{gap:37px}
 .lubi-help{gap:8px;padding:10px 12px 10px 5px}
 .lubi-help img{width:79px;height:118px}
 .lubi-help strong{font-size:14px}
 .lubi-help p{font-size:10.5px;margin:7px 0}
 .quote-form{padding:25px}
 .footer{padding-top:50px}
 .footer-main{grid-template-columns:1fr 1fr;gap:32px 20px;padding-bottom:42px}
 .footer-brand{grid-column:1/-1}
 .footer-menu:last-child{grid-column:auto}
 .footer-menu:nth-child(3){grid-column:1/-1;grid-row:3}
 .footer-bottom{flex-direction:column;gap:9px;font-size:10px}
 .float-whatsapp{right:14px;bottom:15px;padding:13px;border-radius:50%}
 .float-whatsapp span{display:none}
 .catalog-intro{display:block}
 .catalog-intro-number{border-left:0;border-top:1px solid #d3dfe6;padding:15px 0 0;margin-top:25px}
 .catalog-intro-number strong{font-size:42px}
 .catalog-controls{padding:15px}
 .catalog-search-wrap input{font-size:12px}
 .catalog-control-row{grid-template-columns:1fr 1fr;gap:12px}
 .catalog-control-row label:last-child{grid-column:1/-1}
 .catalog-status{align-items:flex-start;flex-direction:column;gap:6px;padding:18px 0}
 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .catalog-card{min-height:388px}
 .catalog-thumb{height:141px}
 .catalog-product-photo{max-height:127px}
 .catalog-logo-panel{height:72px;width:83%;padding:9px}
 .catalog-logo{max-height:54px}
 .catalog-logo-panel .brand-name-fallback{font-size:13px}
 .catalog-thumb .thumb-line{font-size:8px;max-width:125px}
 .mini-product{transform:scale(.75) rotate(-9deg) translateY(11px)}
 .thumb-line{font-size:8px;max-width:90px;right:8px}
 .catalog-card-body{padding:13px 11px 12px}
 .catalog-card h3{font-size:11px}
 .catalog-card-brand{font-size:9px}
 .catalog-card-brand span:last-child{display:none}
 .catalog-card p{font-size:10px}
 .catalog-card .catalog-card-description{font-size:9.3px;line-height:1.47;min-height:53px;-webkit-line-clamp:4;margin:3px 0 12px}
 .catalog-add{font-size:10px;padding:10px;gap:3px}
 .catalog-support{align-items:flex-start;flex-direction:column;padding:23px}
 .catalog-support strong{font-size:12px}
 .catalog-support a{margin-left:60px}
 .quote-float{bottom:76px;right:14px;padding:10px 12px}
 .quote-float>span:first-child{display:none}
 .drawer-header{padding:23px 20px}
 .drawer-description{padding:14px 20px}
 .drawer-items{padding:10px 20px}
 .drawer-bottom{padding:18px 20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* Ajuste de legibilidad de catálogo en teléfonos estrechos. */
@media (max-width: 480px) {
  .catalog-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .catalog-card { min-height: 0; }
  .catalog-thumb { height: 188px; }
  .catalog-product-photo { max-height: 164px; }
  .catalog-logo-panel { height: 96px; width: 76%; padding: 13px; }
  .catalog-logo { max-height: 72px; }
  .catalog-card-body { padding: 17px 18px 19px; }
  .catalog-card h3 { font-size: 13px; line-height: 1.45; -webkit-line-clamp: 4; }
  .catalog-card-brand { font-size: 10px; }
  .catalog-card-brand span:last-child { display: inline; }
  .catalog-card .catalog-card-description { font-size: 11px; line-height: 1.55; min-height: 0; -webkit-line-clamp: 3; }
  .catalog-card p { font-size: 11px; }
  .catalog-add { font-size: 11px; padding: 13px; }
  .quote-float { left: 12px; right: auto; bottom: calc(12px + env(safe-area-inset-bottom)); padding: 11px 14px; }
  .float-whatsapp { right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); }
  .footer { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
}