/*
Theme Name: Impermeabiliza BCN
Author: Vixion
Version: 2.0.0
Description: Impermeabilización de tejados y fachadas. Diseño visual adaptable a móvil.
*/
:root{--ink:#071c37;--blue:#0065ee;--cyan:#00cee9;--paper:#f3f7fc;--line:#d4e1ef;--grad:linear-gradient(115deg,#0048ef,#0088ff 58%,#00cce5)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.wrap{width:min(1320px,90%);margin:auto}.scroll-progress{position:fixed;top:0;left:0;height:4px;background:var(--grad);width:0;z-index:60}.nav{position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(20px);z-index:30;border-bottom:1px solid #e0e8f2}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:105px;padding:10px 0}.brand{display:block;flex-shrink:0;width:340px;max-width:40%}.logo{width:100%;height:auto;object-fit:contain}.nav nav{display:flex;align-items:center;gap:28px;font-size:16px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--grad);color:white;padding:18px 23px;border:0;border-radius:13px;font-weight:700;font-size:17px;line-height:1.4;transition:transform .25s,box-shadow .25s;background-size:160% 160%;box-shadow:0 10px 24px #0065ee20}.btn:hover{transform:translateY(-4px);box-shadow:0 15px 30px #0065ee40;background-position:100% 50%}.btn.light{background:white;color:var(--blue)}.hero{position:relative;isolation:isolate;overflow:hidden;color:white;background:#071c37;min-height:780px;display:flex;align-items:center;padding:65px 0}.hero-media,.hero-shade{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 48%;animation:herozoom 22s ease-in-out infinite alternate;will-change:transform}.hero-shade{z-index:-1;background:linear-gradient(90deg,#06152de8 0%,#071b35b8 40%,#082d5180 72%,#03356d80),linear-gradient(0deg,#05172a90,transparent 70%)}.hero:after{content:'';position:absolute;z-index:-1;width:600px;height:600px;left:-250px;bottom:-400px;background:#0065ee80;filter:blur(100px);border-radius:50%;animation:glow 10s infinite alternate}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.eyebrow{font-size:16px;font-weight:600;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:24px;height:3px;background:var(--cyan);flex-shrink:0}.hero h1{font-size:clamp(60px,6.4vw,92px);letter-spacing:-.055em;line-height:1.03;font-weight:600;margin:28px 0}.hero h1 span{background:linear-gradient(100deg,#71dcff,#00d6e9 40%,#78a7ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy p{font-size:22px;line-height:1.65;color:#e0ebf8;max-width:500px}.hero-call{display:inline-block;font-size:30px;font-weight:600;border-bottom:1px solid #ffffff70;margin:8px 0 24px}.explore{display:flex;align-items:center;gap:18px;font-size:17px}.explore span{font-size:25px;animation:bounce 2s infinite}.hero-note{position:absolute;bottom:14px;left:5%;font-size:16px;color:#e0ebf8;background:#06152db0;border-radius:6px;padding:4px 10px}.quote{background:linear-gradient(145deg,#fffffff5,#e6f3fff5);border:1px solid #fff8;color:var(--ink);padding:32px;border-radius:24px;box-shadow:0 30px 90px #00132e40;backdrop-filter:blur(20px);position:relative}.quote:before{content:'';position:absolute;inset:-2px;border-radius:26px;background:var(--grad);z-index:-1;opacity:.5;filter:blur(9px)}.form-kicker{font-size:16px;color:#075fd0;font-weight:600}.quote h2{font-size:39px;letter-spacing:-.045em;line-height:1.1;margin:12px 0 24px;font-weight:600}.quote label{display:block;font-size:17px;font-weight:600;margin-top:14px}.quote input,.quote select{display:block;width:100%;margin-top:7px;background:#fff;border:1px solid #bfd1e6;border-radius:10px;padding:13px 14px;color:var(--ink);min-height:51px;font-size:18px}.quote input:focus,.quote select:focus{outline:2px solid #37b9ff;outline-offset:1px}.quote .btn{width:100%;margin-top:24px;padding:17px 14px;font-size:17px}.form-info{font-size:16px;margin-top:16px}.form-info summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.form-info p{font-size:16px;line-height:1.65}.form-info a{text-decoration:underline}.marquee{background:var(--grad);color:white;overflow:hidden;padding:23px 0}.marquee>div{white-space:nowrap;font-size:23px;font-weight:600;letter-spacing:.05em;animation:ticker 30s linear infinite;width:max-content}.marquee i{font-size:25px;font-style:normal;margin:0 30px;color:#aafaff}.section{padding:100px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}h2{font-size:clamp(40px,4.7vw,66px);line-height:1.06;letter-spacing:-.05em;font-weight:500;margin:22px 0 0}.heading p{font-size:20px;color:#465d76;line-height:1.65;margin-bottom:3px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.service{position:relative;min-height:600px;overflow:hidden;border-radius:22px;isolation:isolate;background:#123c60;color:white;transition:transform .4s,box-shadow .4s}.service>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;z-index:-2;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.service:hover{transform:translateY(-7px);box-shadow:0 25px 60px #0048ef20}.service:hover>img{transform:scale(1.07)}.service-shade{position:absolute;inset:0;background:linear-gradient(0deg,#03142df2 0%,#03255350 65%,#00163210);z-index:-1}.service-content{position:absolute;bottom:62px;left:35px;right:30px}.service-content>span{font-size:17px;letter-spacing:.08em}.service h3{font-size:clamp(38px,4vw,60px);line-height:1.07;letter-spacing:-.04em;margin:15px 0}.service p{font-size:19px}.service b{display:inline-block;font-size:18px;border-bottom:1px solid #fff9;padding-bottom:7px}.service em{position:absolute;bottom:17px;left:35px;font-size:16px;font-style:normal;color:#d5e5fa}.statement{background:linear-gradient(120deg,#051c42,#004be4 60%,#04a7d7);color:white;padding:100px 0;position:relative;overflow:hidden}.statement .wrap{position:relative;z-index:2}.statement h2{font-size:clamp(45px,6.3vw,90px);margin-bottom:35px;max-width:950px}.statement h2 span{color:#a7f5ff}.water-orb{position:absolute;right:-120px;top:-100px;width:650px;height:650px;border-radius:50%;border:1px solid #ffffff40;background:radial-gradient(circle at 35% 30%,#72edff55,#0a53f320 60%);box-shadow:inset 0 0 100px #00e4ff50;animation:orb 10s infinite alternate}.gallery-section{background:linear-gradient(160deg,#f3f7fc,#e6f0ff 70%,#e4fafd)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.filters button{border:1px solid #b9cee4;background:white;color:var(--ink);border-radius:40px;padding:12px 20px;font-size:17px;min-height:48px;transition:background .2s,transform .2s}.filters button:hover{transform:translateY(-2px)}.filters button.active{background:var(--grad);color:white;border-color:transparent}.gallery-note{font-size:17px;color:#49617a;max-width:800px;margin:0 0 32px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.photo{border:0;padding:0;background:white;text-align:left;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 10px 30px #1239620c;transition:transform .4s,box-shadow .4s}.photo:nth-child(3n+2){margin-top:45px}.photo:hover{transform:translateY(-7px)!important;box-shadow:0 22px 50px #12396225}.photo img{width:100%;height:330px;object-fit:cover;transition:transform .8s}.photo:nth-child(3n+1) img{height:390px}.photo:hover img{transform:scale(1.055)}.photo>span{padding:18px 20px 4px;display:flex;justify-content:space-between;gap:12px;font-size:18px;font-weight:600;color:var(--ink);background:white;position:relative}.photo>em{font-size:16px;color:#526a80;display:block;padding:0 20px 19px;font-style:normal;background:white;position:relative}.photo[hidden]{display:none}.contact-band{background:#071c37;color:white;padding:100px 0}.contact-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-band h2{font-size:clamp(43px,5.5vw,76px);margin-bottom:0}.contact-options a{display:block;padding:22px 0;border-bottom:1px solid #ffffff30;color:#abc3e0;font-size:18px}.contact-options strong{display:block;color:white;font-size:31px;font-weight:500;letter-spacing:-.025em;transition:color .25s}.contact-options a:hover strong{color:#4ddfff}.contact-options .email strong{font-size:clamp(18px,1.7vw,25px);overflow-wrap:anywhere}footer{background:#041225;color:#c0cfe2;padding:45px 0;font-size:16px}footer .wrap{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}footer strong{color:white;font-size:18px}footer p{font-size:16px}footer nav{display:flex;gap:22px;flex-wrap:wrap;align-items:start}footer a{text-decoration:underline;text-underline-offset:5px}.mobile-contact{display:none}.legal{width:min(900px,90%);margin:auto;min-height:60vh;padding:60px 0 90px;font-size:19px;line-height:1.85;overflow-wrap:anywhere}.legal h1{font-size:clamp(38px,5vw,64px);line-height:1.1;letter-spacing:-.04em}.legal h2{font-size:30px;margin:38px 0 18px;letter-spacing:-.025em}.legal a{text-decoration:underline;color:#075fd0}.skip{position:fixed;top:-150px}.skip:focus{top:8px;left:8px;z-index:90;background:white;padding:15px}.lightbox{padding:0;border:0;background:#041123f5;color:white;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.lightbox::backdrop{background:#041123ee}.lightbox figure{margin:0;position:absolute;inset:70px 85px 45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.lightbox figure img{object-fit:contain;max-width:100%;max-height:calc(100% - 75px);width:auto;height:auto;border-radius:6px}.lightbox figcaption{font-size:18px;text-align:center}.lightbox button{border:1px solid #ffffff60;background:#142d47;color:white;border-radius:50%;height:52px;width:52px;font-size:25px;position:absolute;z-index:2}.close-view{top:15px;right:20px}.prev-view{left:18px;top:48%}.next-view{right:18px;top:48%}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion .reveal.visible{opacity:1;transform:none}.photo.visible:nth-child(3n+2){transition-delay:.08s}.photo.visible:nth-child(3n+3){transition-delay:.15s}@keyframes herozoom{from{transform:scale(1.01)}to{transform:scale(1.1)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes glow{to{transform:translate(200px,-100px)}}@keyframes orb{to{transform:translate(-40px,50px) scale(1.1)}}@keyframes bounce{50%{transform:translateY(7px)}}@media(max-width:1050px){.brand{width:300px}.nav nav{gap:18px}.nav nav>a:not(.btn){display:none}.hero-grid{gap:35px}.hero h1{font-size:72px}.quote{padding:25px}.gallery{grid-template-columns:repeat(2,1fr)}.photo:nth-child(3n+2){margin-top:0}.photo:nth-child(even){margin-top:35px}.photo img,.photo:nth-child(3n+1) img{height:340px}.contact-band .wrap{gap:40px}}@media(max-width:700px){html{scroll-padding-top:90px}.wrap{width:90%}.nav .wrap{min-height:90px;padding:10px 0;gap:12px}.brand{width:260px;max-width:68%}.nav nav .btn{padding:12px;font-size:16px;max-width:125px;border-radius:10px}.hero{padding:42px 0 58px;min-height:0}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-image{object-position:40% center}.hero-shade{background:linear-gradient(180deg,#06152dd9,#07375fa0 40%,#071b35d9)}.hero h1{font-size:clamp(52px,12.7vw,78px);margin:20px 0}.hero-copy p{font-size:20px;line-height:1.6;margin:18px 0}.hero-call{font-size:28px;margin:0 0 10px}.explore{display:none}.quote{border-radius:20px;padding:25px}.quote h2{font-size:36px}.quote h2 br{display:none}.quote input,.quote select{font-size:18px}.hero-note{font-size:16px;left:5%;bottom:15px}.section{padding:65px 0}.heading{display:block;margin-bottom:30px}.heading h2{font-size:49px}.heading p{font-size:19px;margin-top:22px}.service-grid{grid-template-columns:1fr;gap:22px}.service{min-height:490px}.service h3{font-size:48px}.service-content{left:25px;right:20px;bottom:60px}.service em{left:25px}.statement{padding:70px 0}.statement h2{font-size:48px}.water-orb{width:450px;height:450px;right:-260px}.gallery{gap:14px}.photo img,.photo:nth-child(3n+1) img{height:245px}.photo:nth-child(even){margin-top:24px}.photo>span{padding:14px 13px 5px;font-size:17px;line-height:1.4}.photo>em{padding:0 13px 16px;font-size:16px}.filters{gap:9px}.filters button{font-size:16px;padding:11px 14px}.gallery-note{font-size:17px}.contact-band{padding:65px 0}.contact-band .wrap{grid-template-columns:1fr;gap:25px}.contact-band h2{font-size:51px}.contact-options strong{font-size:30px}.contact-options .email strong{font-size:21px}footer{padding:35px 0 110px}footer nav{gap:18px;font-size:17px}.mobile-contact{position:fixed;z-index:40;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fffffff5;backdrop-filter:blur(18px);padding:10px 5% calc(10px + env(safe-area-inset-bottom));box-shadow:0 -5px 30px #031d3c22}.mobile-contact a{display:flex;justify-content:center;align-items:center;padding:13px 8px;background:var(--grad);color:white;border-radius:10px;font-size:18px;font-weight:600;min-height:51px}.mobile-contact a:last-child{background:linear-gradient(110deg,#087759,#099b78)}.lightbox figure{inset:75px 18px 95px}.lightbox figure img{max-height:calc(100% - 90px)}.lightbox figcaption{font-size:17px}.prev-view{top:auto;bottom:20px;left:calc(50% - 75px)}.next-view{top:auto;bottom:20px;right:calc(50% - 75px)}.legal{font-size:19px;padding-top:35px}.legal h2{font-size:28px}.eyebrow{font-size:17px}.marquee>div{font-size:20px}}@media(max-width:380px){.gallery{grid-template-columns:1fr}.photo:nth-child(even){margin-top:0}.photo img,.photo:nth-child(3n+1) img{height:350px}.nav nav .btn{max-width:110px;padding:10px}.brand{max-width:63%}.hero h1{font-size:52px}.quote{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}}

/* Ajustes de legibilidad y proporción para móvil. */
.quote{background:linear-gradient(145deg,#fff,#eff8ff);border:1px solid #c6e8ff}.quote:before{display:none}
@media(max-width:700px){.nav .wrap{gap:10px}.brand{width:230px;max-width:64%;flex-shrink:1;min-width:0}.nav nav{flex-shrink:0;width:110px}.nav nav .btn{width:110px;max-width:110px;font-size:16px;padding:11px 9px;line-height:1.4}.hero .eyebrow{font-size:17px;line-height:1.4}}

.privacy-link{display:block;font-size:16px;text-decoration:underline;margin-top:16px}.service-content{bottom:35px}.photo img,.photo:nth-child(3n+1) img{height:410px}.quote h2{margin-top:0}.service h3{font-size:52px}.hero h1{font-size:clamp(70px,7.2vw,104px)}.hero{min-height:690px}.hero-copy p{max-width:510px}.heading:has(p:empty){display:block}@media(max-width:700px){.hero h1{font-size:76px;margin:8px 0 20px}.hero{padding-top:35px}.hero-copy p{font-size:21px;line-height:1.5;margin:15px 0 20px}.hero-grid{gap:25px}.quote h2{font-size:34px}.photo img,.photo:nth-child(3n+1) img{height:270px}.service-content{bottom:30px}.service h3{font-size:44px}.heading h2{font-size:46px}.contact-band h2{font-size:45px}}

/* Galería uniforme: proporciones constantes, sin estirar las fotografías. */
.gallery{align-items:stretch}.photo,.photo:nth-child(even),.photo:nth-child(3n+2){margin-top:0!important;aspect-ratio:4/3;background:#dbe8f2}.photo img,.photo:nth-child(3n+1) img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}.photo:nth-child(1) img,.photo:nth-child(2) img,.photo:nth-child(4) img{object-position:50% 65%}.service-content{bottom:30px}.gallery-section .heading{margin-bottom:35px}@media(max-width:700px){.gallery{grid-template-columns:1fr 1fr;gap:12px}.photo,.photo:nth-child(even),.photo:nth-child(3n+2){aspect-ratio:1/1}.photo img,.photo:nth-child(3n+1) img{aspect-ratio:1/1;height:100%;object-fit:cover}.service{min-height:420px}.service h3{font-size:42px}.service>img{object-position:center}}

/* Tipografía y controles ampliados. */
.ui-arrow{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;flex:0 0 27px;font-size:25px;line-height:1;vertical-align:middle;font-weight:400}.btn{min-height:60px;font-size:20px;padding:18px 25px;gap:14px}.nav nav{font-size:19px}.hero-copy p{font-size:26px;line-height:1.5}.hero-call{font-size:36px;display:inline-flex;align-items:center;gap:15px}.quote h2{font-size:43px}.quote label{font-size:20px}.quote input,.quote select{font-size:21px;min-height:59px;padding:15px}.quote .btn{min-height:66px;font-size:20px;justify-content:space-between;padding:18px}.privacy-link{font-size:18px}.service b{display:inline-flex;align-items:center;gap:14px;font-size:21px}.nav nav .btn{white-space:nowrap}.contact-options strong{font-size:36px}.contact-options .email strong{font-size:26px}.contact-options strong .ui-arrow{margin-left:10px}footer{font-size:18px}footer p,footer nav{font-size:18px}.lightbox button{height:60px;width:60px;font-size:29px}.lightbox figcaption{font-size:21px}@media(max-width:700px){.nav .wrap{min-height:100px}.brand{max-width:62%;width:230px}.nav nav{width:122px;flex-shrink:0}.nav nav .btn{width:122px;max-width:122px;white-space:normal;padding:12px 10px;font-size:18px;min-height:56px;gap:7px}.nav nav .ui-arrow{font-size:22px;width:21px;flex-basis:21px}.hero h1{font-size:80px}.hero-copy p{font-size:23px}.hero-call{font-size:31px;gap:12px}.quote{padding:23px}.quote h2{font-size:36px;line-height:1.15}.quote label{font-size:20px;margin-top:19px}.quote input,.quote select{font-size:20px;min-height:58px;padding:14px 12px}.quote .btn{font-size:20px;min-height:66px;gap:12px}.quote .btn>span:first-child{flex:1}.service h3{font-size:45px}.service b{font-size:21px}.heading h2{font-size:48px}.statement h2{font-size:50px}.contact-options strong{font-size:32px}.contact-options .email strong{font-size:23px}.mobile-contact a{font-size:21px;gap:13px;min-height:58px}.mobile-contact .ui-arrow{font-size:25px}.btn{font-size:21px;min-height:60px;padding:17px 22px}.contact-band h2{font-size:46px}footer{padding-bottom:125px}.lightbox .prev-view{left:calc(50% - 80px)}.lightbox .next-view{right:calc(50% - 80px)}}@media(max-width:380px){.hero h1{font-size:70px}.brand{max-width:59%}.nav nav,.nav nav .btn{width:115px;max-width:115px}.quote .btn{font-size:19px}}

/* Botones sin texto ni flechas fuera del área pulsable. */
.btn{max-width:100%;min-width:0;display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;box-sizing:border-box}.btn .ui-arrow{flex:0 0 25px;width:25px;height:25px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.quote .btn{width:100%;font-size:20px;gap:10px;padding:17px 15px;justify-content:center;line-height:1.4}.nav nav .btn{gap:9px}.service b{max-width:100%;line-height:1.5}.contact-options strong .ui-arrow{vertical-align:middle}@media(max-width:700px){.nav .wrap{gap:10px}.brand{width:calc(100% - 138px);max-width:none;min-width:0;flex:1}.nav nav{width:128px;flex:0 0 128px}.nav nav .btn{width:128px;max-width:128px;padding:12px 10px;font-size:18px;line-height:1.4;gap:7px;min-height:56px;white-space:nowrap}.nav nav .ui-arrow{width:22px;flex-basis:22px;font-size:22px}.quote .btn{font-size:20px;min-height:62px;white-space:normal;text-align:center}.mobile-contact a{min-width:0;gap:12px;white-space:nowrap;padding:12px 8px;line-height:1.4}.mobile-contact .ui-arrow{flex-basis:24px;width:24px}.hero-copy p{font-size:23px}}

.hero h1{font-size:clamp(48px,5.1vw,80px);line-height:1.04;letter-spacing:-.045em}.hero h1 span{display:inline-block}@media(max-width:700px){.hero h1{font-size:clamp(43px,10.8vw,66px);line-height:1.08;letter-spacing:-.04em}}

/* Cabecera integrada en la portada */
body:has(.hero) .nav{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(4,18,40,.72),rgba(4,18,40,0));border:0;backdrop-filter:none;padding:16px 0 24px}
body:has(.hero) .nav .wrap{min-height:100px}
body:has(.hero) .brand{background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 8px 30px #00102920}
body:has(.hero) .nav nav>a:not(.btn){color:#fff}
body:has(.hero) .hero{padding-top:190px;padding-bottom:80px;min-height:850px}
@media(max-width:700px){body:has(.hero) .nav{padding:10px 0 20px}body:has(.hero) .nav .wrap{min-height:86px;gap:12px}body:has(.hero) .brand{padding:8px 10px;border-radius:12px}body:has(.hero) .hero{padding-top:145px;padding-bottom:58px;min-height:0}body:has(.hero) .hero-grid{gap:30px}}
@media(max-width:700px){body:has(.hero) .hero{padding-top:clamp(170px,36vw,240px)}}body:has(.hero) .brand{background:transparent;box-shadow:none;border-radius:0;padding:0;mix-blend-mode:screen}body:has(.hero) .brand .logo{filter:grayscale(1) invert(1) contrast(1.6);mix-blend-mode:screen}body:has(.hero) .nav .btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.55);color:#fff;box-shadow:none;backdrop-filter:blur(12px)}body:has(.hero) .nav .btn:hover{background:rgba(255,255,255,.24)}body:has(.hero) .nav{mix-blend-mode:screen}body:has(.hero) .nav{mix-blend-mode:normal;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 58%,rgba(255,255,255,0) 100%);padding-bottom:45px}body:has(.hero) .brand{mix-blend-mode:normal;background:transparent}body:has(.hero) .brand .logo{filter:none;mix-blend-mode:normal}body:has(.hero) .nav .btn{background:linear-gradient(125deg,#2141dc,#1678f4);color:#fff;border:1px solid #ffffff60;box-shadow:0 8px 22px #173b9c25}body:has(.hero) .nav nav>a:not(.btn){color:#09284d}