@import url('fonts.css');
/* Reference-led opening: cinematic navy, glass controls, layered cards. */

body{font-family:Montserrat,'Segoe UI',Arial,sans-serif}.container{max-width:1480px;width:calc(100% - 112px)}.navbar{height:100px}.brand img{width:220px}.topbar{background:#04111c}.top-inner{min-height:35px}.navbar nav a{font-size:.78rem;font-weight:800;text-transform:uppercase}.navbar nav{gap:29px}.header-actions{gap:10px;margin-left:auto}.navbar nav{margin-left:auto}header{background:linear-gradient(105deg,#04131e,#0d1e33);border-bottom:1px solid #ffffff1c;position:relative;z-index:41}.header-actions .whatsapp{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;background:linear-gradient(120deg,#22d271,#0fb351);border:1px solid #67ef9a66;border-radius:8px;color:#fff;font-weight:800;font-size:.78rem;box-shadow:0 0 28px #0aaa6422}.header-actions .button{background:linear-gradient(115deg,#30b8d3,#07718e);border:1px solid #b1e7f0aa;border-radius:8px;text-transform:uppercase;box-shadow:0 0 22px #2dd6ea16;font-size:.76rem;min-height:46px}.opening{position:relative;background:#04121f;padding-bottom:74px}.hero{height:calc(100svh - 136px);min-height:745px;max-height:980px;overflow:hidden}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s;z-index:0}.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}.hero-bg{object-position:center;filter:saturate(.6);transform:scale(1.06);transition:transform 9s linear}.hero-slide.is-active .hero-bg{transform:scale(1)}.hero-shade{background:linear-gradient(90deg,#041321f5 0%,#061628d9 31%,#071d4380 66%,#071d434d),linear-gradient(0deg,#04121f 0%,#04121f99 15%,transparent 57%)}.hero-content{padding-bottom:130px}.hero-copy{max-width:750px;padding:0}.hero .eyebrow{font-size:.82rem;letter-spacing:.16em;color:#a4e9f6;font-weight:800}.hero h1,.hero-title{font-size:clamp(2.8rem,3.35vw,4.15rem);line-height:1.12;letter-spacing:-.055em;font-weight:800;color:#f8fafc;margin:17px 0 22px}.hero-description{max-width:730px;font-size:1.09rem;line-height:1.75;color:#d6e1eb;font-weight:500}.hero-actions{margin-top:29px}.hero-actions .button{border-radius:40px;background:linear-gradient(115deg,#22b5d0,#087a98);border:1px solid #a7e8f1a6;padding:14px 30px;font-size:.89rem;box-shadow:0 6px 25px #05a8c21a}.slider-arrow{position:absolute;top:46%;z-index:5;width:47px;height:47px;background:#13364a9c;border:1px solid #9ae6f760;border-radius:13px;color:#bdebf5;font-size:32px;line-height:1;box-shadow:0 0 0 5px #06283955,0 0 25px #53c5e510;backdrop-filter:blur(9px);display:grid;place-items:center;padding:0 0 3px}.slider-arrow:after{content:'';position:absolute;inset:6px;border:1px solid #96dbea22;border-radius:7px}.slider-arrow:hover{background:#176682b8;box-shadow:0 0 22px #41ceef33}.slider-arrow.prev{left:28px}.slider-arrow.next{right:28px}.slider-controls{position:absolute;z-index:4;bottom:153px;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center}.slider-dots{display:flex;gap:8px}.slider-dots button{height:4px;width:23px;border-radius:5px;background:#c6e9ff40;padding:0;transition:width .5s,background .5s}.slider-dots button.active{background:#72ddf0;width:45px}#slider-pause{color:#9bc6dc;background:none;font-size:14px;padding:6px}.hero-featured{position:relative;margin-top:-103px;max-width:1260px;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.featured-card{background:#f0f4fa;padding:7px;border-radius:11px;box-shadow:0 15px 40px #0003;position:relative;transition:transform .4s,box-shadow .4s}.featured-card:hover{transform:translateY(-9px);box-shadow:0 20px 45px #0005}.featured-card>div{height:215px;border-radius:6px;overflow:hidden;position:relative}.featured-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.featured-card:hover img{transform:scale(1.06)}.featured-index{position:absolute;bottom:12px;left:13px;color:#fff;background:#092237a3;border:1px solid #ffffff33;border-radius:4px;padding:2px 9px;font-size:.65rem;backdrop-filter:blur(8px)}.featured-card section{position:relative;padding:18px 15px 17px}.featured-card section>span{font-size:.61rem;color:#46809d;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.featured-card h3{font-size:1.1rem;margin:6px 28px 0 0}.featured-card i{position:absolute;right:15px;top:30px;font-size:1.2rem;font-style:normal;color:#1c708f}.hero-slide.is-active .hero-copy>.eyebrow{animation:heroEnter .8s .12s both}.hero-slide.is-active .hero-copy>h1,.hero-slide.is-active .hero-copy>.hero-title{animation:heroEnter .9s .25s both}.hero-slide.is-active .hero-description{animation:heroEnter .9s .4s both}.hero-slide.is-active .hero-actions{animation:heroEnter .9s .55s both}.hero-featured .featured-card{animation:cardEnter 1s .6s both}.hero-featured .featured-card:nth-child(2){animation-delay:.75s}.hero-featured .featured-card:nth-child(3){animation-delay:.9s}.navbar{animation:headerEnter .7s both}.motion-ready .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.65,.3,1),transform .8s cubic-bezier(.2,.65,.3,1);transition-delay:var(--delay,0ms)}.motion-ready .reveal.in-view{opacity:1;transform:translateY(0)}.product-photo{box-shadow:0 5px 22px #19375808}.product-card:hover .round-arrow{background:var(--accent);color:#fff;transform:rotate(45deg)}.floating-actions>*{width:58px;height:58px;border-radius:17px;box-shadow:0 0 25px #0ba9d12b}.floating-whatsapp{background:linear-gradient(145deg,#2adc7d,#0db260)}#chat-toggle{background:linear-gradient(145deg,#2dc7de,#087891)}.chat-panel:not([hidden]){animation:chatEnter .3s both}.cookie-banner:not([hidden]){animation:cardEnter .5s both}.whatsapp svg,.floating-whatsapp svg{width:21px;height:21px;fill:currentColor}.header-actions .whatsapp svg{width:15px;height:15px}.nav-chevron{display:inline-block;width:6px;height:6px;border-right:1px solid #94a9c0;border-bottom:1px solid #94a9c0;transform:rotate(45deg);margin:0 0 3px 8px}footer .container,.section.container,.about-grid,.faq-section,.trust-inner{max-width:1280px}@keyframes heroEnter{from{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes cardEnter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes headerEnter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes chatEnter{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1700px){.hero-content{padding-bottom:130px}.hero{min-height:790px}.hero-featured{margin-top:-108px}.hero h1,.hero-title{font-size:60px}.hero-copy{max-width:800px}.hero-description{max-width:700px}.navbar nav{gap:30px}}
@media(max-width:1300px){.container{width:calc(100% - 100px)}.brand img{width:180px}.navbar{gap:20px}.navbar nav{gap:18px}.navbar nav a{font-size:.68rem}.header-actions .whatsapp{padding:11px 12px}.header-actions .button{font-size:.68rem;gap:12px;padding:11px 13px}.hero-copy{max-width:700px}.hero-content{padding-left:25px}.hero h1,.hero-title{font-size:3.4rem}.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}.hero-featured{width:calc(100% - 150px)}.featured-card>div{height:180px}.featured-card h3{font-size:1rem}}
@media(max-width:1050px){.header-actions .whatsapp{display:none}.hero h1,.hero-title{font-size:3.2rem}.hero-description{max-width:590px;font-size:1rem}.hero-featured{width:calc(100% - 100px);gap:17px}.featured-card>div{height:160px}.navbar nav{gap:16px}.hero{min-height:720px}.hero-featured{margin-top:-105px}.featured-card section{padding:14px 10px}.featured-card h3{font-size:.88rem}.featured-card section>span{font-size:.5rem}.featured-card i{right:8px}}
@media(max-width:850px){.container{width:calc(100% - 60px)}.navbar{height:84px}.navbar nav{top:119px;gap:24px}.navbar nav a{font-size:.85rem}.header-actions .whatsapp{display:inline-flex}.header-actions{margin-left:0}.hero{height:750px;min-height:0}.hero-content{padding:0 30px 150px}.hero h1,.hero-title{font-size:3rem}.hero .eyebrow{font-size:.68rem}.hero-description{font-size:.95rem}.hero-featured{width:calc(100% - 70px);gap:13px;margin-top:-110px}.featured-card>div{height:150px}.featured-card h3{font-size:.9rem;margin-right:0;line-height:1.3}.featured-card i{display:none}.hero-shade{background:linear-gradient(90deg,#041321ef,#071d4380),linear-gradient(0deg,#04121f,transparent 70%)}.slider-arrow{width:35px;height:40px;border-radius:10px;font-size:26px}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.opening{padding-bottom:45px}.slider-controls{bottom:145px}}
@media(max-width:560px){.container{width:calc(100% - 38px)}.brand img{width:143px}.navbar{height:78px;gap:10px}.navbar nav{top:113px}.header-actions .whatsapp{display:none}.header-actions .button{padding:9px 11px;font-size:.63rem;min-height:39px}.hero{height:690px;min-height:0}.hero-content{width:calc(100% - 50px);padding:0 13px 160px}.hero h1,.hero-title{font-size:2.55rem;line-height:1.16;margin:18px 0 20px;letter-spacing:-.055em}.hero .eyebrow{font-size:.58rem;letter-spacing:.12em;line-height:1.8;max-width:260px}.hero-description{font-size:.9rem;line-height:1.8}.hero-actions .button{font-size:.78rem;padding:13px 23px}.hero-bg{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#031320f2,#081e4199),linear-gradient(0deg,#04121f,transparent 80%)}.slider-arrow{top:auto;bottom:179px;width:34px;height:34px}.slider-arrow.prev{left:26px}.slider-arrow.next{right:26px}.slider-controls{bottom:178px}.hero-featured{display:flex;gap:14px;width:100%;max-width:none;margin-top:-130px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 26px 20px;scrollbar-width:thin;scrollbar-color:#315d7a transparent}.featured-card{flex:0 0 78%;scroll-snap-align:center;border-radius:9px}.featured-card>div{height:170px}.featured-card section{padding:13px 12px}.featured-card h3{font-size:1.02rem}.featured-card section>span{font-size:.58rem}.featured-card i{display:block;right:13px;top:24px}.opening{padding-bottom:26px}.floating-actions>*{width:49px;height:49px;border-radius:14px}.hero-featured .featured-card{animation-duration:.7s}.top-inner>div>a{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-bg{transform:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-slide.is-active .hero-copy>*,.hero-featured .featured-card,.navbar{animation:none!important}}

@media(min-width:1301px){.container{width:78%;max-width:1480px}.hero-content{padding-bottom:30px}.navbar{gap:25px}.brand img{width:205px}.navbar nav{gap:23px}.header-actions .whatsapp{padding:12px 15px}.hero-featured{width:76%;max-width:1260px}.hero h1,.hero-title{font-size:clamp(3.25rem,3.15vw,3.75rem)}}
.application-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.application-gallery a{border:1px solid #dfe7f0;border-radius:8px;overflow:hidden}.application-gallery img{width:100%;height:280px;object-fit:cover;transition:transform .5s}.application-gallery a:hover img{transform:scale(1.03)}.application-gallery span{display:block;padding:14px;font-size:.8rem}.gallery-section{padding-top:0}.catalog-link{border:1px solid #b0e6f333;padding:3px 10px;border-radius:4px;color:#b1ddea;font-weight:700}.top-inner>div{gap:22px}.hero-featured .featured-card section{min-height:85px}@media(max-width:1050px){.catalog-link{display:none}}@media(max-width:560px){.application-gallery{grid-template-columns:1fr}.application-gallery img{height:260px}}
.product-photo img[src$=".png"]{object-fit:contain;padding:45px;background:#edf3fa}.detail-image[src$=".png"]{object-fit:contain;max-height:350px;padding:65px;background:#edf3fa}
/* Generated architectural slider imagery: preserve material and lighting detail. */
.hero-actions{gap:14px;flex-wrap:wrap}
.hero-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:8px 8px 8px 25px;border-radius:999px;border:1px solid transparent;font-size:14px;font-weight:800;line-height:1.25;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.hero-button-primary{background:linear-gradient(115deg,#7ae7ee,#39bad7);color:#072a40;border-color:#a0f0f455;box-shadow:0 5px 24px #18a4cc20}
.hero-button-secondary{background:#071c2b26;color:#f4f7fa;border-color:#d2e2ed55;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.hero-button-arrow{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;transition:transform .25s,background .25s}
.hero-button-primary .hero-button-arrow{background:#082c40;color:#b9f3f6}
.hero-button-secondary .hero-button-arrow{background:#b8d6e90a;border:1px solid #d2e2ed33;color:#eaf6fc}
.hero-button-arrow svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hero-button:hover{transform:translateY(-3px)}
.hero-button-primary:hover{box-shadow:0 9px 30px #20bed338;background:linear-gradient(115deg,#96f0f4,#53cce1)}
.hero-button-secondary:hover{background:#22435d70;border-color:#c9e8f899}
.hero-button:hover .hero-button-arrow{transform:rotate(45deg)}
.hero-button:active{transform:translateY(0)}
@media(max-width:560px){.hero-actions{gap:10px}.hero-button{min-height:50px;padding:7px 7px 7px 16px;gap:12px;font-size:12px}.hero-button-arrow{width:34px;height:34px}.hero-button-arrow svg{width:20px;height:20px}}
@media(max-width:360px){.hero-actions{gap:8px}.hero-button{gap:8px;padding-inline-start:12px;font-size:11px}.hero-button-arrow{width:31px;height:31px}}
.hero .hero-bg{filter:saturate(.92)}
.hero .hero-shade{background:linear-gradient(90deg,rgba(4,19,33,.88),rgba(6,22,40,.67) 34%,rgba(7,29,67,.18) 68%,rgba(7,29,67,.08)),linear-gradient(0deg,#04121f 0%,rgba(4,18,31,.5) 12%,transparent 48%)}