/* Electromarket / Industrial editorial / UI UX Pro Max */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
.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}
:root{--char:#102536;--char-d:#081822;--char-2:#1a3d53;--steel:#246889;--steel-l:#90c8e9;--steel-p:#e7f0f4;--amp:#ffc254;--amp-l:#ffd58a;--amp-d:#795012;--conc:#f2f4f3;--ink:#102536;--ink-2:#3b505c;--mute:#526571;--max:1440px;--line:#cdd9dd}
body{font-family:Manrope,Arial,sans-serif;font-size:16px}h1,h2,h3,h4{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;font-weight:700}h2{font-size:clamp(42px,5vw,68px)!important;line-height:1}p{line-height:1.75}section{position:relative;isolation:isolate;padding:96px 0;scroll-margin-top:20px}.wrap{padding-inline:clamp(22px,5vw,76px)}.tag,.mono{font-size:10px;letter-spacing:.17em}.tag:before{width:7px;height:7px;clip-path:none}.btn{font-family:Manrope,sans-serif;font-size:12px;letter-spacing:.07em;min-height:54px;border-radius:3px;padding:0 24px}.btn svg{width:19px;height:19px}.btn:hover{box-shadow:0 5px 20px #0002}.b-amp{color:#132331}.head{grid-template-columns:1.1fr 1fr;gap:80px}.head p{font-size:15px;max-width:54ch}.head h2{margin-top:17px}.head>p{padding-bottom:4px}.skip-link{position:fixed;top:-70px;left:20px;background:var(--amp);padding:12px;z-index:500;color:var(--ink)}.skip-link:focus{top:12px}
.util{background:#06131c;border-bottom:1px solid #ffffff14}.util .in{min-height:33px;font-size:9px;letter-spacing:.09em;color:#b6c9d6}.util .sp{color:#95adbc}header{background:#0b202fef;border-bottom:1px solid #ffffff22;backdrop-filter:blur(16px)}.hd{min-height:88px;gap:28px}.hd .mk{width:270px;height:62px;display:flex;align-items:center}.mk img{display:block;width:100%;height:100%;object-fit:contain}.hd nav{gap:23px}.hd nav a{font-family:Manrope,sans-serif;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0;min-height:44px;display:flex;align-items:center}.hd nav a:hover{color:var(--amp)}.lstbtn{background:transparent;border:1px solid #ffffff40;color:#fff;font-family:Manrope,sans-serif;font-size:11px;border-radius:3px;padding:0 14px;gap:9px}.lstbtn:hover{color:var(--ink)}.lstbtn .ct{background:var(--amp);color:var(--ink);border-radius:50%;font-size:10px}.menu-toggle{display:none;color:#fff;background:transparent;border:1px solid #ffffff40;width:44px;height:44px;border-radius:3px;cursor:pointer}.menu-toggle svg{width:22px;height:22px}.reading-progress{height:2px;background:var(--amp);position:absolute;bottom:-1px;left:0;width:100%;transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero{padding:0;background:#0b2334;color:#fff;min-height:700px;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 57%;z-index:-3}.hero::before{z-index:-2;background:linear-gradient(90deg,rgba(5,20,30,.95) 0%,rgba(6,24,38,.76) 42%,rgba(5,22,32,.12) 100%),linear-gradient(0deg,#071b2aed,transparent 55%);mask-image:none}.hero::after{position:absolute;content:'';width:48%;height:100%;right:0;top:0;border-left:1px solid #ffffff12;transform:skew(-17deg);z-index:-1;background:linear-gradient(90deg,#69b9e708,transparent)}.hero-body{padding-top:72px;padding-bottom:56px;position:relative;min-height:610px}.hero .tag{color:#dae8f1;font-size:10px;letter-spacing:.19em}.hero h1{font-size:clamp(68px,7.2vw,106px);max-width:780px;margin:25px 0 22px;line-height:.94;font-weight:700;letter-spacing:-.016em}.hero h1 em{font-style:normal;color:var(--amp)}.hero .ld{color:#ccdae4;max-width:47ch;font-size:15px;line-height:1.85}.hero .acts{margin-top:29px;gap:13px}.hero .b-out-d{border:1px solid #ffffff55}.hero-meta{margin-top:37px;display:flex;align-items:center;gap:13px;color:#d3dfe7;font-size:11px}.hero-meta span:first-child{display:flex;gap:5px;color:var(--amp)}.hero-coordinate{position:absolute;right:clamp(22px,5vw,76px);top:80px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.22em;color:#c6deef}.hero-seal{position:absolute;right:clamp(22px,5vw,76px);bottom:58px;width:200px;padding:20px 0 0;border-top:2px solid var(--amp)}.hero-seal strong{font-family:'Barlow Condensed',sans-serif;font-size:42px;display:block;font-weight:600;line-height:1}.hero-seal p{font-size:11px;color:#cfdae3;margin-top:8px;line-height:1.6}.hero-bottom{position:relative;background:#0a1b28bd;border-top:1px solid #ffffff26}.hero-bottom .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.hero-bottom a{display:flex;align-items:center;gap:18px;padding:23px 24px;border-right:1px solid #ffffff26;color:#fff}.hero-bottom a:first-child{padding-left:0}.hero-bottom a:last-child{border-right:0}.hero-bottom a:hover{background:#ffffff0a;color:var(--amp)}.hero-bottom small{font-family:'JetBrains Mono',monospace;color:#7fc3eb;font-size:11px}.hero-bottom strong{font-size:12px;font-weight:600}.hero-bottom span{margin-left:auto;color:var(--amp);font-size:20px}.tick{background:var(--amp);border:0;color:#102536}.tk{animation-duration:55s;padding:12px 0}.tk span{font-size:10px;font-weight:700;letter-spacing:.1em}.tk span:after{background:#102536;transform:rotate(45deg)}.tick:hover .tk{animation-play-state:paused}
#catalogo{background:linear-gradient(#f7f9f7f5,#f7f9f7f5),url('lighting.webp') center/cover}.section-number{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mute)}.catalog-tools{display:flex;align-items:center;justify-content:space-between;margin-top:32px;border-top:1px solid var(--line);padding-top:22px;gap:20px}.catalog-tools p{font-size:12px;color:var(--mute)}.catalog-search{display:flex;gap:12px;align-items:center;max-width:350px;flex:1;border-bottom:1px solid #768a96;padding-bottom:7px}.catalog-search svg{width:19px;height:19px;flex:none}.catalog-search input{font:inherit;font-size:13px;padding:8px 0;width:100%;border:0;background:transparent;color:var(--ink);min-height:40px}.cat{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:26px}.cc{padding:0;border:1px solid #cfdbdf!important;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px #09203104;transition:border-color .2s,box-shadow .2s}.cc:hover{border-color:#6da2bf!important;box-shadow:0 10px 25px #09203112}.cc-photo{height:155px;position:relative;background:var(--char);overflow:hidden}.cc-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s;filter:saturate(.7)}.cc:hover .cc-photo img{transform:scale(1.055)}.cc-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#092031aa,transparent 65%)}.cc-photo span{position:absolute;bottom:13px;left:18px;z-index:1;font-size:10px;letter-spacing:.1em;font-family:'JetBrains Mono',monospace;color:#fff}.cc-copy{padding:20px 18px;display:flex;flex-direction:column;flex:1}.cc h3{font-size:26px;line-height:1.02;min-height:52px}.cc p.dz{font-size:12px;color:var(--mute);margin-top:8px;line-height:1.65;min-height:40px}.cc ul{padding-top:14px;margin-top:15px;gap:12px}.cc .nm{font-size:11px;line-height:1.6}.cc .add{font-family:Manrope,sans-serif;font-size:10px;min-width:44px;border-radius:2px;padding:0 8px}.catalog-foot{margin-top:24px;display:flex;justify-content:space-between;gap:18px;font-size:12px;color:var(--mute)}.catalog-foot a{font-weight:800;color:#1b5a7d;min-height:44px;display:flex;align-items:center}.no-results{padding:25px;border:1px solid var(--line);grid-column:1/-1}
.finder-section{background:linear-gradient(90deg,#082231f2,#082231ca),url('panel.webp') center/cover;color:#fff}.finder-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.finder-story .tag{color:var(--amp)}.finder-story h2{margin:19px 0 25px}.finder-story>p:not(.tag){max-width:42ch;color:#c0d2de;font-size:15px}.finder-image{margin:30px 0 0;position:relative;height:250px;overflow:hidden;border-radius:3px}.finder-image img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.finder-image figcaption{position:absolute;bottom:0;inset-inline:0;padding:26px 20px 15px;background:linear-gradient(transparent,#081822);font-size:11px;color:#fff}.find{border:1px solid #7193a255;border-top:3px solid var(--amp);border-radius:4px;background:#0b2436ed;box-shadow:0 16px 50px #0003}.find .fh{padding-top:25px}.find .fh h2{font-family:Manrope,sans-serif;font-size:20px!important;text-transform:none;letter-spacing:-.04em}.find .fh p{font-size:12px}.opt button{border-radius:3px;font-size:12px}.fout .nm{font-size:12px}.fout h3{font-size:26px}.fout .nt{font-size:11px}.fout .add{font-family:Manrope,sans-serif;font-size:10px;border-radius:2px}.find .stp legend{font-size:9px}.find .sk{font-size:9px}
#lista{background:linear-gradient(90deg,#eaf0f2f5,#eaf0f2ed),url('warehouse.webp') center/cover}.list{border:0;border-left:4px solid var(--amp);border-radius:4px;margin-top:32px;background:#102b3f}.list h3{font-size:30px}.list .empty{margin-top:20px;padding:25px 0 10px;font-size:13px}.list .empty b{font-family:Manrope,sans-serif;font-size:15px;text-transform:none}.list .nm{font-size:13px}.lfoot .tot{font-size:9px}.list .lh p{font-size:9px}
#servicios{background:linear-gradient(#fcfdfcf2,#fcfdfcf5),url('engineer.webp') center/cover}.svc{gap:22px;border:0}.svc article,.svc article:last-child{margin:0;padding:0 0 25px;border:0;background:#fff;box-shadow:0 6px 20px #173a4910;border-radius:4px;overflow:hidden}.svc article:before{display:none}.service-photo{height:240px;position:relative;overflow:hidden}.service-photo img{width:100%;height:100%;object-fit:cover}.service-photo span{position:absolute;bottom:0;right:0;background:var(--amp);color:var(--ink);font-family:'Barlow Condensed',sans-serif;font-size:30px;padding:8px 19px}.svc article>.mono{display:none}.svc h3{font-size:34px;margin:24px 24px 10px}.svc article>p:not(.mono){font-size:13px;margin:0 24px;color:var(--mute)}.svc ul{margin:20px 24px 0;font-size:12px}.svc li{line-height:1.6}.svc li:before{background:var(--amp-d)}
.visual-break{padding:85px 0;background:linear-gradient(90deg,#071b2be8,#0b283585),url('warehouse.webp') center/cover;color:white}.visual-break .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.visual-break h2{font-size:clamp(45px,5vw,76px)!important;max-width:750px}.visual-break em{color:var(--amp);font-style:normal}.visual-break .tag{color:var(--amp);margin-bottom:22px}.visual-break .btn{flex-shrink:0}
#porque{background:linear-gradient(90deg,#f1f5f3f7,#f1f5f3ed),url('electrician.webp') center/cover}.gl h3{font-size:25px}.gl p{font-size:13px}.gl>div{padding:22px 0}.gl>div>span{color:#216787}.side{padding:0;background:#fff;border:0;border-radius:4px;overflow:hidden;position:static;box-shadow:0 6px 25px #173a4912}.side-image{height:270px;width:100%;object-fit:cover;object-position:center 35%;display:block}.side-content{padding:28px}.side h3{font-size:31px}.side p.d,.side dd{font-size:13px}.chip{font-size:11px;background:#eff4f5;border:0}.side dt{font-size:9px}
#faq{background:linear-gradient(#fffffff2,#fffffff2),url('lighting.webp') center/cover}.faq-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px}.faq-image{display:block;margin-top:28px;width:100%;height:200px;object-fit:cover;border-radius:3px}.faq-layout .head{display:block}.faq-layout .head>p:last-of-type{margin-top:20px;font-size:14px}summary{font-family:Manrope,sans-serif;text-transform:none;font-size:14px;letter-spacing:0;padding-block:23px;line-height:1.7}details p{font-size:13px;line-height:1.9}details[open]{background:#edf3f5;box-shadow:inset 3px 0 var(--amp)}
#contacto{background:linear-gradient(90deg,#091e2aed,#0a2334e8),url('engineer.webp') center/cover}.cnt h2{max-width:550px}.cnt .ld{font-size:14px}.st3 div{font-size:13px}.st3 b{color:var(--amp)}form{border-top:3px solid var(--amp);border-radius:4px;background:#f9fbfa}.fd label{font-family:Manrope,sans-serif;font-size:10px;text-transform:none;letter-spacing:0;font-weight:800}input[type=text],input[type=email],input[type=tel],select,textarea{border-radius:3px;font-size:14px;min-height:48px}.fd small,.pv{font-size:11px}.lsum{font-size:12px}.lsum b{font-family:Manrope,sans-serif;font-size:11px;text-transform:none;letter-spacing:0}.contact-visual{display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff22;margin-top:34px;padding-top:25px;color:#b9cddc;font-size:12px}.contact-visual img{width:64px;height:64px}.ok{font-size:12px}
.location{padding:0;background:#e4edf0}.location-layout{display:grid;grid-template-columns:.8fr 1.2fr}.location-copy{padding:65px clamp(22px,5vw,76px);background:linear-gradient(#edf3f3ed,#edf3f3ed),url('warehouse.webp') center/cover}.location-copy h2{font-size:46px!important;margin:16px 0}.location-copy p:not(.tag){font-size:13px;color:var(--mute);max-width:38ch}.location-copy a{margin-top:22px}.map-frame{position:relative;min-height:360px;background:#d9e4e8}.map-frame iframe{border:0;width:100%;height:100%;min-height:360px;display:block}.map-note{position:absolute;bottom:18px;left:18px;right:18px;background:#102536ed;color:white;padding:10px 15px;font-size:11px;border-radius:3px;pointer-events:none}.location-address{margin-top:16px;font-weight:700}
footer{background:#071923;border:0;padding-top:55px}footer .ft{grid-template-columns:1.4fr 1fr 1fr;gap:65px}.ft .mk{width:310px;max-width:100%;height:auto;margin-bottom:20px}.ft>div>p{font-size:12px;max-width:43ch}footer h4{font-family:Manrope,sans-serif;font-size:10px;color:var(--amp)}footer li{font-size:12px}footer a{color:#b5cbd8}.fb{font-size:8px;letter-spacing:.08em}.footer-wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,12vw,178px);font-weight:600;letter-spacing:.025em;line-height:1.1;color:#163140;overflow:hidden;border-bottom:1px solid #ffffff18;padding-top:50px;margin-bottom:25px;text-align:center}.back-top{position:fixed;bottom:24px;right:24px;z-index:80;width:44px;height:44px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;background:#15384c;color:white;box-shadow:0 5px 20px #0003;opacity:0;visibility:hidden;transition:opacity .2s}.back-top.visible{opacity:1;visibility:visible}.back-top:hover{background:var(--amp);color:#102536}
.rv{opacity:1;transform:none}.motion-ready .rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.motion-ready .rv.in{opacity:1;transform:none}.loader{position:fixed;inset:0;background:#081b28;z-index:1000;display:grid;place-items:center;pointer-events:none;animation:loader-exit .45s 1.8s forwards}.loader-inner{width:min(620px,84vw);text-align:center}.loader img{width:100%;height:auto;filter:drop-shadow(0 0 35px #72c1ff20);animation:logo-enter .6s ease both}.loader-label{color:#9db8cb;font-size:10px;letter-spacing:.26em;text-transform:uppercase;margin-top:28px}.loader-track{width:160px;height:2px;background:#365064;margin:26px auto 0;overflow:hidden}.loader-track:after{content:'';display:block;height:100%;background:var(--amp);transform-origin:left;animation:charge 1.6s ease-in-out both}.loader.done{animation:loader-exit .35s forwards}@keyframes charge{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes logo-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes loader-exit{to{opacity:0;visibility:hidden}}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:760px}.hero-body{min-height:670px;padding-top:85px}}
@media(max-width:1180px){.hd .mk{width:220px}.hd{gap:18px}.hd nav{gap:16px}.hd nav a{font-size:10px}.cat{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-photo{height:210px}.cc h3{min-height:0}.cc p.dz{min-height:0}.finder-layout{gap:40px}.hero-seal{width:150px}.head{gap:40px}.svc{gap:16px}.service-photo{height:190px}}
@media(max-width:1040px){.head,.two,.cg{grid-template-columns:1fr 1fr}.svc{grid-template-columns:repeat(3,minmax(0,1fr))}.hd nav a:nth-child(n){display:flex}.hd nav{display:none;position:absolute;top:100%;inset-inline:0;background:#0b202f;padding:18px 28px;border-bottom:1px solid #ffffff30;flex-wrap:wrap;gap:10px 28px}.hd nav.open{display:flex}.hd nav a{font-size:14px;flex:1 0 25%}.hd .mk{width:260px;margin-right:auto}.menu-toggle{display:grid;place-items:center}.hero h1{font-size:90px}.hero-seal{display:none}.hero .ld{max-width:44ch}.svc article,.svc article:last-child{padding-bottom:25px}.svc h3{margin-inline:20px}.svc article>p:not(.mono),.svc ul{margin-inline:20px}.faq-layout{gap:40px}.head p{margin-top:0}}
@media(max-width:760px){section{padding:65px 0}.util .sp{display:none}.util .in{justify-content:space-between;font-size:8px;gap:8px;letter-spacing:0}.hd{min-height:76px;gap:10px}.hd .mk{width:220px;height:48px}.lstbtn{padding:0 10px;gap:7px;font-size:10px;min-height:44px}.menu-toggle{flex-shrink:0}.hero{min-height:0}.hero-body{padding-top:52px;padding-bottom:38px;min-height:590px}.hero h1{font-size:clamp(61px,12.5vw,86px);max-width:600px;margin-top:25px}.hero-image{object-position:64% center}.hero::before{background:linear-gradient(90deg,#061b2ae8,#061b2a90),linear-gradient(0deg,#061b2a,transparent 70%)}.hero .ld{max-width:40ch;font-size:14px}.hero-coordinate{display:none}.hero .tag{font-size:8px;letter-spacing:.12em}.hero .acts{gap:10px}.hero .btn{font-size:10px;min-height:50px;padding:0 17px}.hero-meta{font-size:10px;margin-top:26px}.hero-bottom .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-bottom a{gap:8px;padding:17px 12px;align-items:flex-start}.hero-bottom strong{font-size:10px;line-height:1.5}.hero-bottom small{font-size:9px;padding-top:2px}.hero-bottom span{display:none}.head,.two,.cg,.finder-layout,.faq-layout{grid-template-columns:1fr;gap:25px}h2{font-size:48px!important}.head p{font-size:14px}.catalog-tools{align-items:stretch;flex-direction:column;gap:7px}.catalog-search{max-width:none}.cat{gap:14px}.cc-photo{height:160px}.cc-copy{padding:18px 14px}.cc h3{font-size:25px}.cc .nm{font-size:11px}.cc p.dz{font-size:12px}.cc li{gap:7px}.catalog-foot{flex-direction:column;gap:5px}.finder-image{height:210px;margin-top:20px}.finder-layout{gap:35px}.find .opt{grid-template-columns:1fr 1fr}.find .fh{padding-inline:20px}.find .stp{padding-inline:20px}.fout{padding-inline:20px}.svc{grid-template-columns:1fr;gap:25px;margin-top:30px}.service-photo{height:260px}.svc article>p:not(.mono),.svc ul{font-size:14px}.svc h3{font-size:36px}.visual-break .wrap{align-items:flex-start;flex-direction:column}.visual-break h2{font-size:54px!important}.side-image{height:260px}.faq-image{height:180px}.cg{gap:38px}.f2{grid-template-columns:1fr 1fr;gap:12px}.location-layout{grid-template-columns:1fr}.location-copy{padding-block:45px}.map-frame,.map-frame iframe{min-height:320px}footer .ft{grid-template-columns:1fr 1fr;gap:35px}.ft>div:first-child{grid-column:1/-1}.ft .mk{width:300px}.ft>div>p{max-width:60ch}.fb{line-height:1.8}.footer-wordmark{padding-top:30px}.back-top{bottom:16px;right:16px}.loader-label{font-size:8px}.list{padding:23px}.lfoot{gap:20px}.lfoot .btn{width:100%}}
@media(max-width:480px){.hd .mk{width:180px}.lstbtn{font-size:0;gap:0;padding:0 10px}.lstbtn .ct{font-size:11px}.hd{gap:9px}.cat{grid-template-columns:1fr}.cc-photo{height:200px}.cc-copy{padding:22px}.cc h3{font-size:30px}.cc .nm{font-size:13px}.cc p.dz{font-size:13px}.cc .add{font-size:10px}.hero-body{min-height:585px}.hero h1{font-size:66px}.hero-meta{font-size:9px;gap:8px}.hero-bottom strong{font-size:9px}.hero-bottom a{padding-inline:8px}.hero-bottom small{display:none}.find .opt{grid-template-columns:1fr}.f2{grid-template-columns:1fr}form{padding:23px}.hero .acts{flex-wrap:wrap}.hero .acts .btn{font-size:10px}.hero .ld{font-size:13px}.catalog-tools{margin-top:24px}.footer-wordmark{font-size:12vw}summary{font-size:13px}.fout .rh p{font-size:8px}.fd input,.fd select,.fd textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .rv{opacity:1;transform:none}.loader{display:none}.cc:hover .cc-photo img{transform:none}}