/* =========================================================
   BRASNOTEC • BASE / IDENTIDADE, COMPONENTES E ESTRUTURA
   Cores da marca preservadas: azul profundo + dourado.
   CSS responsivo complementar: desktop.css / mobile.css
   ========================================================= */
:root{--navy:#010f57;--navy-2:#071a60;--ink:#122249;--ink-soft:#52627b;--gold:#caa65e;--gold-light:#e7cd92;--ice:#f4f8fc;--sky:#cbeff9;--cyan:#56c7ea;--green:#04c342;--white:#fff;--line:#dbe5ee;--container:1190px;--shadow:0 22px 70px rgba(4,28,71,.11)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;min-width:280px;background:var(--white);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
::selection{background:#d1eafc;color:var(--navy)}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
img,svg{max-width:100%;display:block}button{font:inherit}svg{overflow:visible}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.047em}
em{font-style:normal;color:var(--gold)}.wrap{width:min(calc(100% - 64px),var(--container));margin-inline:auto}.section-pad{padding-block:112px}
.skip-link{position:fixed;top:-90px;left:12px;padding:12px 18px;background:white;color:var(--navy);z-index:400;box-shadow:var(--shadow)}.skip-link:focus{top:12px}
.topline{background:#041040;color:#c2cce6;font-size:12px;letter-spacing:.035em}.topline-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:16px}.topline a{color:#fff;font-weight:700}.topline a:hover{color:var(--gold-light)}.live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#4ad4a9;box-shadow:0 0 0 4px rgba(74,212,169,.12);margin-right:8px;vertical-align:2px}
.site-header{position:relative;z-index:50;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.13)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:100px}.brand{display:block;flex:none}.brand img{width:173px;height:auto;object-fit:contain}.main-nav{display:flex;align-items:center;gap:34px}.main-nav a{position:relative;color:#e8eef8;font-size:13px;font-weight:700;letter-spacing:.02em;padding-block:12px;white-space:nowrap}.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:6px;height:2px;background:var(--gold);transition:right .25s}.main-nav a:hover::after{right:0}.menu-toggle{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:14px 24px;border-radius:8px;font-size:13px;font-weight:800;letter-spacing:-.004em;transition:transform .25s,box-shadow .25s,background .25s,color .25s;border:1px solid transparent;white-space:nowrap;text-align:center}.button span:last-child{font-size:18px;font-weight:500;margin-left:4px;transition:transform .25s}.button:hover{transform:translateY(-3px)}.button:hover span:last-child{transform:translate(2px,-2px)}.button-gold{background:var(--gold);color:#06154e}.button-gold:hover{background:#e3be78;box-shadow:0 12px 30px rgba(197,157,71,.22)}.button-whatsapp{background:var(--green);color:#fff;box-shadow:0 15px 34px rgba(4,195,66,.22)}.button-whatsapp:hover{background:#00ad3c;box-shadow:0 18px 36px rgba(4,195,66,.29)}.button-whatsapp svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.button-navy{background:var(--navy);color:#fff}.button-navy:hover{background:#143887;box-shadow:0 12px 25px rgba(1,15,87,.15)}.button-outline{border-color:#a4b6d2;color:var(--navy);background:transparent}.button-outline:hover{border-color:var(--navy);background:#fff}.button-ghost{background:transparent;border-color:rgba(255,255,255,.36);color:white}.button-ghost:hover{border-color:white}.header-cta{min-height:45px;padding:10px 17px;font-size:12px}
/* Hero: water movement is decorative, not an interaction. */
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 38%,#154586 0%,transparent 38%),linear-gradient(125deg,#051249 4%,#061958 57%,#073577 100%);color:white;min-height:740px}.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:6%;padding-block:104px 135px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#35678a;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.19em}.eyebrow-light{color:#d4e2f5}.eyebrow-gold{color:#e1bd72}.line-mark{width:25px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(44px,4.8vw,76px);line-height:1.13;letter-spacing:-.065em;margin:27px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.06em}.hero-copy>p{font-size:17px;max-width:565px;line-height:1.85;color:#d5e3f5;margin-bottom:28px}.hero-copy p strong{font-weight:700;color:white}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:12px}.text-link.light{color:#fff}.text-link span{color:var(--gold);font-size:21px}.hero-mini-trust{margin-top:45px;display:flex;align-items:center;gap:20px;color:#b7c8e4;font-size:12px}.hero-mini-trust b{color:#fff;font-weight:700}.hero-mini-trust i{height:18px;width:1px;background:#5472ad}.hero-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-ring{position:absolute;border:1px solid rgba(114,189,239,.12);border-radius:50%;aspect-ratio:1}.ring-one{width:700px;right:-250px;top:-170px}.ring-two{width:920px;right:-380px;top:-290px}.bubble{position:absolute;width:8px;height:8px;background:#8bdff3;border-radius:50%;opacity:.3;animation:bubbleUp 7s ease-in-out infinite}.bubble-one{right:17%;bottom:10%}.bubble-two{right:32%;bottom:20%;animation-delay:-3s;width:5px;height:5px}.bubble-three{right:7%;bottom:25%;animation-delay:-5s;width:11px;height:11px}@keyframes bubbleUp{0%,100%{transform:translateY(0) scale(.9);opacity:.07}50%{transform:translateY(-80px) scale(1.4);opacity:.38}}.hero-bottom-wave{position:absolute;z-index:3;bottom:-1px;left:0;right:0;height:72px}.hero-bottom-wave svg{width:100%;height:100%}
.hero-art{position:relative;min-height:490px}.hero-art-label{position:absolute;top:-18px;right:-12px;z-index:2;writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em;color:#a7bee3}.washer-scene{position:absolute;inset:0;border-radius:45% 45% 34% 34%;background:radial-gradient(circle at 56% 40%,rgba(132,221,253,.24),rgba(15,75,145,.20) 40%,transparent 70%);display:grid;place-items:center}.washer-scene::before{content:"";position:absolute;width:94%;aspect-ratio:1;top:2%;left:3%;border-radius:50%;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 28px rgba(145,221,255,.027),0 0 0 68px rgba(145,221,255,.018);animation:pulseRing 9s ease-in-out infinite}.washer-svg{width:min(100%,430px);filter:drop-shadow(0 24px 26px rgba(1,7,36,.26));transform:rotate(4deg);animation:softFloat 8s ease-in-out infinite}.water-flow{animation:waveShift 5s ease-in-out infinite alternate;transform-origin:center}.water-flow-back{animation-duration:7s;animation-direction:alternate-reverse}.wash-bubble{animation:liftBubble 6s ease-in-out infinite}.wash-bubble.delay{animation-delay:-2s}.wash-bubble.delay-2{animation-delay:-3.6s}@keyframes waveShift{from{transform:translateX(-22px) rotate(-1.4deg)}to{transform:translateX(28px) rotate(1deg)}}@keyframes liftBubble{0%,100%{opacity:.05;transform:translateY(25px)}50%{opacity:.8;transform:translateY(-38px)}}@keyframes softFloat{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-11px) rotate(4deg)}}@keyframes pulseRing{50%{transform:scale(1.04);opacity:.58}}
.photo-stamp{position:absolute;z-index:2;bottom:6px;left:-42px;width:222px;padding:8px;border:1px solid rgba(255,255,255,.27);border-radius:12px;background:#ecf5fb;transform:rotate(-7deg);box-shadow:0 25px 55px rgba(2,10,39,.36)}.photo-stamp img{aspect-ratio:1.45;object-fit:cover;width:100%;border-radius:6px;background:#cad6e5}.photo-stamp-foot{padding:9px 7px 5px;display:flex;gap:8px;align-items:center;font-size:11px;color:#324762;font-weight:800}.dot-small{width:7px;height:7px;border-radius:50%;background:var(--green)}.hero-art-small{position:absolute;right:-2%;bottom:22px;font-family:Georgia,serif;font-style:italic;color:#adc8e5;font-size:17px;line-height:1.3}
/* Brands */
.brand-strip{background:var(--ice);padding:29px 0 43px}.brand-strip-inner{display:grid;gap:14px;justify-items:center;text-align:center}.brand-strip p{font-size:11px;font-weight:800;letter-spacing:.18em;color:#74859c;text-transform:uppercase;margin:0}.brand-names{display:flex;justify-content:center;gap:58px;flex-wrap:wrap;align-items:center}.brand-names span{font-family:Manrope,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.05em;color:#536b90;opacity:.72}.brand-strip small{font-size:10px;color:#8694a6}
/* Shared headings */
.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:47px}.section-head h2,.services-heading h2,.faq h2{font-size:clamp(32px,4vw,54px);line-height:1.17;margin:16px 0 0;color:var(--navy)}.section-head h2 em,.services-heading h2 em,.faq h2 em{font:italic 1em Georgia,serif;letter-spacing:-.045em;color:#2c8bb6}.section-head>p{margin:0;max-width:325px;color:var(--ink-soft);font-size:14px;line-height:1.85}
/* Symptoms interactive links */
.symptoms{background:var(--white)}.symptom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line);border-radius:14px;overflow:hidden}.symptom-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:29px 27px;min-height:128px;background:var(--white);transition:background .2s,transform .2s}.symptom-item:hover{background:#eefaff}.symptom-num{grid-column:1/-1;color:#8ba9bc;font-size:12px;font-weight:700;letter-spacing:.13em}.symptom-name{font-size:20px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.055em;color:var(--navy)}.symptom-arrow{color:#248eb5;font-size:23px;transition:transform .2s}.symptom-item:hover .symptom-arrow{transform:translate(4px,-4px)}.quiet-note{color:#8593a6;font-size:11px;margin:20px 0 0}
/* Editorial alternating services */
.services{background:#eaf3f9;position:relative;overflow:hidden}.services::before{content:"";position:absolute;top:0;right:0;width:45vw;height:460px;background:radial-gradient(circle,rgba(95,195,230,.13),transparent 70%);pointer-events:none}.services-heading{margin-bottom:62px}.services-heading h2{max-width:900px}.services-heading h2 em{color:#3f94b8}.service-feature{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:32px;min-height:430px}.service-feature-alt .feature-image{order:2}.service-feature-alt .feature-copy{order:1}.feature-image{position:relative;display:grid;place-items:center;min-height:400px;overflow:hidden}.feature-image-blue{background:linear-gradient(145deg,#122461,#8caad1)}.feature-image-sky{background:linear-gradient(145deg,#d2edf7,#9acee3)}.feature-image::after{content:"";position:absolute;width:120%;height:100px;background:rgba(255,255,255,.11);bottom:-55px;left:-15px;transform:rotate(-8deg);border-radius:50%}.feature-image img{position:relative;z-index:1;width:80%;max-width:430px;height:340px;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(1,11,56,.14));transition:transform .5s}.service-feature:hover .feature-image img{transform:scale(1.025)}.feature-image-tag{position:absolute;z-index:2;top:27px;left:30px;color:var(--navy);background:#fff;padding:10px 13px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.13em}.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:60px 9%}.step-mark{font-size:11px;letter-spacing:.16em;font-weight:800;color:#4d90af}.feature-copy h3{font-size:clamp(27px,3.2vw,45px);line-height:1.15;margin:18px 0 20px;color:var(--navy)}.feature-copy h3 em{font:italic 1em Georgia,serif;color:#2e86af}.feature-copy p{font-size:14px;line-height:1.9;color:var(--ink-soft);max-width:390px}.feature-rule{margin:18px 0;height:1px;background:#e2eaf1;width:100%}.feature-detail{font-size:11px;color:#74849c;margin-bottom:25px}.feature-copy .button{align-self:start}.service-extra{display:grid;grid-template-columns:140px 1fr auto;gap:28px;align-items:center;border:1px solid #c5dce8;border-radius:16px;padding:30px 42px;margin-top:33px}.service-extra h3{font-size:29px;color:var(--navy);line-height:1.2;margin:7px 0}.service-extra p{max-width:580px;font-size:13px;line-height:1.8;color:var(--ink-soft);margin-bottom:0}.service-extra-decoration{height:115px;display:grid;place-items:center}.water-drop{position:relative;width:76px;height:92px;border-radius:75% 75% 75% 8%;transform:rotate(-45deg);background:linear-gradient(145deg,#a8edfc,#1d9ccf);box-shadow:inset -8px -8px 20px rgba(9,50,112,.19),12px 16px 25px rgba(20,133,170,.13)}.water-drop::after{content:"";position:absolute;width:23px;height:40px;border:6px solid rgba(255,255,255,.66);border-right:0;border-bottom:0;border-radius:50%;top:16px;left:15px;transform:rotate(12deg)}
/* Process timeline */
.process{background:#fff}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:64px}.process-step>span{display:block;font-size:11px;font-weight:800;letter-spacing:.13em;color:#5c7594}.process-step>span i{font-style:normal;color:#d1a95f;margin-inline:9px}.process-line{height:2px;background:linear-gradient(90deg,var(--gold) 20%,#dce7f1 20%);margin:25px 0 29px}.process-step h3{font-size:22px;color:var(--navy);margin-bottom:12px}.process-step p{max-width:280px;color:#687b95;font-size:13px;line-height:1.85}.process-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:35px;padding-top:26px;border-top:1px solid #e3eaf0;color:#7c8c9e;font-size:12px}.link-arrow{font-weight:800;font-size:14px;color:var(--navy);display:inline-flex;gap:18px}.link-arrow span{color:#bc9250;font-size:22px}
/* Dark about */
.about{background:linear-gradient(120deg,#061752,#010e3c);color:white;padding:110px 0;overflow:hidden}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center}.about-emblem{min-height:370px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;isolation:isolate}.about-emblem>span{font-family:Manrope,sans-serif;font-size:clamp(55px,6vw,90px);font-weight:800;letter-spacing:-.11em;line-height:.94;z-index:2;color:#edf5ff}.about-emblem>span span{color:var(--gold)}.about-emblem>small{z-index:2;margin-top:24px;font-size:11px;letter-spacing:.3em;color:#91a9cf}.emblem-orbit{position:absolute;aspect-ratio:1;border:1px solid rgba(190,215,255,.25);border-radius:50%}.orbit-one{width:335px;transform:rotateX(23deg)}.orbit-two{width:290px;border-color:rgba(214,170,95,.35);transform:rotateY(30deg)}.about-copy h2{font-size:clamp(31px,3.9vw,51px);line-height:1.16;margin:18px 0 28px}.about-copy h2 em{font:italic .96em Georgia,serif;color:#ccac6b}.about-copy>p{color:#c9d6ed;line-height:1.9;font-size:15px;max-width:580px}.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0 35px}.about-facts>div{border-top:1px solid rgba(255,255,255,.25);padding-top:18px;display:grid;gap:8px}.about-facts b{font-family:Manrope,sans-serif;color:white;font-size:19px}.about-facts span{color:#afc0dd;font-size:12px;line-height:1.7}
/* FAQs */
.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}.faq-left>p{font-size:14px;line-height:1.85;color:#65778b;max-width:310px;margin:24px 0}.faq-water{margin-top:55px;position:relative;height:90px;display:flex;align-items:end;gap:13px}.faq-water span{width:37px;height:47px;border-radius:70% 70% 70% 8%;background:linear-gradient(145deg,#afeafa,#45b9db);transform:rotate(-45deg)}.faq-water span:nth-child(2){width:24px;height:31px;opacity:.55;margin-bottom:20px}.faq-water span:nth-child(3){width:16px;height:22px;opacity:.33;margin-bottom:32px}.faq-list details{border-bottom:1px solid #dde8ee}.faq-list details:first-child{border-top:1px solid #dde8ee}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;color:var(--navy)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;color:#4ca4c5;font-weight:400;line-height:1;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#5d6f83;font-size:13px;line-height:1.8;margin:0 0 26px;max-width:630px}
/* Contact */
.contact{padding:35px 0 110px;background:white}.contact-card{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;padding:76px 8%;text-align:center;background:radial-gradient(ellipse at 80% 5%,#133c83,transparent 48%),#061449;color:#fff}.contact-card .eyebrow,.contact-card h2,.contact-card p,.contact-actions{position:relative;z-index:2}.contact-card h2{font-size:clamp(30px,4vw,54px);line-height:1.19;margin:19px 0}.contact-card h2 em{font:italic 1em Georgia,serif;color:#e4bc70}.contact-card>p{font-size:14px;max-width:520px;color:#c5d6ed;line-height:1.9;margin:0 auto 30px}.contact-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.contact-water{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.35}.contact-water span{position:absolute;border-radius:50%;width:600px;aspect-ratio:1;border:1px solid #6fbbe8;right:-200px;top:-320px}.contact-water span:nth-child(2){width:480px;right:-140px;top:-260px}.contact-water span:nth-child(3){width:360px;right:-80px;top:-200px}
/* Footer */
.footer{background:#030d35;color:#b6c4df;padding:72px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:12%;padding-bottom:64px}.footer-brand img{width:174px;height:auto}.footer-brand p{font-size:13px;line-height:1.9;max-width:310px;margin:20px 0 0}.footer h3{color:#fff;font-size:14px;font-family:Manrope,sans-serif;letter-spacing:0;margin:0 0 22px}.footer-grid nav,.footer-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-grid a,.footer-grid span{font-size:13px;line-height:1.5}.footer-grid a:hover,.footer-bottom a:hover{color:var(--gold-light)}.footer-wa{color:#62df9e!important;font-weight:800;margin-top:4px}.footer-bottom{padding:23px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;font-size:11px}.floating-whatsapp{position:fixed;z-index:70;bottom:24px;right:24px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white;box-shadow:0 13px 32px rgba(1,60,40,.28);border:3px solid white;transition:transform .25s}.floating-whatsapp:hover{transform:translateY(-5px)}.floating-whatsapp svg{width:28px;height:28px}
.reveal{opacity:0;transform:translateY(23px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}