:root{--blue:#1c5496;--blue-dark:#18365b;--slate:#2f3a46;--ink:#20252b;--muted:#5e6975;--line:#dce2e7;--steel:#eef2f5;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family:"Inter",Arial,"Helvetica Neue",sans-serif;color:var(--ink);background:#fff;line-height:1.6;font-size:16px;overflow-x:hidden}img{max-width:100%;height:auto}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:1rem;top:1rem;z-index:1000;background:#fff;padding:.75rem;border:2px solid var(--blue)}
.topbar{position:fixed;top:0;left:0;right:0;z-index:101;background:#252b31;color:#fff;font-size:.92rem}.topbar .wrap{max-width:var(--max);margin:auto;padding:.45rem 1rem;display:flex;gap:.35rem 1rem;justify-content:flex-end;flex-wrap:wrap;overflow-wrap:anywhere}.topbar a{color:#fff}
header{position:fixed;top:36px;left:0;right:0;z-index:100;background:linear-gradient(180deg,rgba(250,251,251,.98),rgba(232,235,237,.98) 48%,rgba(247,248,248,.98)),repeating-linear-gradient(90deg,rgba(255,255,255,.38) 0 1px,rgba(211,216,219,.18) 1px 3px);border-bottom:0;box-shadow:none;backdrop-filter:saturate(160%) blur(10px)}body{padding-top:136px}.nav{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 44px;align-items:center;gap:.65rem;padding:.7rem 1rem}.brand{min-width:0}.brand img{width:220px;display:block}.nav>.btn{grid-column:1/-1;width:100%;max-width:none;padding:.62rem .7rem;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere;font-size:.95rem}.menu-toggle{display:inline-flex;border:1px solid var(--line);background:#fff;width:44px;height:44px;align-items:center;justify-content:center;border-radius:6px;position:relative}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";width:20px;height:2px;background:var(--ink);display:block;position:absolute}.menu-toggle:before{transform:translateY(-7px)}.menu-toggle:after{transform:translateY(7px)}
nav ul{list-style:none;margin:0;padding:0;display:none;position:absolute;left:0;right:0;top:100%;background:linear-gradient(180deg,#f7f8f8,#e9ecee 55%,#f5f6f6);border-bottom:1px solid var(--line)}nav[data-open=true] ul{display:block}nav li{border-top:1px solid var(--line)}nav a{display:block;padding:1rem;color:var(--ink);font-weight:700;font-size:1.0625rem}nav a:hover,nav a[aria-current=page]{color:var(--blue);text-decoration:none}
nav a.nav-contact{background:var(--blue);color:#fff;border-radius:6px;text-align:center}nav a.nav-contact:hover,nav a.nav-contact[aria-current=page]{background:var(--blue-dark);color:#fff;text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.78rem 1.05rem;border-radius:6px;border:1px solid var(--blue);font-weight:800;text-decoration:none}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#fff;color:var(--blue)}.btn.dark{background:#252b31;border-color:#252b31;color:#fff}
main{overflow:hidden}.hero{background:linear-gradient(90deg,rgba(24,54,91,.9),rgba(47,58,70,.58)),url('../images/hero-industrial.jpg') center/cover no-repeat;color:#fff}.hero .wrap{max-width:var(--max);margin:auto;min-height:560px;padding:5rem 1rem 4rem;display:grid;align-items:center}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--blue);font-size:.82rem}.hero .eyebrow{color:#cfe3ff}.hero h1,.page-hero h1{font-size:clamp(2.15rem,4vw,4.8rem);line-height:1.04;margin:.4rem 0 1rem;letter-spacing:0;max-width:850px}.hero p{font-size:1.14rem;max-width:680px}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.4rem}
.section{padding:3.5rem 1rem}.wrap{max-width:var(--max);margin:auto}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.5rem;flex-wrap:wrap}.section h2{font-size:clamp(1.7rem,2.5vw,2.65rem);line-height:1.12;margin:.2rem 0}.lead{font-size:1.08rem;color:var(--muted);max-width:780px}.grid{display:grid;gap:1rem}.cards{grid-template-columns:1fr}.card{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.card .pad{padding:1.1rem}.card h3{margin:.1rem 0 .45rem;font-size:1.2rem}.card p{margin:.25rem 0;color:var(--muted)}.product-image-link{display:block}.product-image-link:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.product-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}
.band{background:var(--steel)}.split{display:grid;gap:2rem;align-items:center}.feature-img{border-radius:8px;border:1px solid var(--line);box-shadow:0 18px 50px rgba(32,37,43,.12)}.checklist{padding:0;margin:1rem 0;list-style:none}.checklist li{padding:.45rem 0 .45rem 1.8rem;position:relative}.checklist li:before{content:"";position:absolute;left:.1rem;top:.85rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--blue)}
.page-hero{background:var(--steel);border-bottom:1px solid var(--line)}.page-hero .wrap{padding:3.2rem 1rem}.breadcrumbs{font-size:.9rem;color:var(--muted)}.breadcrumbs a{color:var(--muted)}
.form{display:grid;gap:1rem}.notice-region{max-width:var(--max);margin:1rem auto 0;padding:0 4.8rem 0 1rem}.notice{border:1px solid var(--line);border-left-width:5px;border-radius:6px;padding:.85rem 1rem;font-weight:700;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;overflow-wrap:anywhere}.notice.success{background:#eef8f1;border-color:#b9dfc4;border-left-color:#1f9d55;color:#1e5b34}.notice.error{background:#fff1f1;border-color:#f0b9b9;border-left-color:#b3261e;color:#7a1d18}.notice-close{flex:0 0 auto;width:32px;height:32px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:1.25rem;line-height:1;cursor:pointer}.field label{font-weight:800;display:block;margin-bottom:.35rem}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd4db;border-radius:6px;padding:.85rem;font:inherit;background:#fff}.field textarea{min-height:150px;resize:vertical}.honeypot{position:absolute;left:-5000px}.map-panel{margin-top:1rem;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--steel)}.map-panel iframe{display:block;width:100%;height:320px;border:0}
.cta{background:#252b31;color:#fff}.cta .wrap{display:grid;gap:1rem;align-items:center}.cta p{color:#d9e0e5;margin:.25rem 0}.footer{background:#161a1f;color:#d8dde2;padding:2.5rem 1rem}.footer .grid{gap:1.5rem}.footer a{color:#fff}.footer img{width:190px;background:#fff;border-radius:6px}.small{font-size:.92rem;color:#aeb8c2}.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}.whatsapp,.facebook{position:fixed;right:max(1rem,calc((100vw - var(--max))/2 + 1rem));z-index:40;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;color:#fff;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.whatsapp svg,.facebook svg{width:27px;height:27px;fill:currentColor}.facebook{top:150px;background:#1877f2}.whatsapp{top:214px;background:#1f9d55}.whatsapp:hover,.facebook:hover{text-decoration:none}
@media (min-width:768px){body{padding-top:160px}header{top:36px}.facebook{top:178px}.whatsapp{top:242px}.menu-toggle{display:none}nav ul{display:flex;position:static;border:0;background:transparent;gap:.55rem}nav li{border:0}nav a{padding:.65rem 2.2rem;font-size:1rem}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1.05fr .95fr}.cta .wrap{grid-template-columns:1fr auto}.footer .grid{grid-template-columns:1.2fr .8fr .8fr}.brand img{width:300px}.nav{display:flex;gap:.75rem;flex-wrap:nowrap;justify-content:space-between}.nav>.btn{width:auto;max-width:none;padding:.78rem 1.05rem;font-size:1rem}}
@media (min-width:1024px){body{padding-top:160px}.facebook{top:188px}.whatsapp{top:252px}.cards{grid-template-columns:repeat(4,1fr)}nav a{padding:.75rem 2.65rem;font-size:1rem}.hero .wrap{min-height:620px}.two{grid-template-columns:1fr 1fr}.brand img{width:324px}}
@media (min-width:1440px){:root{--max:1260px}.section{padding:4.5rem 1rem}}