@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101717;--surface:#192222;--border:#344040;--ink:#f4f4ea;--muted:#aab5ad;--lime:#c5d837;--red:#f3a28f;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--font)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.topline{padding:9px 5%;display:flex;justify-content:space-between;background:var(--lime);color:#1b2520;font-size:10px;font-weight:700;letter-spacing:1.4px}.header{min-height:102px;padding:20px 5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--border);background:var(--bg)}.brand{display:flex;align-items:center;gap:14px;margin-right:auto;font:800 21px/1.2 'Manrope',Arial,sans-serif;letter-spacing:.4px}.brand img{width:67px;height:57px;object-fit:contain;background:white;border-radius:4px;padding:5px}.brand small{display:block;font:9px var(--font);letter-spacing:1.8px;color:var(--muted);margin-top:7px}.header nav{display:flex;gap:30px;font-size:13px}.header nav a:hover{color:var(--lime)}.contact{padding:13px 16px;border:1px solid #738075;border-radius:4px;font-size:12px;display:flex;gap:20px}.contact:hover{border-color:var(--lime)}.hero{position:relative;min-height:595px;padding:80px 6% 75px;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 54%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a1010f5 0%,#0d1716ca 43%,#0a101033 100%),linear-gradient(0deg,#101717b0,transparent 45%);z-index:-1}.hero-content{max-width:670px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:var(--lime);margin-bottom:22px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin:0 7px 1px 0}h1,h2,h3,p{margin:0}h1{font:600 clamp(42px,5.1vw,78px)/1.04 'Manrope',Arial,sans-serif;letter-spacing:-3.5px}h1 em{font-style:normal;color:var(--lime)}.hero p{color:#c4cbc3;max-width:425px;margin:25px 0 29px;font-size:14px;line-height:1.9}.primary{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:var(--lime);color:#141c15;border:0;border-radius:3px;padding:15px 23px;font-weight:700;font-size:13px}.primary:hover{background:#d6e758}.hero-foot{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#bdc7bd}.hero-foot span:last-child{font-size:11px;letter-spacing:.3px}.catalogue{padding:74px 5% 58px;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.section-head .eyebrow{margin-bottom:12px;color:var(--muted);font-size:9px}h2{font:600 clamp(28px,3vw,42px)/1.2 'Manrope',Arial,sans-serif;letter-spacing:-1.4px}h2 span{color:var(--lime)}.section-head>p{font-size:12px;color:var(--muted);text-align:right}.filter-bar{display:flex;gap:12px}.search{flex:1;display:flex;align-items:center;border:1px solid var(--border);border-radius:4px;background:#1b2524;min-width:0}.search>span{font-size:28px;padding:0 12px 4px 18px;color:var(--muted)}.search input{width:100%;background:none;border:0;color:var(--ink);padding:14px 8px;outline:0;min-width:0}.search:focus-within{border-color:var(--lime)}.search input::placeholder{color:#a2afa4;font-size:12px}.search button{background:none;border:0;color:var(--ink);font-size:24px;padding:0 16px}.select select{color:var(--ink);background:#1b2524;border:1px solid var(--border);padding:14px 32px 14px 14px;border-radius:4px;max-width:240px;font-size:12px}.catalogue-tools{display:flex;align-items:center;gap:18px;padding:20px 0 12px;font-size:11px;color:var(--muted)}.check{display:flex;gap:8px;align-items:center}.check input{accent-color:var(--lime);width:15px;height:15px}.catalogue-tools #result-count{margin-left:auto}.text-button{background:none;border:0;color:var(--lime);font-size:11px;padding:5px}.connection{color:var(--muted);font-size:10px;margin:0 0 23px;min-height:18px}.connection.warning{color:#f2b497}.connection.live:before{content:'●';color:var(--lime);margin-right:7px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product{border:1px solid #34403b;border-radius:5px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;transition:transform .18s,border-color .18s}.product:hover{transform:translateY(-3px);border-color:#819b73}.product-picture{display:flex;align-items:center;justify-content:center;width:100%;height:215px;border:0;padding:18px;background:#e8ebe3;position:relative;overflow:hidden}.product-picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product:hover .product-picture img{transform:scale(1.05)}.photo-placeholder{color:#90998d;font:600 12px var(--font);display:flex;align-items:center;flex-direction:column;gap:8px}.photo-placeholder svg{width:48px;height:48px;opacity:.6}.product-info{padding:18px;display:flex;flex-direction:column;flex:1}.product-category{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product h3{font:600 14px/1.5 'Manrope',Arial,sans-serif;margin-bottom:12px;min-height:42px}.product-code{font-size:10px;color:var(--muted);margin-bottom:14px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid #34403b}.price{font:700 21px 'Manrope',Arial,sans-serif;color:var(--ink)}.availability{font-size:9px;display:flex;gap:5px;align-items:center;color:var(--lime)}.availability:before{content:'●';font-size:7px}.availability.out{color:var(--red)}.availability.unknown{color:#d9bb86}.details-button{width:100%;margin-top:18px;background:transparent;border:1px solid #566950;border-radius:3px;color:var(--lime);padding:10px;font-size:11px}.details-button:hover{background:#243323}.empty{padding:70px 20px;text-align:center;border:1px dashed var(--border);border-radius:8px}.empty p{margin:12px 0 23px;color:var(--muted)}[hidden]{display:none!important}.load-more{text-align:center;margin-top:30px}.secondary{border:1px solid var(--border);color:var(--ink);padding:12px 32px;background:transparent;border-radius:4px;font-size:12px}.secondary:hover{border-color:var(--lime)}.catalogue-note{color:#8f9d92;font-size:10px;margin-top:24px;line-height:1.8}.visit{border-block:1px solid var(--border);padding:62px 7%;display:flex;justify-content:space-between;gap:40px;background:#17211e}.visit h2{font-size:42px}.visit p{margin-top:20px;color:#b4c0b5;font-size:13px;line-height:1.9}.visit .eyebrow{font-size:9px}.visit-info{display:flex;gap:65px;align-items:center}.visit-info>div>span{font-size:9px;letter-spacing:2px;color:var(--lime)}.visit-info p{margin:14px 0;font-size:13px}.visit-info a{font-size:11px;color:var(--lime);border-bottom:1px solid #768450;padding-bottom:4px}.visit-info .phone{font-size:22px;color:var(--ink);border:0}footer{display:flex;align-items:center;justify-content:space-between;padding:26px 5%;font-size:10px;color:var(--muted)}footer>a:first-child{font-weight:700;color:var(--ink);font-size:13px}footer>a:first-child span{font-size:8px;font-weight:400;color:var(--muted);padding-left:12px}dialog{position:fixed;border:1px solid var(--border);background:#192321;color:var(--ink);border-radius:10px;max-width:830px;width:92%;padding:35px;max-height:90vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close-dialog{position:absolute;right:12px;top:7px;background:none;border:0;color:var(--ink);font-size:28px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail-layout .product-picture{height:320px;border-radius:5px}.detail-layout h2{font-size:25px;line-height:1.5;letter-spacing:-.5px}.detail-layout .price{display:block;margin:20px 0 12px;font-size:30px}.detail-layout .primary{margin-top:24px;width:100%}.detail-layout .product-category{white-space:normal;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.dialog-open{overflow:hidden}@media(min-width:1550px){.hero-content{margin-left:max(0px,calc((100vw - 1450px)/2))}.hero{min-height:650px}}@media(max-width:1100px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}.header{gap:20px}.header nav{gap:18px}.contact{font-size:11px;gap:12px}.brand{font-size:18px}.brand img{width:55px;height:50px}.visit-info{gap:30px}}@media(max-width:760px){html{scroll-padding-top:10px}.topline{padding:8px 5%;font-size:8px;letter-spacing:.7px}.topline a{font-size:8px}.header{min-height:78px;padding:15px 5%}.brand{font-size:16px;gap:9px}.brand img{width:46px;height:42px}.brand small{font-size:7px;letter-spacing:1px}.header nav{display:none}.contact{padding:9px;font-size:10px;max-width:110px}.hero{padding:58px 6% 76px;min-height:500px}.hero:after{background:linear-gradient(90deg,#0c1414e8,#0d171680),linear-gradient(0deg,#101717b0,transparent)}h1{font-size:49px;letter-spacing:-2px}.hero p{font-size:13px;max-width:360px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-foot span:last-child{display:none}.catalogue{padding-top:45px}.section-head{align-items:flex-start;margin-bottom:25px}.section-head>p{display:none}h2{font-size:30px}.filter-bar{flex-wrap:wrap;gap:9px}.search{flex-basis:100%;height:50px}.select{flex:1;min-width:0}.select select{width:100%;max-width:none;font-size:11px;padding:12px 22px 12px 8px}.catalogue-tools{gap:9px;font-size:10px}.catalogue-tools #result-count{text-align:right}.text-button{font-size:10px;padding:5px 0}.connection{line-height:1.7;font-size:9px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-picture{height:165px;padding:10px}.product-info{padding:12px}.product h3{font-size:12px;min-height:54px}.product-category{font-size:8px}.product-code{font-size:9px}.product-bottom{flex-direction:column;align-items:flex-start;gap:7px}.price{font-size:19px}.availability{font-size:9px}.details-button{margin-top:13px;font-size:10px}.visit{flex-direction:column;padding:45px 6%}.visit h2{font-size:35px}.visit-info{align-items:flex-start;gap:30px}.visit-info>div{flex:1}.visit-info p{font-size:11px}.visit-info .phone{font-size:21px}footer{flex-wrap:wrap;gap:20px;font-size:9px}footer>span{display:none}footer>a:first-child span{display:block;padding:4px 0 0}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-layout .product-picture{height:230px}dialog{padding:35px 20px}.detail-layout h2{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand img{background:#111;padding:0;object-fit:cover}.visit{position:relative;isolation:isolate;overflow:hidden}.visit:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101c18ee,#101c18e0),url("https://img1.wsimg.com/isteam/ip/e35de4f6-542e-48c6-8755-bfc228e8f569/edificio%20pro%20camara-0931ff8.jpg/:/rs=w:1535,m") center 42%/cover;}
