/* Original system: Jeko 140/100/78, forest #034638, lime #BBFD6A; original full-screen rhythm and masks. */
header .logo{width:150px!important}header .logo img{display:block;width:100%;height:auto;filter:brightness(0) invert(87%) sepia(51%) saturate(600%) hue-rotate(30deg)}
#menu header .logo img{filter:none}#menu .illu img{object-fit:cover;width:100%;height:100%}
#canva img[data-product]{object-fit:cover;object-position:70% center;width:100%;height:100%}
[data-page=home]~[data-section="3"].step .wrap,[data-page=home]~[data-section="4"].step .wrap{left:5%;transform:none;width:42%;bottom:35%;text-align:left}
[data-page=home]~[data-section="3"].step .btn-wrap{left:5%;transform:none;bottom:23%}
[data-page=home]~[data-section="8"].step .inside{background:#e7f0d6}
[data-page=home]~[data-section="8"].step .text{z-index:3;top:8vh}
[data-page=home]~[data-section="8"].step img{height:65vh;bottom:10vh;border:0;mix-blend-mode:multiply}
footer{padding:35px 6vw!important}footer p{font-size:16px;margin-top:12px}footer .title{font-size:28px}
.contact{cursor:pointer}.contact>svg.arrow{display:block}dialog{border:0;border-radius:8px;padding:32px;background:#e7f0d6;color:#034638;max-width:900px;width:90vw;max-height:88vh;overflow:auto}dialog::backdrop{background:#00291ee0}dialog img{width:46%;max-height:45vh;object-fit:contain}dialog h2{font-size:36px;margin:20px 0}dialog p{font-size:18px;line-height:1.5}dialog button{float:right;border:1px solid #034638;border-radius:50%;width:44px;height:44px;font-size:28px;background:transparent;color:#034638;cursor:pointer}
@media(max-width:767px){header .logo{width:100px!important}#canva img[data-product]{object-position:70% center;object-fit:contain;background:#003b29;transform:translate(-50%,-50%)!important}[data-page=home]~[data-section="3"].step .wrap,[data-page=home]~[data-section="4"].step .wrap{width:90%;left:5%;bottom:17%;text-align:center}[data-page=home]~[data-section="3"].step .btn-wrap{left:50%;transform:translateX(-50%);bottom:8%}[data-page=home]~[data-section="8"].step .text{font-size:6vh;width:90vw}[data-page=home]~[data-section="8"].step img{height:50vh;bottom:15vh}footer p{font-size:13px}dialog img{width:100%}dialog h2{font-size:28px}}
header .logo img{filter:invert(1)!important;mix-blend-mode:screen}#menu header .logo img{filter:none!important;mix-blend-mode:multiply}

#canva .real-reveal{position:absolute;inset:0;background:#e7f0d6;z-index:2;opacity:0;overflow:hidden}#canva .real-reveal img{display:block!important;object-fit:contain!important;height:75%;width:auto;max-width:75%;top:57%;mix-blend-mode:multiply}#canva .real-reveal span{position:absolute;bottom:7%;left:0;width:100%;text-align:center;color:#034638;font-size:17px}.chamber-label{position:absolute;left:8%;top:27%;color:#BBFD6A;font-size:20px;z-index:2;opacity:0;max-width:32%;line-height:1.3}.chamber-label span{display:block;width:70px;height:1px;background:#BBFD6A;margin-bottom:20px}#canva[data-phase="real"]~[data-section="6"] .text span{color:#034638}[data-section="6"] .wrap{z-index:3}header .menu:focus-visible,.scroll-down li:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:767px){#canva .real-reveal img{height:60%;max-width:90%;top:55%}.chamber-label{font-size:14px;left:6%;top:23%;max-width:60%}#canva .real-reveal span{font-size:13px;bottom:14%}}
@media(prefers-reduced-motion:reduce){.contact .spin{animation:none!important}*{scroll-behavior:auto!important}}
.scene-note{font-size:clamp(16px,1.5vw,24px);line-height:1.45;max-width:620px;margin:24px auto 0;color:#BBFD6A;opacity:0}.step.on .scene-note{opacity:1}[data-section="4"] .scene-note{text-align:left}header .logo{mix-blend-mode:screen}#menu header .logo{mix-blend-mode:multiply}
body.reduced{height:auto!important;overflow:auto!important}body.reduced #canva,body.reduced .scroll-down,body.reduced .contact{display:none!important}body.reduced main{height:auto!important}body.reduced .step{position:relative!important;display:flex!important;align-items:center;justify-content:center;min-height:70vh;height:auto!important;padding:100px 6vw;transform:none!important;opacity:1!important;pointer-events:auto!important;background:#034638}body.reduced .step .wrap,body.reduced .step .split,body.reduced .step .inside{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important}body.reduced .step .text{opacity:1!important;font-size:clamp(30px,5vw,70px)!important;color:#BBFD6A!important}body.reduced .over,body.reduced .gradient,body.reduced .step svg{display:none!important}body.reduced .scene-note{opacity:1}body.reduced .step .btn-wrap{position:relative!important;inset:auto!important;transform:none!important;margin:32px 0}body.reduced [data-section="2"]{display:none!important}body.reduced [data-section="3"]{background:#003b29 url('assets/producto/germinadora-beige-hero-bosque-v3.png') center/cover no-repeat;min-height:80vh}body.reduced [data-section="8"] .block{position:relative!important;transform:none!important;height:50vh!important;width:100%!important}body.reduced [data-section="8"] img{height:100%!important;bottom:0!important}body.reduced [data-section="8"] .text{position:relative!important;inset:auto!important;transform:none!important;width:auto!important}body.reduced [data-section="8"] .inside{display:block!important;text-align:center;background:#034638}body.reduced [data-section="9"]{background:#BBFD6A}body.reduced footer{position:relative!important;transform:none!important}body.reduced #menu,body.reduced #menu-shape{transition:none!important}body.reduced *{animation:none!important}
.scene-note{letter-spacing:normal!important;word-spacing:normal!important;white-space:normal!important}#canva img[data-product]{object-fit:contain;background:#003b29}
[data-page=home]~[data-section="5"].step .wrap{left:6%;width:39%;transform:none;top:18%;text-align:left}
[data-page=home]~[data-section="6"].step .wrap{top:12%;width:90%;text-align:center}
@media(max-width:767px){[data-page=home]~[data-section="5"].step .wrap{left:5%;width:90%;top:16%;text-align:center}.scene-note{font-size:16px;max-width:90%}}
body.reduced #menu-shape{display:none!important}body.reduced #menu{background:#BBFD6A}
/* Mobile product presentation: square approved photograph, full appliance visible. */
.scene-note{opacity:1}
@media(max-width:767px){#canva img[data-product]{width:min(120vw,58vh)!important;height:min(120vw,58vh)!important;max-width:none;left:50%;top:11vh;transform:translateX(-50%)!important;object-fit:contain;object-position:center;background:#e7f0d6;border-radius:45% 45% 12% 12%}#canva[data-phase="detail"] .chamber-label{display:none}}
@media(min-width:768px){#canva img[data-product]{mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent)}}
/* Product title stays beneath the approved portrait image in mobile narrative. */
@media(max-width:767px){#canva .chamber-label{display:none!important}#canva[data-phase="reveal"],#canva[data-phase="detail"],#canva[data-phase="real"]{background-image:none!important;background-color:#003b29}[data-page=home]~[data-section="5"].step .wrap{top:calc(11vh + min(120vw,58vh) + 20px);bottom:auto;left:8%;width:84%;transform:none;text-align:center}[data-page=home]~[data-section="5"].step .text{font-size:clamp(28px,8vw,40px);line-height:1.06}}
/* v2 identity: genuine alpha generated mark; no badge or blend workaround. */ header .logo,#menu header .logo{mix-blend-mode:normal!important;background:transparent!important;width:184px!important}header .logo img{mix-blend-mode:normal!important;filter:invert(94%) sepia(8%) saturate(477%) hue-rotate(9deg) brightness(102%) contrast(94%)!important}#menu header .logo img{filter:none!important;mix-blend-mode:normal!important}@media(max-width:767px){header .logo,#menu header .logo{width:142px!important}}
/* v2 editorial images: continuous forest, retained organic reveal. */
#canva img[data-product]{background:#034638;object-position:center;mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent)}
#canva .real-reveal{background:#034638}#canva .real-reveal img{height:82%;max-width:70%;top:54%;mix-blend-mode:normal;mask-image:linear-gradient(to bottom,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 8%,black 92%,transparent)}#canva .real-reveal span{color:#BBFD6A;bottom:3%}#canva[data-phase="real"]~[data-section="6"] .text span{color:#BBFD6A}
[data-page=home]~[data-section="8"].step .inside{background:#034638}[data-page=home]~[data-section="8"].step img{mix-blend-mode:normal;mask-image:linear-gradient(to bottom,transparent,black 8%,black 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 8%,black 90%,transparent)}
#menu .illu{background:#034638}#menu .illu img{object-fit:cover;object-position:center}
body[data-active-scene="8"]>header .logo img{filter:none!important}
@media(max-width:767px){#canva img[data-product]{width:100vw!important;height:58vh!important;top:11vh;background:#034638;border-radius:0;mask-image:linear-gradient(to bottom,transparent,black 8%,black 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 8%,black 90%,transparent)}#canva[data-phase="reveal"],#canva[data-phase="detail"],#canva[data-phase="real"]{background-color:#034638}#canva .real-reveal img{height:60%;max-width:100%;top:57%}#canva .real-reveal span{bottom:9%;padding:0 15%;box-sizing:border-box}[data-page=home]~[data-section="5"].step .wrap{top:72vh}body.reduced [data-section="3"]{background-image:linear-gradient(#03463833,#03463888),url('assets/producto/germinadora-beige-retrato-bosque-v3.png')}}
[data-page=home]~[data-section="8"].step .text,[data-page=home]~[data-section="8"].step .text span{color:#BBFD6A!important}[data-page=home]~[data-section="8"].step img{mask-image:radial-gradient(ellipse at center,black 52%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse at center,black 52%,transparent 74%)}
[data-page=home]~[data-section="8"].step img{mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent),linear-gradient(to bottom,transparent,black 6%,black 94%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent),linear-gradient(to bottom,transparent,black 6%,black 94%,transparent);-webkit-mask-composite:source-in}
/* Closing reveal keeps the source lime canvas so its final dark copy remains legible. */
[data-page=home]~[data-section="8"].step .inside{background:#BBFD6A}[data-page=home]~[data-section="8"].step .text,[data-page=home]~[data-section="8"].step .text span{color:#034638!important}[data-page=home]~[data-section="8"].step img{border-radius:48% 48% 8% 8%;mask:none;-webkit-mask:none}
body[data-active-scene="7"]>header .logo img,body[data-active-scene="8"]>header .logo img{filter:none!important}
#canva[data-phase="reveal"],#canva[data-phase="detail"],#canva[data-phase="real"]{background-image:none!important;background-color:#034638}@media(min-width:768px){#canva img[data-product]{width:auto!important;height:100%!important;max-width:none;object-fit:contain;background:transparent;mask-image:linear-gradient(to right,transparent,black 9%,black 91%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 9%,black 91%,transparent)}}
@media(min-width:768px){#canva .real-reveal img{left:73%;height:86%;top:53%;max-width:45%}[data-page=home]~[data-section="6"].step .wrap{left:6%;width:42%;top:22%;transform:none;text-align:left}#canva .real-reveal span{left:6%;width:42%;bottom:22%;text-align:left}}
#canva .real-reveal img{mask-image:linear-gradient(to right,transparent,black 9%,black 91%,transparent),linear-gradient(to bottom,transparent,black 8%,black 92%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,black 9%,black 91%,transparent),linear-gradient(to bottom,transparent,black 8%,black 92%,transparent);-webkit-mask-composite:source-in}
body.reduced [data-section="3"]{display:block!important;background-color:#034638;background-image:url('assets/producto/germinadora-beige-hero-bosque-v3.png');background-size:auto 60vh;background-position:center top;background-repeat:no-repeat;padding:64vh 6vw 45px;min-height:90vh;text-align:center}body.reduced [data-section="3"] .btn-wrap{display:block!important;margin:24px auto!important}body.reduced [data-section="3"] .text{font-size:clamp(30px,5vw,60px)!important}@media(max-width:767px){body.reduced [data-section="3"]{background-image:url('assets/producto/germinadora-beige-retrato-bosque-v3.png');background-size:auto 60vh}}body.reduced [data-section="8"] .text,body.reduced [data-section="8"] .text span{color:#BBFD6A!important}
body.reduced [data-section="3"]{background-image:none!important}body.reduced [data-section="3"]:before{content:"";position:absolute;inset:0 0 auto;height:60vh;background:url('assets/producto/germinadora-beige-hero-bosque-v3.png') center top/auto 60vh no-repeat;mask-image:linear-gradient(to bottom,black 85%,transparent);-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent)}@media(max-width:767px){body.reduced [data-section="3"]:before{background-image:url('assets/producto/germinadora-beige-retrato-bosque-v3.png')}}


/* Tierra substitution only: original scene engine, text choreography and stops retained. */
#canva img[data-botanical]{width:min(88vw,1450px)!important;height:auto!important;max-height:92vh;object-fit:contain;left:50%;top:66%;transform:translate(-50%,-50%) scale(calc(.84 + var(--botanical-progress)*.46))!important;transform-origin:50% 70%;filter:brightness(.74);pointer-events:none}
[data-page=home]~[data-section="9"] .hand{object-fit:contain!important;mix-blend-mode:normal!important}
@media(max-width:767px){#canva img[data-botanical]{width:145vw!important;max-width:none;max-height:75vh;top:70%;filter:brightness(.74)}}
[data-page=home]~[data-section="9"].step .block{background:transparent}[data-page=home]~[data-section="9"].step .block .hand{width:100%;height:100%;object-fit:contain!important;bottom:0}

/* User's real setup demonstration, opened on demand above the animated page. */
.video-launch{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding:14px 22px;border:1px solid #BBFD6A;border-radius:999px;background:#034638;color:#BBFD6A;font:inherit;font-size:clamp(15px,1.2vw,19px);line-height:1.2;letter-spacing:normal;cursor:pointer;pointer-events:auto;box-shadow:0 2px 18px #001e1822}
.video-launch[hidden]{display:none!important}.video-launch:hover{background:#BBFD6A;color:#034638}.video-launch:focus-visible,.germinats-close:focus-visible{outline:3px solid #BBFD6A;outline-offset:5px}
.video-launch-hero{position:absolute;left:50%;bottom:13vh;transform:translateX(-50%);margin:0;white-space:nowrap;z-index:4}
#germinats-dialog{box-sizing:border-box;width:min(768px,94vw);max-width:768px;max-height:94vh;max-height:94dvh;padding:24px;border-radius:20px;background:#f0f0e6;overscroll-behavior:contain}
#germinats-dialog::backdrop{background:#001b16e8;backdrop-filter:blur(6px)}
.germinats-heading{display:flex;gap:20px;align-items:flex-start;justify-content:space-between}
#germinats-dialog .germinats-eyebrow{font-size:11px;letter-spacing:.14em;margin:0 0 8px}
#germinats-dialog h2{font-size:clamp(22px,3vw,34px);line-height:1.15;margin:0}
#germinats-dialog .germinats-close{float:none;flex:0 0 44px;margin:0;line-height:1}
#germinats-description{margin:14px 0 20px;font-size:16px;line-height:1.45}
#germinats-video{display:block;width:100%;max-height:65vh;max-height:65dvh;aspect-ratio:16/9;object-fit:contain;background:#111;border-radius:10px}
#germinats-error{font-size:15px}#germinats-error a{text-decoration:underline}
body.germinats-open{overflow:hidden!important}
body[data-active-scene="3"] .chamber-label{visibility:hidden}
body.reduced [data-section="0"],body.reduced [data-section="4"]{flex-direction:column}
body.reduced .video-launch-hero{position:relative;inset:auto;transform:none;margin-top:28px}
@media(max-width:767px){.video-launch-hero{bottom:16vh}.video-launch{padding:13px 18px;font-size:15px}#germinats-dialog{padding:18px;border-radius:14px}#germinats-description{font-size:14px}#germinats-video{max-height:58dvh}[data-section="4"] .video-launch{margin-top:18px}}

/* Keep the legacy cycle/seed copy clear of the animated product photograph. */
body:not(.reduced) [data-page=home]~[data-section="4"].step .wrap{left:6%;width:36%;top:50%;bottom:auto;transform:translateY(-50%);text-align:left}
body:not(.reduced) [data-page=home]~[data-section="4"].step .text{font-size:clamp(32px,4.4vw,70px);line-height:1.1}
body:not(.reduced) [data-section="4"] .scene-note{max-width:100%;margin:24px 0 0;font-size:clamp(15px,1.3vw,21px);line-height:1.45}
body:not(.reduced) [data-page=home]~[data-section="5"].step .wrap{left:6%;width:36%;top:20%;bottom:auto;transform:none;text-align:left}
body:not(.reduced) [data-page=home]~[data-section="5"].step .text{font-size:clamp(32px,4.8vw,76px);line-height:1.1}
body:not(.reduced) #canva .chamber-label{left:6%;top:auto;bottom:24%;width:36%;max-width:36%;font-size:clamp(15px,1.25vw,20px);line-height:1.45}
body:not(.reduced) #canva .chamber-label span{margin-bottom:16px}
.brume-footer-links a,.brume-footer-links a:visited{color:inherit}
@media(min-width:768px){
 body:not(.reduced):is([data-active-scene="3"],[data-active-scene="4"]) #canva img[data-product]{left:56%;height:min(72vh,48vw)!important}
}
@media(max-width:767px){
 .scroll-down{left:8px!important}
 body:not(.reduced):is([data-active-scene="3"],[data-active-scene="4"]) #canva img[data-product]{width:100vw!important;height:44vh!important;top:13vh;left:50%;object-fit:contain!important;transform:translateX(-50%)!important}
 body:not(.reduced) [data-page=home]~[data-section="4"].step .wrap{left:12%;width:76%;top:59vh;bottom:auto;transform:none;text-align:center;padding:0}
 body:not(.reduced) [data-page=home]~[data-section="4"].step .text{font-size:clamp(26px,7vw,42px);line-height:1.06}
 body:not(.reduced) [data-section="4"] .scene-note{font-size:14px;line-height:1.35;margin-top:12px;text-align:center}
 body:not(.reduced) [data-section="4"] .video-launch{margin-top:12px;padding:10px 14px;font-size:13px;max-width:100%}
 body:not(.reduced) [data-page=home]~[data-section="5"].step .wrap{left:12%;width:76%;top:61vh;text-align:center;padding:0}
 body:not(.reduced) [data-page=home]~[data-section="5"].step .text{font-size:clamp(28px,7.5vw,42px);line-height:1.08}
}
@media(max-height:500px) and (orientation:landscape){
 body:not(.reduced):is([data-active-scene="3"],[data-active-scene="4"]) #canva img[data-product]{height:70vh!important;width:54vw!important;left:76%;top:20vh;object-fit:contain;transform:translateX(-50%)!important}
 body:not(.reduced) [data-page=home]~[data-section="4"].step .wrap{left:8%;width:40%;top:53%;bottom:auto;transform:translateY(-50%);text-align:left;padding:0}
 body:not(.reduced) [data-page=home]~[data-section="4"].step .text,body:not(.reduced) [data-page=home]~[data-section="5"].step .text{font-size:clamp(22px,4vw,34px);line-height:1.08}
 body:not(.reduced) [data-section="4"] .scene-note{font-size:12px;line-height:1.35;margin-top:10px;text-align:left}
 body:not(.reduced) [data-section="4"] .video-launch{font-size:11px;margin-top:10px;padding:8px 12px}
 body:not(.reduced) [data-page=home]~[data-section="5"].step .wrap{left:8%;width:40%;top:34%;text-align:left;padding:0}
 body:not(.reduced) #canva .chamber-label{display:none}
}
@media(max-width:767px) and (orientation:portrait){
 body:not(.reduced) [data-page=home]~[data-section="8"].step .text{top:max(96px,17vh);font-size:clamp(26px,7.5vw,38px);line-height:1.08;width:80vw;max-width:80vw}
}

