:root{--navy:#073554;--deep:#062b45;--ink:#12344b;--muted:#637785;--cyan:#00a3df;--line:#dce5eb;--pale:#f3f6f8;--white:#fff;--font:'Manrope',Arial,sans-serif}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14}h2{font-size:clamp(32px,3.5vw,49px);letter-spacing:-2px;font-weight:600}h2 em{font-style:normal;color:var(--muted);font-weight:500}.container{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:16px 21px;font-size:13px;line-height:1.4;font-weight:700;border:1px solid transparent;border-radius:3px;transition:background .2s,transform .2s,color .2s;min-height:50px}.btn:hover{transform:translateY(-2px)}.btn .icon{width:18px;height:18px}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#0c4c73}.btn-cyan{background:#00a9e5;color:#032e48}.btn-cyan:hover{background:#2bbbec}.btn-outline-light{border-color:#ffffff55;color:#fff;background:#ffffff06}.btn-outline-light:hover{background:#ffffff12}.btn-ghost{border-color:var(--line);background:#fff}.text-link{display:inline-flex;align-items:center;gap:16px;padding:0;font-size:13px;font-weight:700;line-height:1.5}.text-link .icon{width:17px;height:17px;transition:transform .2s}.text-link:hover .icon{transform:translate(2px,-2px)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;line-height:1.5;color:#1d678e}.eyebrow.light{color:#b5d2e1}.skip-link{position:fixed;top:-100px;left:15px;z-index:100;background:var(--navy);color:white;padding:10px 20px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{background:var(--pale);color:#647987;font-size:10px;letter-spacing:.25px;border-bottom:1px solid #e9eff2}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:33px}.topbar-inner>div{display:flex;gap:28px;align-items:center}.top-location{display:flex;align-items:center;gap:6px}.top-location .icon{width:12px;height:12px}.topbar a:hover{color:var(--navy)}.topbar a span{margin-left:9px}.header{background:#fffffff5;backdrop-filter:blur(16px);position:sticky;top:0;z-index:30;border-bottom:1px solid #dce5eb66}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:225px;height:auto}.main-nav{display:flex;align-items:center;gap:29px}.main-nav>a{font-size:12px;font-weight:650;position:relative;white-space:nowrap}.main-nav>a:after{content:'';position:absolute;height:2px;left:0;right:100%;bottom:-8px;background:var(--cyan);transition:right .2s}.main-nav>a:hover:after{right:0}.nav-quote{padding:13px 18px;min-height:43px;font-size:11px;gap:18px;margin-left:10px}.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{height:2px;width:23px;background:var(--navy);transition:transform .2s}
.hero{position:relative;overflow:hidden;min-height:635px;color:#fff;background:#062e49}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,#052c47fa 0%,#052c47ed 29%,#052c47aa 53%,#052c472a 100%),linear-gradient(0deg,#042c49a8,transparent 65%),url('assets/hero-refineria.jpg');background-size:cover;background-position:center,center,70% 50%}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,black,transparent)}.hero-inner{position:relative;min-height:635px;padding-top:65px;display:flex;flex-direction:column}.hero-copy{max-width:720px;padding-bottom:102px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:#42c8f2;box-shadow:0 0 0 4px #42c8f21a}.hero h1{font-size:clamp(44px,5.05vw,73px);font-weight:500;line-height:1.1;letter-spacing:-3px;margin-top:23px}.hero h1 em{font-style:normal;color:#65c9ee}.hero-description{color:#cad9e3;font-size:14px;line-height:1.8;max-width:430px;margin-top:25px}.hero-actions{display:flex;gap:12px;margin-top:29px}.hero-feature{position:absolute;right:0;bottom:119px;max-width:290px;border-left:2px solid #59c9ef;padding:10px 0 9px 20px;display:grid;gap:5px;background:linear-gradient(90deg,#052c4750,transparent)}.feature-label{font-size:8px;letter-spacing:1.8px;color:#cedfe7;font-weight:700}.feature-name{font-size:22px;font-weight:600;display:flex;align-items:center;gap:27px;letter-spacing:-.4px}.feature-name .icon{width:21px;height:21px}.hero-feature>span:last-child{font-size:10px;color:#b8cfde}.hero-bottom{position:absolute;bottom:0;left:0;right:0;height:66px;border-top:1px solid #ffffff2b;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#d5e1e8;font-size:11px}.hero-bottom>span,.hero-bottom>a{display:flex;align-items:center;gap:10px}.hero-bottom .icon{width:17px;height:17px;color:#8eafc0}.hero-bottom>a{margin-left:auto}.brand-strip{border-bottom:1px solid var(--line)}.brand-strip>.container{display:flex;align-items:center;gap:35px;min-height:126px}.strip-label{font-size:8px;letter-spacing:1.3px;line-height:1.8;color:#7a8d99;flex:0 0 144px;display:flex;flex-direction:column}.strip-label span:first-child{color:var(--ink);font-weight:800}.brand-logos{display:flex;flex:1;align-items:center;justify-content:space-between;gap:35px}.brand-logos a{height:57px;display:flex;align-items:center;justify-content:center;flex:1;min-width:0}.brand-logos img{width:auto;max-width:135px;max-height:42px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .2s,opacity .2s}.brand-logos a:hover img{filter:none;opacity:1}.brand-logos img.logo-jc{max-height:49px;max-width:78px}.brand-logos img.logo-clark{max-width:150px}
.section{padding:92px 0}.section-kicker{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.small-tag{font-size:8px;letter-spacing:1.4px;font-weight:700;color:#6d8291;display:flex;align-items:center;gap:7px}.small-tag:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan)}.section-description{color:var(--muted);font-size:14px;line-height:1.9}.clark-layout{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center}.clark-copy{padding-top:8px}.clark-copy h2{margin-bottom:23px}.clark-copy>.section-description{max-width:460px}.clark-tabs{margin-top:28px;border-top:1px solid var(--line)}.clark-tab{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:600;color:#8495a0;transition:color .2s,padding .2s}.clark-tab .icon{width:18px;height:18px;opacity:.4}.clark-tab.active{color:var(--navy);padding-left:14px;border-left:3px solid var(--cyan)}.clark-tab.active .icon{color:var(--cyan);opacity:1}.clark-tab:hover{color:var(--navy)}.clark-copy>.text-link{margin-top:24px;font-size:11px}.clark-showcase{background:var(--pale);min-height:495px;display:flex;flex-direction:column;position:relative;border:1px solid #edf0f2;padding:25px 29px 23px;overflow:hidden;border-radius:4px}.showcase-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#80939f;letter-spacing:1px}.showcase-top .eyebrow{font-size:8px}.clark-showcase>img{height:335px;width:100%;object-fit:contain;mix-blend-mode:multiply;margin:8px 0 15px;transition:opacity .2s}.showcase-bottom{border-top:1px solid #dce4e9;padding-top:18px;display:flex;gap:20px;justify-content:space-between;align-items:center}.showcase-bottom h3{font-size:20px;letter-spacing:-.5px}.showcase-bottom p{font-size:10px;color:var(--muted);line-height:1.7;max-width:340px;margin-top:6px}.circle-button{width:42px;height:42px;border:1px solid #c4d3dd;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.circle-button:hover{background:var(--navy);color:white}.circle-button .icon{width:17px;height:17px}.clark-more{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);margin-top:38px;padding-top:23px;font-size:10px;color:var(--muted)}.clark-more>.icon{color:#4381a4;width:19px;height:19px}.clark-more strong{font-weight:600;color:#466477}.clark-more>a{margin-left:auto;color:var(--navy);font-weight:700;white-space:nowrap}.clark-more>a span{margin-left:17px}
.solutions-section{background:var(--pale)}.section-note{font-size:10px;color:#7d909c}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:37px}.section-heading>p{font-size:12px;color:var(--muted);max-width:310px;line-height:1.8}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5e0e7;padding-bottom:18px;margin-top:44px;gap:20px}.catalog-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.filter{font-size:10px;font-weight:650;padding:8px 11px;border-radius:2px;white-space:nowrap;transition:background .2s,color .2s;color:#667e8e}.filter.active{background:var(--navy);color:white}.filter:hover:not(.active){background:#e1e9ef}.catalog-search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #bfcfd9;padding:8px 0;color:#6d8291;width:204px;flex-shrink:0}.catalog-search .icon{width:15px;height:15px}.catalog-search input{background:transparent;border:0;width:100%;font-size:10px;color:var(--navy);outline:none}.catalog-search:focus-within{border-color:var(--cyan)}.catalog-search input::placeholder{color:#8396a3}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:27px}.product-card{background:white;border:1px solid #e1e8ed;border-radius:3px;overflow:hidden;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #062d450b}.product-image-button{width:100%;height:230px;padding:20px 30px 12px;position:relative;display:block}.product-image-button img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.product-card:hover .product-image-button img{transform:scale(1.04)}.product-index{position:absolute;top:17px;left:19px;font-size:8px;color:#90a1ad;letter-spacing:1px}.product-body{margin:0 23px;padding:18px 0 19px;border-top:1px solid #e9eef2}.product-brand{font-size:8px;color:#3383ae;letter-spacing:1px;text-transform:uppercase;font-weight:750}.product-body h3{font-size:20px;font-weight:600;letter-spacing:-.6px;margin:9px 0 10px;line-height:1.2}.product-body>p:not(.product-brand){font-size:10px;color:#708594;line-height:1.8;min-height:36px}.product-link{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;font-weight:700;width:100%;padding:17px 0 0}.product-link .icon{width:17px;height:17px}.catalog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:33px;padding-top:25px;border-top:1px solid #d5e0e7;font-size:11px;color:var(--muted)}.catalog-bottom .text-link{font-size:11px;color:var(--navy)}.catalog-empty{text-align:center;padding:75px 10px}.catalog-empty>.icon{height:34px;width:34px;color:#8ea4b2;margin-bottom:15px}.catalog-empty h3{font-size:23px;margin-bottom:10px}.catalog-empty p{font-size:12px;color:var(--muted);margin-bottom:25px}.catalog-more{display:flex;justify-content:center;margin-top:30px}.catalog-more button{border:1px solid #bdcdd7;padding:12px 23px;border-radius:3px;font-size:11px;display:flex;align-items:center;gap:18px}.catalog-more button:hover{background:#e3ebf1}
.brands-section .section-kicker .text-link{font-size:10px}.brands-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:44px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-item{padding:30px 27px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;min-height:234px;position:relative;transition:background .2s}.brand-item:hover{background:#f8fafb}.brand-item-logo{height:56px;width:100%;display:flex;align-items:center;margin-bottom:20px}.brand-item-logo img{max-height:48px;max-width:173px;width:auto;object-fit:contain}.brand-item-logo img[src*="jc-logo"]{max-height:58px;max-width:95px}.brand-item-logo img[src*="bvalve-logo"]{max-height:42px;max-width:138px}.brand-origin{font-size:8px;letter-spacing:1.3px;color:#7f929f;position:absolute;right:25px;top:24px}.brand-item h3{font-size:16px;letter-spacing:-.3px;margin-bottom:8px}.brand-item p{font-size:10px;max-width:290px;line-height:1.8;color:var(--muted)}.brand-item .text-link{font-size:9px;margin-top:auto;padding-top:20px;gap:16px}.brand-item .text-link .icon{height:14px;width:14px}.brand-item.featured{background:#f2f8fb}.brand-item.featured:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--cyan)}.other-brands{margin-top:26px;border-block:1px solid var(--line)}.other-brands summary{list-style:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:space-between;padding:21px 0;font-weight:600}.other-brands summary::-webkit-details-marker{display:none}.other-brands summary>span{font-size:22px;font-weight:400}.other-brands[open] summary>span{transform:rotate(45deg)}#other-brands-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:7px 0 26px}#other-brands-list a{display:flex;flex-direction:column;gap:5px;padding:12px 14px;background:var(--pale);font-size:11px;font-weight:650;border-radius:2px}#other-brands-list a:hover{background:#e6f1f7}#other-brands-list small{font-weight:400;color:#708492;font-size:9px}
.industry-section{position:relative;background:var(--navy);color:white;overflow:hidden}.industry-photo{position:absolute;inset:0;background:linear-gradient(90deg,#062c45e8,#062c45d9),url('assets/industria-energia.jpg') center/cover}.industry-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:78px;align-items:center}.industry-inner h2{margin-top:22px;font-size:44px;line-height:1.16;font-weight:500}.industry-inner h2 em{color:#70c9eb}.industry-text{padding-top:32px}.industry-text>p{font-size:14px;color:#d0e0e9;max-width:370px;line-height:1.85}.industry-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px;max-width:370px}.industry-tags span{font-size:9px;padding:7px 12px;border:1px solid #c0d6e12e;border-radius:2px;color:#c6d9e4}.light-link{color:#fff;margin-top:29px;font-size:11px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-layout h2{margin-top:24px;margin-bottom:25px}.about-layout .section-description{max-width:450px}.about-small{font-size:12px;color:var(--muted);line-height:1.9;margin-top:16px;max-width:430px}.about-layout .text-link{margin-top:27px;font-size:11px}.service-list{border-top:1px solid var(--line)}.service-list article{display:flex;gap:22px;padding:28px 0;border-bottom:1px solid var(--line);align-items:flex-start}.service-number{font-size:9px;color:#6b889b;padding-top:3px}.service-list h3{font-size:19px;font-weight:600;letter-spacing:-.5px}.service-list p{font-size:11px;color:var(--muted);margin-top:11px;max-width:330px;line-height:1.8}.service-list article>.icon{margin-left:auto;color:#6a8da3;width:21px;height:21px}
.contact-section{background:var(--navy);color:white;position:relative;overflow:hidden}.contact-section:before{content:'';position:absolute;width:570px;height:570px;border:1px solid #ffffff07;border-radius:50%;top:-150px;left:24%;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02}.contact-inner{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:100px;padding-block:77px}.contact-inner h2{margin-top:20px;color:white;font-size:46px;font-weight:500}.contact-inner h2 em{color:#77ceec}.contact-inner>div>p{color:#bad1df;max-width:400px;font-size:12px;line-height:1.9;margin-top:23px}.contact-inner .btn{margin-top:27px}.contact-details{padding-top:11px}.contact-details a{padding:22px 0;display:flex;flex-direction:column;position:relative;border-bottom:1px solid #ffffff20}.contact-details a:first-child{border-top:1px solid #ffffff20}.contact-details a>span{font-size:8px;letter-spacing:1.7px;color:#8fb3c8;margin-bottom:9px}.contact-details strong{font-size:20px;font-weight:500;letter-spacing:-.4px}.contact-details small{font-size:10px;color:#acc6d6;margin-top:5px}.contact-details .icon{position:absolute;right:0;top:38px;width:18px;height:18px;color:#a0c3d7}.contact-details a:hover .icon{color:var(--cyan)}.footer{background:#fff}.footer-top{display:flex;align-items:center;gap:30px;padding-block:40px}.footer-top>a>img{width:210px;height:auto}.footer-top>p{font-size:9px;color:#81929e;border-left:1px solid var(--line);padding-left:24px;line-height:1.8}.footer-top nav{display:flex;gap:23px;margin-left:auto;font-size:10px}.footer-back{font-size:9px;color:#8498a5;display:flex;align-items:center;gap:10px;margin-left:15px}.footer-back .icon{height:14px;width:14px}.footer-bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;font-size:8px;color:#8395a2}.whatsapp-float{position:fixed;bottom:24px;right:28px;z-index:20;display:flex;align-items:center;gap:10px;box-shadow:0 3px 22px #041d3128;background:#fff;color:var(--navy);border:1px solid #e1e9ee;border-radius:32px;padding:13px 17px;font-size:11px;font-weight:700;transition:transform .2s}.whatsapp-float:hover{transform:translateY(-3px)}.whatsapp-float>.icon{width:19px;height:19px}.float-dot{width:5px;height:5px;border-radius:50%;background:#24a57c;margin-left:3px}
dialog{border:0;padding:0;color:var(--ink);max-height:90dvh;overflow:auto;box-shadow:0 25px 90px #0004;border-radius:7px}dialog::backdrop{background:#06253dd1;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:18px;right:18px;border:1px solid var(--line);border-radius:50%;height:34px;width:34px;display:flex;align-items:center;justify-content:center;background:#fff;z-index:1}.dialog-close:hover{background:var(--pale)}.dialog-close .icon{height:16px;width:16px}.product-dialog{width:min(920px,calc(100% - 32px))}.product-modal-layout{display:grid;grid-template-columns:1fr 1.1fr}.product-modal-image{background:var(--pale);display:flex;align-items:center;justify-content:center;min-height:490px;padding:40px}.product-modal-image img{width:100%;height:340px;object-fit:contain;mix-blend-mode:multiply}.product-modal-copy{padding:64px 37px 35px}.product-modal-copy h2{font-size:30px;letter-spacing:-1px;margin-top:13px;line-height:1.2}.product-modal-copy>p{font-size:12px;color:var(--muted);line-height:1.85;margin-top:20px}.product-modal-copy ul{padding:0;list-style:none;font-size:11px;margin:24px 0;display:flex;flex-direction:column;gap:11px}.product-modal-copy li{display:flex;gap:8px;align-items:flex-start}.product-modal-copy li .icon{color:var(--cyan);height:14px;width:14px;margin-top:3px}.product-modal-copy .btn{font-size:11px;gap:14px}.product-modal-copy .text-link{font-size:10px;display:flex;margin-top:19px}.quote-dialog{width:min(665px,calc(100% - 32px));padding:40px 43px 31px}.quote-intro h2{font-size:37px;letter-spacing:-1.4px;margin-top:18px}.quote-intro>p{font-size:11px;color:var(--muted);margin-top:16px}.quote-dialog form{display:flex;flex-direction:column;gap:16px;margin-top:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-dialog label{font-size:10px;display:flex;flex-direction:column;gap:7px;font-weight:650}.quote-dialog label>span{display:contents;color:#5990af}.quote-dialog input,.quote-dialog textarea{width:100%;min-width:0;border:1px solid #d5e0e7;border-radius:3px;padding:11px 12px;font-size:11px;font-weight:400;background:#fbfcfd;color:var(--navy)}.quote-dialog input:focus,.quote-dialog textarea:focus{outline:2px solid #00a3df60;outline-offset:0;border-color:var(--cyan)}.quote-dialog input::placeholder,.quote-dialog textarea::placeholder{color:#90a0aa}.quote-dialog textarea{resize:vertical;min-height:90px}.form-actions{display:flex;gap:10px;margin-top:3px}.form-actions .btn{font-size:10px;flex:1;gap:14px;padding:13px}.form-note{font-size:9px;color:#8094a1;line-height:1.65}
@media(min-width:1600px){.hero h1{font-size:79px}.hero,.hero-inner{min-height:690px}.hero-inner{padding-top:78px}.hero-description{font-size:15px}.hero-feature{bottom:125px}.brand-strip>.container{min-height:140px}}
@media(max-width:1180px){.container{width:calc(100% - 72px)}.main-nav{gap:22px}.brand img{width:197px}.main-nav>a{font-size:11px}.nav-quote{font-size:10px;gap:12px;margin-left:0}.brand-logos{gap:23px}.strip-label{flex-basis:120px;font-size:7px}.brand-strip>.container{gap:20px}.brand-logos img{max-width:105px}.brand-logos img.logo-clark{max-width:130px}.clark-layout{gap:53px}.catalog-toolbar{align-items:flex-start}.catalog-filters{gap:2px}.filter{font-size:9px;padding:8px}.catalog-search{width:172px}.about-layout,.industry-inner,.contact-inner{gap:65px}.footer-top{gap:20px}.footer-top nav{gap:18px}.footer-back{display:none}.hero h1{font-size:62px}.hero-feature{max-width:240px}.hero-bottom{font-size:10px}.brand-item{padding-inline:23px}.brand-origin{right:17px;font-size:7px}}
@media(max-width:950px){.main-nav{gap:15px}.main-nav>a{font-size:10px}.nav-quote{font-size:9px;padding-inline:13px}.brand img{width:180px}.container{width:calc(100% - 56px)}.hero h1{font-size:58px}.hero-feature{max-width:230px;bottom:113px}.hero-description{max-width:385px}.brand-strip>.container{flex-direction:column;gap:15px;align-items:stretch;padding-block:25px;min-height:0}.strip-label{flex-direction:row;gap:4px;flex-basis:auto;justify-content:center;font-size:7px}.brand-logos{gap:23px}.brand-logos a{height:42px}.brand-logos img{max-width:105px;max-height:33px}.brand-logos img.logo-clark{max-width:120px}.brand-logos img.logo-jc{max-height:38px}.section{padding-block:70px}.clark-layout{gap:35px}.clark-showcase{padding:22px;min-height:475px}.clark-showcase>img{height:310px}.clark-copy>.text-link{font-size:10px}.clark-copy h2{font-size:36px;letter-spacing:-1.6px}.section-description{font-size:12px}.catalog-toolbar{flex-direction:column;gap:13px}.catalog-search{width:100%;max-width:300px;align-self:flex-end}.catalog-filters{gap:5px}.filter{font-size:10px;padding:8px 11px}.product-image-button{height:195px;padding-inline:25px}.product-body{margin-inline:17px}.product-body h3{font-size:18px}.catalog-grid{gap:15px}.section-heading>p{max-width:250px;font-size:11px}.brand-item-logo img{max-width:145px}.brand-origin{position:static;order:0;margin-bottom:14px}.brand-item-logo{height:48px;margin-bottom:12px}.brand-item{padding:25px 20px;min-height:266px}.brand-item h3{font-size:14px}.brand-item p{font-size:9px}.industry-inner,.about-layout,.contact-inner{gap:42px}.industry-inner h2{font-size:35px}.industry-text>p{font-size:12px}.contact-inner h2{font-size:37px}.contact-details strong{font-size:17px}.service-list article{gap:17px}.service-list h3{font-size:17px}.service-list p{font-size:10px}.footer-top>a>img{width:180px}.footer-top>p{display:none}.footer-top nav{gap:23px}#other-brands-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:83px}.container{width:calc(100% - 40px)}.topbar-inner{min-height:29px}.topbar{font-size:8px}.topbar-inner>div{gap:0}.top-location{display:none}.nav-wrap{height:73px}.brand img{width:194px}.menu-toggle{display:flex}.main-nav{display:none;position:absolute;left:0;right:0;top:73px;padding:15px 20px 25px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 30px #062b4510;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a{padding:14px 5px;font-size:13px;border-bottom:1px solid #eff2f5}.main-nav>a:after{display:none}.nav-quote{font-size:11px;margin-top:17px;padding:14px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero,.hero-inner{min-height:690px}.hero-inner{padding-top:51px}.hero-photo{background-image:linear-gradient(90deg,#052c47f0 5%,#052c47ca 50%,#052c477d),linear-gradient(0deg,#042c49cf,transparent),url('assets/hero-refineria.jpg');background-position:center,center,61% center}.hero h1{font-size:clamp(40px,7.9vw,60px);letter-spacing:-2.1px}.hero-description{font-size:12px;line-height:1.85;max-width:370px}.hero-actions{gap:10px;flex-wrap:wrap;margin-top:26px}.hero-actions .btn{font-size:11px;padding:15px 17px;gap:18px}.hero-copy{padding-bottom:164px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-feature{left:0;right:auto;bottom:94px;padding-block:4px;padding-left:14px;max-width:350px;background:transparent}.feature-name{font-size:19px;gap:25px}.feature-label{font-size:7px}.hero-feature>span:last-child{font-size:9px}.hero-bottom{height:62px;font-size:9px;gap:12px}.hero-bottom>span:nth-child(2){display:none}.hero-bottom .icon{width:14px;height:14px}.hero-bottom>a{font-size:8px;gap:7px}.brand-strip>.container{padding-block:22px;gap:19px}.brand-logos{display:grid;grid-template-columns:repeat(3,1fr);row-gap:20px;column-gap:22px}.brand-logos a{height:35px}.brand-logos img{max-width:112px;max-height:31px}.brand-logos img.logo-clark{max-width:130px}.brand-logos img.logo-jc{max-height:37px}.strip-label{font-size:7px}.section{padding-block:58px}.section-kicker{margin-bottom:28px;gap:14px;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:1.6px}.small-tag{font-size:6px;letter-spacing:.9px;margin-top:1px}.clark-layout{grid-template-columns:1fr;gap:30px}.clark-copy{padding-top:0}.clark-copy h2{font-size:38px}.clark-copy>.section-description{font-size:12px}.clark-tabs{display:flex;margin-top:25px;border-top:0;gap:0}.clark-tab{font-size:11px;justify-content:center;padding:12px 7px;white-space:nowrap;border-bottom:2px solid var(--line);width:33.33%}.clark-tab .icon{display:none}.clark-tab.active{padding-left:7px;border-left:0;border-bottom-color:var(--cyan)}.clark-copy>.text-link{margin-top:19px;font-size:10px}.clark-showcase{min-height:450px}.clark-showcase>img{height:305px}.clark-more{font-size:9px;align-items:flex-start;gap:10px;margin-top:26px;padding-top:20px;flex-wrap:wrap}.clark-more>span{flex:1;min-width:220px}.clark-more>a{margin-left:28px;flex-basis:100%}.clark-more>.icon{width:16px;height:16px}.section-note{display:none}h2{font-size:35px;letter-spacing:-1.4px}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:20px;max-width:350px;font-size:11px}.catalog-toolbar{margin-top:25px;padding-bottom:15px;gap:12px}.catalog-filters{gap:4px}.filter{font-size:9px;padding:8px 9px}.catalog-search{max-width:none;font-size:11px;padding:10px 0}.catalog-search input{font-size:11px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px}.product-image-button{height:188px;padding:28px 15px 16px}.product-index{top:12px;left:13px;font-size:7px}.product-body{margin-inline:13px;padding-top:13px;padding-bottom:14px}.product-brand{font-size:6.5px;letter-spacing:.7px}.product-body h3{font-size:17px;letter-spacing:-.5px;margin:9px 0}.product-body>p:not(.product-brand){font-size:9px;min-height:47px;line-height:1.7}.product-link{font-size:8px;padding-top:13px}.product-link .icon{height:14px;width:14px}.catalog-bottom{display:block;margin-top:26px;font-size:10px}.catalog-bottom .text-link{font-size:10px;margin-top:12px}.catalog-more button{font-size:10px}.brands-section .section-kicker .text-link{font-size:8px;max-width:130px;gap:10px}.brands-section .section-kicker .text-link>.icon{width:14px;height:14px}.brands-directory{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:31px}.brand-item{padding:20px 15px;min-height:254px}.brand-item-logo{margin-bottom:15px}.brand-item-logo img{max-width:132px;max-height:36px}.brand-item-logo img[src*="jc-logo"]{max-height:48px}.brand-item h3{font-size:15px}.brand-item p{font-size:9px}.brand-origin{font-size:6px;margin-bottom:14px}.brand-item .text-link{font-size:8px}.other-brands summary{font-size:10px}#other-brands-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#other-brands-list a{font-size:10px;padding:11px}#other-brands-list small{font-size:8px}.industry-inner{grid-template-columns:1fr;gap:23px;padding-block:56px}.industry-inner h2{font-size:36px;line-height:1.2}.industry-text{padding-top:0}.industry-text>p{font-size:12px}.industry-tags{margin-top:21px;gap:7px}.industry-tags span{font-size:9px}.light-link{margin-top:25px;font-size:10px}.about-layout{grid-template-columns:1fr;gap:35px}.about-layout h2{margin-top:19px}.about-layout>.section-description{font-size:12px}.about-small{font-size:11px}.service-list article{padding-block:25px}.service-list h3{font-size:18px}.service-list p{font-size:11px}.service-number{font-size:9px}.contact-inner{grid-template-columns:1fr;gap:35px;padding-block:55px}.contact-inner h2{font-size:37px;line-height:1.18}.contact-inner>div>p{font-size:11px}.contact-inner .btn{font-size:11px}.contact-details{padding-top:0}.contact-details a{padding-block:21px}.contact-details strong{font-size:20px}.contact-details a>span{font-size:7px}.contact-details small{font-size:9px}.footer-top{flex-wrap:wrap;padding-block:30px;gap:25px}.footer-top>a>img{width:190px}.footer-top nav{margin-left:0;width:100%;gap:25px;font-size:10px}.footer-bottom{font-size:7px;gap:20px;padding-block:20px 73px}.whatsapp-float{bottom:18px;right:16px;padding:11px 15px;font-size:10px;gap:8px}.whatsapp-float>.icon{height:17px;width:17px}.product-modal-layout{grid-template-columns:1fr}.product-modal-image{min-height:250px;padding:26px}.product-modal-image img{height:240px}.product-modal-copy{padding:29px 25px}.product-modal-copy h2{font-size:27px}.product-modal-copy>p{font-size:11px}.product-modal-copy ul{font-size:10px}.quote-dialog{padding:30px 23px 25px}.quote-intro h2{font-size:31px}.quote-intro>p{font-size:10px;max-width:300px}.quote-dialog form{gap:13px;margin-top:23px}.form-row{gap:10px}.quote-dialog label{font-size:9px}.quote-dialog input,.quote-dialog textarea{font-size:11px;padding:11px 9px}.form-actions .btn{font-size:9px;gap:9px;padding:13px 10px}.form-actions .btn .icon{height:15px;width:15px}.form-note{font-size:8px}}
@media(max-width:390px){.container{width:calc(100% - 32px)}.hero h1{font-size:38px;letter-spacing:-1.8px}.hero-actions .btn{font-size:10px;gap:12px;padding:14px 13px}.hero-description{font-size:11px}.hero-bottom>span{font-size:8px}.hero-bottom>a{font-size:7px}.hero,.hero-inner{min-height:660px}.brand-logos img.logo-clark{max-width:108px}.brand-logos img{max-width:92px}.brand-logos{column-gap:18px}.clark-copy h2{font-size:34px}.small-tag{font-size:5.5px}.product-image-button{height:155px}.product-body h3{font-size:15px}.product-body>p:not(.product-brand){font-size:8px}.product-brand{font-size:6px}.product-body{margin-inline:11px}.brand-item-logo img{max-width:112px}.brand-item h3{font-size:13px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.contact-inner h2{font-size:32px}.footer-top nav{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(min-width:761px){.product-body>p:not(.product-brand){font-size:12px;min-height:43px}.product-link{font-size:11px}.brand-item p{font-size:12px}.brand-item .text-link{font-size:11px}.showcase-bottom p{font-size:12px}.clark-more{font-size:11px}.brand-item{min-height:260px}.section-heading>p{font-size:13px}.catalog-search input{font-size:11px}}

/* Novedades y recursos */
.updates-bar{background:#edf5f9;border-bottom:1px solid #d4e5ee;color:var(--navy)}
.updates-inner{min-height:67px;display:flex;align-items:center;gap:28px}
.updates-label{display:flex;align-items:center;gap:10px;flex:0 0 154px;font-size:8px;letter-spacing:1.2px;line-height:1.65;color:#647f90;border-right:1px solid #cbdfe9;padding:10px 18px 10px 0}
.updates-label strong{font-weight:750;color:var(--navy)}
.updates-indicator{height:6px;width:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 4px #00a3df12;flex-shrink:0}
.updates-window{min-width:0;overflow:hidden;flex:1}
.updates-track{list-style:none;padding:0;margin:0;display:flex;width:100%;transition:transform .55s ease}
.update-slide{flex:0 0 100%;min-width:0;display:flex;align-items:center;gap:20px;padding:9px 0}
.update-category{font-size:8px;font-weight:800;letter-spacing:1px;color:#3182ac;min-width:110px;flex-shrink:0}
.update-slide a,.update-slide>button{font-size:12px;font-weight:600;line-height:1.6;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:18px;padding:0;width:100%}
.update-slide .icon{width:14px;height:14px;color:#4184a7;margin-right:10px}
.updates-controls{display:flex;align-items:center;gap:5px}
.updates-controls button{width:32px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background .2s}
.updates-controls button:hover{background:#dcecf4}
.updates-controls .icon{height:14px;width:14px}
.updates-controls .prev-icon{transform:rotate(180deg)}
#updates-count{font-size:9px;letter-spacing:1px;white-space:nowrap;color:#6e8b9d;margin:0 4px}
#updates-pause{margin-left:6px;border-left:1px solid #cbdfe9;border-radius:0;padding-left:9px;width:36px}
/* Portafolio ampliado */
.portfolio-extension{margin-top:53px}
.portfolio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}
.portfolio-heading h3{font-size:25px;font-weight:600;letter-spacing:-.8px;margin-top:13px}
.portfolio-heading>p{max-width:280px;color:var(--muted);font-size:11px;line-height:1.8}
#other-brands-list.other-brands-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
#other-brands-list .portfolio-logo-card{display:flex;flex-direction:column;gap:0;min-height:183px;padding:24px 22px 19px;background:white;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;position:relative;transition:background .2s}
#other-brands-list .portfolio-logo-card:hover{background:#f4f8fb}
.portfolio-logo{height:65px;width:100%;display:flex;align-items:center;justify-content:flex-start;margin-bottom:19px}
.portfolio-logo img{width:auto;max-width:170px;max-height:55px;object-fit:contain}
#other-brands-list .portfolio-logo-card strong{font-size:12px;font-weight:650;color:var(--navy);line-height:1.5;padding-right:19px}
#other-brands-list .portfolio-logo-card small{font-size:10px;line-height:1.6;margin-top:5px;color:#728895}
.portfolio-logo-card>.icon{position:absolute;right:18px;bottom:32px;width:13px;height:13px;color:#82a0b2}
.synerkos-group .brand-item-logo{gap:18px}
.synerkos-group .brand-item-logo img{max-width:132px}
.synerkos-group .brand-item-logo .group-line-logo{max-width:85px;max-height:27px;padding-left:16px;border-left:1px solid #d7e2e9}
@media(max-width:1100px){.updates-inner{gap:20px}.updates-label{flex-basis:132px;font-size:7px}.update-slide{gap:11px}.update-category{min-width:91px;font-size:7px}.update-slide a,.update-slide>button{font-size:11px}.updates-controls{gap:2px}.portfolio-logo img{max-width:140px}.synerkos-group .brand-item-logo{gap:8px}.synerkos-group .brand-item-logo img{max-width:105px}.synerkos-group .brand-item-logo .group-line-logo{max-width:66px;padding-left:9px}}
@media(max-width:950px){#other-brands-list.other-brands-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.updates-label{flex-basis:114px}.update-slide{align-items:flex-start;flex-direction:column;gap:2px}.update-category{min-width:0}.update-slide a,.update-slide>button{font-size:11px}.updates-inner{gap:18px;min-height:72px}.updates-controls button{width:28px}.portfolio-logo img{max-width:160px}}
@media(max-width:760px){.updates-inner{position:relative;min-height:105px;padding-block:13px;gap:12px}.updates-label{flex-basis:20px;border:0;padding:0;align-self:flex-start;margin-top:6px}.updates-label>span:last-child{display:none}.updates-window{align-self:flex-start;padding-right:0}.update-slide{padding:0;gap:5px}.update-category{font-size:7px;letter-spacing:1.2px}.update-slide a,.update-slide>button{font-size:11px;line-height:1.6;min-height:35px;align-items:flex-start}.update-slide .icon{margin-top:2px;margin-right:0;width:13px}.updates-controls{position:absolute;right:-3px;bottom:3px;gap:2px}.updates-controls button{width:31px;height:29px}#updates-pause{width:32px;margin-left:2px}#updates-count{font-size:8px}.updates-controls .icon{width:12px;height:12px}.portfolio-extension{margin-top:37px}.portfolio-heading{display:block;margin-bottom:23px}.portfolio-heading h3{font-size:23px;margin-top:12px}.portfolio-heading>p{font-size:10px;margin-top:13px;max-width:320px}#other-brands-list.other-brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#other-brands-list .portfolio-logo-card{padding:20px 14px 17px;min-height:168px}.portfolio-logo{height:59px;margin-bottom:15px}.portfolio-logo img{max-width:133px;max-height:48px}#other-brands-list .portfolio-logo-card strong{font-size:10px;padding-right:12px}#other-brands-list .portfolio-logo-card small{font-size:9px;max-width:125px}.portfolio-logo-card>.icon{right:11px;bottom:30px;width:11px}.synerkos-group .brand-item-logo{gap:7px}.synerkos-group .brand-item-logo img{max-width:87px}.synerkos-group .brand-item-logo .group-line-logo{max-width:51px;padding-left:7px;max-height:22px}}
@media(max-width:390px){.portfolio-logo img{max-width:119px}.synerkos-group .brand-item-logo img{max-width:77px}.synerkos-group .brand-item-logo .group-line-logo{max-width:47px;padding-left:6px}.update-slide a,.update-slide>button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.updates-track{transition:none}}
#other-brands-list .inverse-logo{background:var(--navy);padding:12px 9px;max-width:183px;height:58px;border-radius:2px;margin-top:3px;margin-bottom:23px}
#other-brands-list .inverse-logo img{width:100%;height:auto;max-width:165px;max-height:45px}
@media(max-width:760px){#other-brands-list .inverse-logo{padding:10px 7px;margin-bottom:19px;max-width:140px;height:55px}#other-brands-list .inverse-logo img{max-width:122px}}
#other-brands-list .trim-logo{overflow:hidden}
#other-brands-list .trim-logo img{width:170px;max-width:100%;max-height:none;height:auto}
#other-brands-list .walworth-logo{position:relative;overflow:hidden;width:110px}
#other-brands-list .walworth-logo img{position:absolute;left:0;top:-23px;width:110px;height:110px;max-width:none;max-height:none}
#other-brands-list .titan-logo{width:110px;height:65px;padding:3px 12px;justify-content:center;background:var(--navy);border-radius:2px}
#other-brands-list .titan-logo img{max-width:100%;max-height:58px;width:auto;height:auto}
/* Synerkos: identidad del grupo y líneas Pekos / ValNac. */
.synerkos-group .brand-item-logo{height:78px;flex-direction:column;align-items:flex-start;justify-content:center;gap:11px;margin-bottom:18px}
.synerkos-group .brand-item-logo>img{width:145px;max-width:145px;max-height:29px;height:auto}
.synerkos-group .group-lines{display:flex;align-items:center;gap:17px;min-width:0}
.synerkos-group .group-lines .group-line-logo{width:auto;max-width:95px;max-height:25px;height:25px;padding:0;border:0}
@media(max-width:950px){.synerkos-group .brand-item-logo{height:77px}.synerkos-group .brand-item-logo>img{max-width:140px}.synerkos-group .group-lines{gap:12px}.synerkos-group .group-lines .group-line-logo{max-width:81px;height:23px;max-height:23px}}
@media(max-width:760px){.synerkos-group .brand-item-logo{height:72px;gap:10px;margin-bottom:16px}.synerkos-group .brand-item-logo>img{width:126px;max-width:100%;max-height:28px}.synerkos-group .group-lines{gap:10px;width:100%}.synerkos-group .group-lines .group-line-logo{width:calc((100% - 10px)/2);max-width:72px;height:21px;max-height:21px}.synerkos-group h3{font-size:14px;line-height:1.35}}