:root { --ink:#242426; --ink-2:#353538; --paper:#f6f6f2; --line:#d6d9d8; --aqua:#90d7e8; --aqua-strong:#50bed8; --muted:#697071; --font:"Manrope",Arial,sans-serif; --mono:"DM Mono",monospace; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--font); } a { color:inherit; text-decoration:none; } .shell { width:min(1200px,calc(100% - 48px)); margin:auto; } .skip-link { position:fixed; top:-4rem; left:1rem; z-index:100; background:#fff; padding:1rem; } .skip-link:focus { top:1rem; }
.site-header { position:absolute; z-index:10; top:0; width:100%; color:#fff; border-bottom:1px solid rgba(255,255,255,.15); } .nav-wrap { min-height:88px; display:flex; align-items:center; justify-content:space-between; } .brand img { display:block; width:198px; height:auto; filter:brightness(0) invert(1); } .main-nav { display:flex; gap:28px; align-items:center; font-size:.82rem; font-weight:700; } .main-nav > a:not(.nav-cta) { opacity:.8; } .main-nav > a:not(.nav-cta):hover { opacity:1; color:var(--aqua); } .nav-cta { margin-left:8px; padding:12px 15px; color:var(--ink); background:var(--aqua); } .menu-toggle { display:none; }
.hero { position:relative; min-height:620px; overflow:hidden; display:grid; align-items:end; color:#fff; background:#202124; } .hero::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(6,11,14,.94) 0%,rgba(6,11,14,.77) 45%,rgba(6,11,14,.16) 80%,rgba(6,11,14,.3)); pointer-events:none; } .hero-grid { position:absolute; z-index:1; inset:0; opacity:.11; background-image:linear-gradient(rgba(144,215,232,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(144,215,232,.8) 1px,transparent 1px); background-size:76px 76px; mask-image:linear-gradient(90deg,#000,transparent 72%); } .hero-backdrop { position:absolute; inset:0 0 0 auto; width:min(50vw,780px); height:100%; object-fit:contain; object-position:center right; } .hero-content { position:relative; z-index:2; padding:160px 0 54px; } .eyebrow { margin:0 0 16px; color:var(--aqua-strong); font:500 .7rem/1.4 var(--mono); letter-spacing:.12em; } h1,h2,h3,p { margin-top:0; } h1 { max-width:740px; margin-bottom:26px; font-size:clamp(2.85rem,6vw,5.4rem); letter-spacing:-.065em; line-height:.98; } h1 em { color:var(--aqua); font-style:normal; } .hero-text { max-width:505px; margin-bottom:34px; color:#e1e5e4; font-size:1.07rem; line-height:1.7; } .hero-actions { display:flex; align-items:center; gap:26px; } .button { display:inline-flex; justify-content:center; align-items:center; gap:24px; min-height:52px; padding:0 20px; border:1px solid transparent; font-size:.82rem; font-weight:800; letter-spacing:.01em; cursor:pointer; } .button-primary { color:var(--ink); background:var(--aqua); } .button-primary:hover { background:#c2eff8; } .text-link { display:inline-flex; gap:12px; align-items:center; color:#fff; font-size:.83rem; font-weight:800; } .text-link span { color:var(--aqua); font-size:1.1rem; } .hero-foot { margin-top:52px; display:flex; align-items:center; gap:10px; color:#bdc5c3; font:400 .67rem var(--mono); letter-spacing:.06em; } .pulse { width:8px; height:8px; border-radius:50%; background:var(--aqua); box-shadow:0 0 0 6px rgba(144,215,232,.16); }
.section { padding:120px 0; } .section-heading { display:flex; justify-content:space-between; gap:70px; align-items:end; margin-bottom:52px; } h2 { margin-bottom:0; font-size:clamp(2.4rem,4.6vw,4.35rem); line-height:1.02; letter-spacing:-.06em; } .section-heading > p { max-width:330px; margin:0 0 8px; color:var(--muted); font-size:.98rem; line-height:1.65; } .solution-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; } .solution-card { position:relative; min-height:500px; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:24px; } .card-dark,.card-blue { color:#fff; } .card-dark { background:var(--ink); } .card-blue { background:var(--aqua); } .card-index { position:relative; z-index:1; font:500 .62rem var(--mono); letter-spacing:.08em; opacity:.75; } .solution-card img { position:absolute; max-width:78%; max-height:58%; left:50%; top:48%; transform:translate(-50%,-50%); object-fit:contain; filter:drop-shadow(0 18px 14px rgba(0,0,0,.2)); transition:transform .35s ease; } .solution-card.card-photo img { inset:0; width:100%; max-width:none; max-height:none; height:100%; transform:none; object-fit:cover; filter:none; opacity:1; } .solution-card.card-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.02) 35%,rgba(0,0,0,.76)); } .solution-card:hover img { transform:translate(-50%,-53%) scale(1.04); } .solution-card.card-photo:hover img { transform:scale(1.04); } .card-content { position:relative; z-index:1; } .card-content h3 { margin:0 0 8px; font-size:1.75rem; letter-spacing:-.05em; } .card-content p { max-width:240px; margin-bottom:18px; font-size:.86rem; line-height:1.55; opacity:.85; } .card-content a { display:inline-flex; gap:13px; align-items:center; font-size:.75rem; font-weight:800; } .card-content a span { color:var(--aqua-strong); font-size:1.1rem; } .card-blue .card-content a span { color:var(--aqua); }
.proof { color:#fff; background:var(--ink); } .proof-layout { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:end; } .proof-copy .dark-link { margin-top:34px; } .dark-link { color:#fff; } .about-text { max-width:530px; padding:6px 0 4px 30px; border-left:1px solid var(--aqua); } .about-text p { margin:0 0 22px; color:#d4dad8; font-size:1.04rem; line-height:1.72; } .about-text p:last-child { margin-bottom:0; color:var(--aqua); }
.catalog { background:#e8ecea; } .catalog-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; } .catalog-layout > div > p:not(.eyebrow) { max-width:390px; margin:27px 0 30px; color:var(--muted); line-height:1.7; } .button-outline { border-color:var(--ink); } .button-outline:hover { color:#fff; background:var(--ink); } .catalog-cover { position:relative; justify-self:center; width:min(360px,100%); padding:28px 34px; background:var(--ink); box-shadow:20px 20px 0 var(--aqua); transition:transform .2s ease; } .catalog-cover:hover { transform:translate(-4px,-4px); } .catalog-sheet { display:flex; flex-direction:column; justify-content:space-between; aspect-ratio:3/4; padding:22px; color:#fff; background:linear-gradient(145deg,#151b1d,#273137 55%,#6ac4d8); } .catalog-sheet span { color:var(--aqua); font:500 .7rem var(--mono); letter-spacing:.15em; } .catalog-sheet strong { font-size:2rem; line-height:.98; letter-spacing:-.07em; } .catalog-sheet i { color:#dbeff2; font:500 .66rem/1.45 var(--mono); letter-spacing:.08em; font-style:normal; } .catalog-badge { position:absolute; right:-34px; bottom:28px; padding:12px 14px; color:#fff; background:var(--ink); font:400 .6rem/1.4 var(--mono); letter-spacing:.1em; } .catalog-badge strong { color:var(--aqua); font-size:.68rem; }
.contact { color:#fff; background:#2d2f31; } .contact-layout { display:grid; grid-template-columns:1fr 1fr; gap:110px; } .contact-layout > div > p:not(.eyebrow) { max-width:410px; margin:25px 0 40px; color:#bec5c3; line-height:1.7; } .whatsapp-line,.phone-line { display:flex; align-items:center; gap:11px; width:max-content; font-size:1.03rem; font-weight:700; } .whatsapp-line { margin-bottom:15px; color:var(--aqua); } .whatsapp-line > span:last-child { font-size:1.3rem; } .whatsapp-icon { width:1.25rem; height:1.25rem; flex:none; } .phone-line { color:#d2d7d5; } .contact-form { display:grid; gap:18px; padding:30px; background:#fff; color:var(--ink); } .contact-form label { display:grid; gap:8px; font:500 .63rem var(--mono); letter-spacing:.08em; } .honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; } .form-feedback { margin:0; padding:11px; color:#0f4c5b; background:#d9f1f6; font-size:.78rem; line-height:1.45; } input,textarea { width:100%; border:0; border-bottom:1px solid #ccd1cf; padding:10px 0; color:var(--ink); outline:none; font:500 .92rem var(--font); resize:vertical; } input:focus,textarea:focus { border-bottom-color:var(--aqua-strong); } .contact-form .button { margin-top:6px; width:100%; border:0; } .form-note { margin:0; color:#78807f; font-size:.68rem; line-height:1.5; }
.site-footer { padding:29px 0; background:#1d1e20; color:#aeb6b4; } .footer-wrap { display:flex; align-items:center; justify-content:space-between; gap:24px; font-size:.7rem; } .footer-wrap img { width:150px; filter:brightness(0) invert(1); } .footer-wrap p { margin:0; } .footer-wrap a:hover { color:var(--aqua); } .floating-whatsapp { position:fixed; z-index:8; right:24px; bottom:24px; display:grid; place-items:center; width:56px; height:56px; background:transparent; box-shadow:none; } .floating-whatsapp img { display:block; width:3rem; height:3rem; }

/* Página de produtos */
.product-hero { overflow:hidden; color:#fff; background:var(--ink); } .product-hero-layout { display:grid; grid-template-columns:minmax(0,.94fr) minmax(20rem,.72fr); align-items:center; gap:clamp(2.5rem,7vw,8rem); min-height:36rem; padding-top:5.5rem; padding-bottom:5.5rem; } .breadcrumb { display:inline-block; margin-bottom:3.75rem; color:#fff; font:500 .75rem/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; opacity:.7; } .product-hero .eyebrow { margin-bottom:1.15rem; } .product-hero h1 { margin:0; } .product-hero p:not(.eyebrow) { max-width:36rem; margin:2rem 0 2.25rem; color:rgba(255,255,255,.7); font-size:1.05rem; line-height:1.75; } .product-hero > .shell > img { width:100%; min-height:29rem; height:100%; object-fit:cover; object-position:center; border-radius:.4rem; } .product-list { background:var(--paper); } .product-section-heading { max-width:45rem; margin-bottom:4rem; } .product-section-heading h2 { margin:.8rem 0 1.25rem; } .product-section-heading > p:last-child { color:var(--muted); line-height:1.7; } .product-model { display:grid; grid-template-columns:minmax(16rem,1.15fr) minmax(10rem,.56fr) minmax(18rem,1fr); gap:clamp(2rem,4vw,5rem); padding:3.4rem 0; border-top:1px solid var(--line); } .product-code { margin:0 0 .9rem; color:var(--aqua-strong); font:500 .75rem/1 var(--mono); letter-spacing:.12em; } .product-model h3 { margin:0 0 1rem; font-size:clamp(1.75rem,3vw,2.55rem); line-height:1.04; letter-spacing:-.06em; } .product-model-head > p:not(.product-code) { max-width:27rem; margin:0 0 1.5rem; color:var(--muted); line-height:1.65; } .product-model .button { font-size:.72rem; } .product-highlight { display:grid; align-content:start; gap:.25rem; padding-top:2.2rem; } .product-highlight strong { margin-top:1.2rem; font:500 clamp(1.75rem,2.6vw,2.65rem)/1 var(--mono); letter-spacing:-.08em; } .product-highlight strong:first-child { margin-top:0; } .product-highlight span { color:var(--muted); font-size:.8rem; } .spec-list { margin:0; } .spec-list div { display:grid; grid-template-columns:1fr 1fr; gap:1rem; padding:.95rem 0; border-bottom:1px solid var(--line); } .spec-list dt { color:var(--muted); font-size:.78rem; line-height:1.4; } .spec-list dd { margin:0; font-weight:700; font-size:.8rem; line-height:1.4; text-align:right; } .product-features { padding:clamp(4.5rem,8vw,8rem) 0; background:#dfe6e9; } .product-features .eyebrow { margin-bottom:2.4rem; } .feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(11,18,24,.18); } .feature-grid > div { padding:2rem; background:#dfe6e9; } .feature-grid strong { display:block; font-size:1.1rem; } .feature-grid p { margin:.8rem 0 0; color:var(--muted); line-height:1.6; font-size:.9rem; } .product-cta { padding:clamp(5rem,9vw,9rem) 0; color:#fff; background:var(--ink); } .product-cta .eyebrow { color:var(--aqua-strong); } .product-cta h2 { margin:1rem 0 2rem; }
.sinewave-explainer { display:grid; grid-template-columns:minmax(17rem,1.05fr) minmax(20rem,1.25fr); gap:clamp(2rem,5vw,5rem); margin:0 0 4.2rem; padding:clamp(2rem,4vw,3.5rem); background:#e1e8e9; } .sinewave-copy h3 { margin:0 0 1rem; font-size:clamp(1.7rem,3vw,2.55rem); line-height:1.06; letter-spacing:-.06em; } .sinewave-copy > p:last-child { max-width:32rem; margin:0; color:var(--muted); line-height:1.7; font-size:.93rem; } .sinewave-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; } .sinewave-benefits > div { padding-left:1rem; border-left:1px solid rgba(36,36,38,.22); } .sinewave-benefits span { display:block; margin-bottom:1.25rem; color:var(--aqua-strong); font:500 .68rem/1 var(--mono); letter-spacing:.1em; } .sinewave-benefits strong { font-size:.9rem; } .sinewave-benefits p { margin:.65rem 0 0; color:var(--muted); font-size:.78rem; line-height:1.6; }
@media (max-width:820px) { .product-hero-layout { grid-template-columns:1fr; min-height:auto; padding-top:3rem; } .breadcrumb { margin-bottom:3rem; } .product-hero > .shell > img { min-height:20rem; max-height:27rem; } .product-model { grid-template-columns:1fr 1fr; } .spec-list { grid-column:1 / -1; } }
@media (max-width:820px) { .sinewave-explainer { grid-template-columns:1fr; } }
@media (max-width:560px) { .product-hero-layout { padding-bottom:3rem; } .product-hero > .shell > img { min-height:17rem; } .product-model,.feature-grid { grid-template-columns:1fr; } .product-highlight { grid-template-columns:1fr 1fr; column-gap:.4rem; padding-top:0; } .product-highlight strong,.product-highlight strong:first-child { margin-top:1.2rem; } .spec-list { grid-column:auto; } }
@media (max-width:560px) { .sinewave-benefits { grid-template-columns:1fr; gap:1.5rem; } .sinewave-benefits span { margin-bottom:.55rem; } }

.product-model--gallery { grid-template-columns:minmax(15rem,.9fr) minmax(20rem,1.1fr) minmax(16rem,.8fr); align-items:start; } .product-gallery { min-width:0; } .product-gallery-stage { position:relative; display:grid; place-items:center; min-height:24rem; overflow:hidden; background:#e8ecea; } .product-gallery-main { width:100%; height:24rem; object-fit:contain; padding:1.25rem; transition:opacity .18s ease; } .product-gallery-main.is-changing { opacity:.15; } .gallery-control { position:absolute; top:50%; z-index:1; width:2.5rem; height:2.5rem; border:0; border-radius:50%; color:#fff; background:rgba(29,30,32,.82); font-size:1.25rem; cursor:pointer; transform:translateY(-50%); } .gallery-control:hover,.gallery-control:focus-visible { color:var(--ink); background:var(--aqua); } .gallery-prev { left:.85rem; } .gallery-next { right:.85rem; } .gallery-count { position:absolute; right:1rem; bottom:1rem; padding:.45rem .6rem; color:#fff; background:rgba(29,30,32,.82); font:500 .65rem/1 var(--mono); letter-spacing:.08em; } .gallery-thumbs { display:grid; grid-template-columns:repeat(4,1fr); gap:.55rem; margin-top:.55rem; } .gallery-thumb { height:4.2rem; padding:.25rem; border:1px solid var(--line); background:#e8ecea; cursor:pointer; } .gallery-thumb:hover,.gallery-thumb:focus-visible,.gallery-thumb.is-active { border-color:var(--aqua-strong); box-shadow:inset 0 0 0 1px var(--aqua-strong); } .gallery-thumb img { width:100%; height:100%; object-fit:contain; } .product-details { display:grid; gap:2rem; } .product-details .product-highlight { padding-top:0; }
.gallery-thumbs--two { grid-template-columns:repeat(2,1fr); }
@media (max-width:820px) { .product-model--gallery { grid-template-columns:1fr 1fr; } .product-model--gallery .product-gallery { grid-column:1 / -1; } .product-model--gallery .product-details { grid-column:1 / -1; grid-template-columns:1fr 1.4fr; align-items:start; } }
@media (max-width:560px) { .product-model--gallery .product-details { grid-template-columns:1fr; gap:1rem; } .product-gallery-stage,.product-gallery-main { min-height:19rem; height:19rem; } .gallery-thumb { height:3.4rem; } }
@media (max-width:850px) { .site-header { background:rgba(30,31,32,.94); } .nav-wrap { min-height:70px; } .brand img { width:154px; } .main-nav { display:flex; gap:0; } .nav-cta { margin:0; padding:10px 12px; font-size:.68rem; } .hero { min-height:700px; } .hero-content { padding-top:145px; } .hero-backdrop { width:100%; object-fit:cover; object-position:62% center; opacity:.62; } .hero-actions { align-items:flex-start; flex-direction:column; gap:19px; } .section { padding:78px 0; } .section-heading,.proof-layout,.catalog-layout,.contact-layout { grid-template-columns:1fr; gap:34px; } .section-heading { display:grid; align-items:start; } .solution-grid { grid-template-columns:1fr; } .solution-card { min-height:390px; } .solution-card img { max-height:64%; max-width:54%; left:72%; } .solution-card.card-photo img { inset:0; max-width:none; max-height:none; left:auto; top:auto; } .proof-layout { gap:40px; } .about-text { padding-left:22px; } .catalog-cover { margin-top:16px; } }
@media (max-width:520px) { .shell { width:min(100% - 36px,1200px); } h1 { font-size:3rem; } h2 { font-size:2.55rem; } .hero { min-height:660px; } .hero-text { font-size:.96rem; } .hero-foot { margin-top:54px; font-size:.58rem; } .solution-card img { left:69%; max-width:69%; } .catalog-cover { width:78%; padding:18px 22px; } .catalog-badge { right:-24px; bottom:20px; } .contact-form { padding:23px; } .footer-wrap { align-items:flex-start; flex-direction:column; } .floating-whatsapp { right:16px; bottom:16px; width:50px; height:50px; } }

/* Página de iluminação de emergência */
.light-product-hero .product-hero-layout { grid-template-columns:minmax(0,.95fr) minmax(20rem,.65fr); } .light-hero-image { display:grid; place-items:center; min-height:29rem; padding:1.6rem; background:#e8ecea; border-radius:.4rem; } .light-hero-image img { width:100%; height:100%; max-height:29rem; object-fit:contain; } .lighting-intro { padding:clamp(4.5rem,8vw,7.5rem) 0; background:#e1e8e9; } .lighting-intro-grid { display:grid; grid-template-columns:1.05fr .85fr; gap:clamp(2rem,8vw,9rem); align-items:end; } .lighting-intro h2 { margin:0; } .lighting-intro-grid > p { max-width:34rem; margin:0; color:var(--muted); line-height:1.75; } .lighting-product { display:grid; grid-template-columns:minmax(18rem,1fr) minmax(17rem,.8fr) minmax(16rem,.8fr); gap:clamp(2rem,4vw,5rem); align-items:start; padding:3.4rem 0; border-top:1px solid var(--line); } .lighting-product-image { display:grid; place-items:center; min-height:25rem; padding:1.5rem; background:#e8ecea; } .lighting-product-image img { width:100%; height:22rem; object-fit:contain; }
.lighting-diagram { padding:clamp(4rem,7vw,7rem) 0; background:var(--paper); } .lighting-diagram-heading { display:flex; justify-content:space-between; gap:2rem; align-items:end; margin-bottom:2rem; } .lighting-diagram-heading .eyebrow { margin:0; } .lighting-diagram-heading > p:last-child { max-width:31rem; margin:0; color:var(--muted); line-height:1.6; font-size:.9rem; } .lighting-diagram img { display:block; width:100%; border:1px solid var(--line); }
@media (max-width:820px) { .light-product-hero .product-hero-layout,.lighting-intro-grid { grid-template-columns:1fr; } .lighting-product { grid-template-columns:1fr 1fr; } .lighting-product-image { grid-column:1 / -1; min-height:20rem; } .lighting-product .product-details { grid-column:1 / -1; grid-template-columns:1fr 1.4fr; align-items:start; } }
@media (max-width:820px) { .lighting-diagram-heading { display:grid; align-items:start; } }
@media (max-width:560px) { .lighting-product { grid-template-columns:1fr; } .lighting-product .product-details { grid-template-columns:1fr; gap:1rem; } .lighting-product-image { min-height:17rem; } .lighting-product-image img { height:17rem; } }

.card-link { display:inline-flex; gap:13px; align-items:center; font-size:.75rem; font-weight:800; } .card-link span { color:var(--aqua-strong); font-size:1.1rem; } .card-blue .card-link span { color:var(--aqua); } .solution-card:focus-visible { outline:3px solid var(--aqua-strong); outline-offset:4px; }