/* Palette drawn from the Balcão Hidráulico Visual cover. */
:root{--hydro-ink:#07334d;--hydro-deep:#041d2d;--hydro-blue:#075d83;--hydro-cyan:#29d7ed;--hydro-orange:#fb781d;--hydro-paper:#f4f9fc;--color-red-500:#087ca2;--color-red-600:#08668a;--color-red-800:#074766;--color-green-600:#f47721;--color-green-700:#d75b0b;--color-orange-500:#24c8e0}
body{background:var(--hydro-deep)}
.bg-brand-dark,.bg-brand-navy,.bg-brand-red{background-color:var(--hydro-deep)}
.bg-white{background-color:var(--hydro-paper)}
.text-brand-dark,.text-brand-navy,.text-brand-red{color:var(--hydro-ink)}
.text-brand-dark\/70{color:#244b60}.text-brand-navy\/60{color:#527387}
.text-brand-gold,.text-brand-gold-light,.text-brand-green,.text-brand-bonus-check{color:#087b9d}
.border-brand-gold{border-color:#20b8cf}.border-brand-gold\/40{border-color:#29d7ed66}
.border-brand-navy{border-color:var(--hydro-ink)}.border-brand-navy\/10{border-color:#07334d1a}
.bg-brand-gold{background-color:var(--hydro-blue)}.bg-brand-gold-light,.bg-brand-green,.bg-brand-bonus-badge{background-color:var(--hydro-orange)}
.bg-brand-gold\/10{background-color:#29d7ed12;color:#75e8f5}
.from-brand-gold{--tw-gradient-from:#087899}.from-brand-gold-light{--tw-gradient-from:#8ff5fb}.to-brand-gold{--tw-gradient-to:#24c8e0}.to-brand-gold-light{--tw-gradient-to:#29d7ed}
.bg-brand-dark>div:first-child{background:linear-gradient(100deg,#0a6e90,#32d3e7);color:#032437}
.hydraulic-hero{isolation:isolate;background:transparent}
.hydraulic-hero>.bg-gradient-to-b{background:linear-gradient(180deg,#041d2d,#072e44)}
.hydraulic-backdrop{height:85%;opacity:.85}
.hydraulic-backdrop img{object-position:center bottom;filter:brightness(.7) saturate(.85)}
.hydraulic-backdrop>.absolute{background:linear-gradient(180deg,#041d2d 0%,#041d2d33 45%,#041d2d99 100%)}
.hydraulic-hero h1{background-image:linear-gradient(180deg,#d0fcff,#28d3eb)}
a.bg-green-600{background-color:#f47721;color:#072a40;box-shadow:0 10px 30px -10px #f4772166;--tw-ring-color:#d75b0b}
a.bg-green-600:hover{background-color:#ff944a}
.bg-brand-red .text-brand-gold,.bg-brand-navy .text-brand-gold{color:#6de5f3}
.bg-red-600,.bg-red-500{background-color:#08668a}.text-red-600{color:#08668a}.border-red-800{border-color:#074766}
.from-red-600{--tw-gradient-from:#075d83}.via-red-500{--tw-gradient-via:#087ca2}.to-orange-500{--tw-gradient-to:#26c9df}
.bg-brand-red{background-image:radial-gradient(ellipse at top right,#075d8355,transparent 65%)}


/* Urgency strip: orange accent from the product cover. */
.bg-brand-dark>div:first-child{background:linear-gradient(100deg,#f47721,#ff9b48);color:#072a40}

/* Gentle vertical float for the main product mockup. */
@keyframes hydro-mockup-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-26px) scale(1.015)}}
.hydraulic-hero img[src*="balcao-hidraulico-mockup"]{animation:hydro-mockup-float 2.8s ease-in-out infinite;will-change:transform}


/* Urgency strip aligned with the navy/cyan product palette. */
.bg-brand-dark>div:first-child{background:linear-gradient(100deg,#07415d,#087a9c);color:#e8fcff;border-bottom:1px solid #31c9e366}

/* Security badge in a soft, coordinated emerald tone. */
.bg-brand-dark>div:nth-child(2)>span{background-color:#143c36;color:#9ce5bd;border-color:#44977580;box-shadow:0 0 16px #57bd8a0d}

/* Explicit mobile-compatible motion for the hero mockup. */
@-webkit-keyframes hydro-float-mobile{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}}
@keyframes hydro-float-mobile{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-20px,0)}}
.hydraulic-hero .hydro-floating-mockup{-webkit-animation:hydro-float-mobile 3s ease-in-out infinite;animation:hydro-float-mobile 3s ease-in-out infinite;animation-play-state:running;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){.hydraulic-hero .hydro-floating-mockup{-webkit-animation-duration:6s;animation-duration:6s}}

/* Warm urgency accent coordinated with the navy/cyan identity. */
.bg-brand-dark>div:first-child{background:linear-gradient(110deg,#d65a12 0%,#f58128 48%,#ffb15e 100%);color:#062c43;border-bottom:1px solid #ffc08a;box-shadow:0 3px 16px #001b2933;font-family:Inter,"Segoe UI",Arial,sans-serif;font-weight:800;letter-spacing:.045em;text-shadow:0 1px 0 #ffffff20}
.bg-brand-dark>div:first-child svg{stroke-width:2.4}
@media(max-width:640px){.bg-brand-dark>div:first-child{font-size:11px;letter-spacing:.025em;line-height:1.5}}

/* Smooth navigation from the offer buttons to the plan section. */
html{scroll-behavior:smooth}
#oferta{scroll-margin-top:20px}

/* Keep section geometry stable while scrolling across the page. */
.cv-auto{content-visibility:visible;contain-intrinsic-size:none}

/* Restore the approved navy/cyan urgency strip. */
.bg-brand-dark>div:first-child{background:linear-gradient(100deg,#07415d,#087a9c);color:#e8fcff;border-bottom:1px solid #31c9e366;box-shadow:none;font-family:var(--font-sans);font-weight:700;letter-spacing:normal;text-shadow:none}

/* Slimmer top urgency strip. */
.bg-brand-dark>div:first-child{padding-top:5px;padding-bottom:5px;line-height:1.35}
@media(max-width:640px){.bg-brand-dark>div:first-child{padding-top:4px;padding-bottom:4px}}

/* High-contrast warm accent coordinated with the cover and CTA. */
.bg-brand-dark>div:first-child{background:linear-gradient(110deg,#a93d10 0%,#c95517 50%,#b54512 100%);color:#fff;border-bottom:1px solid #fb923c;box-shadow:0 2px 12px #02182633;text-shadow:none}

/* Clear product identity and restrained top strip. */
.bg-brand-dark>div:first-child{background:linear-gradient(110deg,#073348,#0a455d);color:#fff;border-bottom:2px solid #29c7df;box-shadow:none}
.hydraulic-hero h1{font-size:clamp(2rem,5.7vw,3.75rem);line-height:1.08;max-width:820px;margin-inline:auto}
.hydraulic-hero h2{font-size:clamp(1.15rem,3.1vw,1.9rem);line-height:1.3;max-width:760px;margin:18px auto 0}
.hydro-count{color:#69e6f5}
.hydro-hero-description{font-size:clamp(.94rem,1.65vw,1.1rem);line-height:1.65;color:#d4e4ec;max-width:680px;margin:16px auto 0}
@media(max-width:640px){.hydro-hero-description{max-width:355px}.hydraulic-hero h2{max-width:370px}}

.hydro-product-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#bedce8;margin:0 0 12px}
.hydraulic-hero h1{font-size:clamp(1.9rem,4.6vw,3.15rem);line-height:1.14;max-width:860px}

/* Launch banner inspired by the supplied purple countdown reference. */
.bg-brand-dark>div.launch-strip:first-child{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(115deg,#3930a8 0%,#7439df 52%,#6521b7 100%);color:#fff;padding:12px 16px 10px;border-bottom:1px solid #b98aff88;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.2;box-shadow:0 3px 15px #10072b25}
.launch-heading{font-size:14px;font-weight:800;letter-spacing:.055em;text-align:center}.launch-heading>span{color:#ffdb46;margin-right:3px}
.launch-timer-row{display:flex;align-items:flex-start;justify-content:center;gap:7px}.launch-caption{align-self:center;font-size:12px;font-weight:500;letter-spacing:.02em;padding-bottom:14px;margin-right:6px}.launch-unit{display:flex;flex-direction:column;align-items:center;gap:3px}.launch-digits{display:flex;align-items:center;justify-content:center;min-width:47px;height:38px;border:1px solid #ffffffa6;border-radius:7px;background:#ffffff13;font-size:25px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.025em}.launch-label{font-size:9px;font-weight:800;letter-spacing:.08em}.launch-colon{font-size:25px;font-weight:700;line-height:35px}
@media(max-width:640px){.bg-brand-dark>div.launch-strip:first-child{padding:12px 9px 9px;gap:9px}.launch-heading{font-size:12px;letter-spacing:.035em}.launch-caption{font-size:11px}.launch-digits{min-width:44px;height:36px;font-size:24px}}

/* Compact launch strip aligned with the product palette. */
.bg-brand-dark>div.launch-strip:first-child{flex-direction:row;gap:16px;padding:7px 14px;background:linear-gradient(110deg,#073348,#0b526c);border-bottom:1px solid #29c7df66;box-shadow:none}
.launch-heading{font-size:12px;letter-spacing:.035em}.launch-heading>span{color:#72e5f2}
.launch-timer-row{gap:4px;align-items:flex-start}.launch-unit{gap:2px}.launch-digits{min-width:30px;height:25px;border-radius:5px;font-size:17px;background:#29c7df12;border-color:#74d7e766}.launch-label{font-size:7px;letter-spacing:.04em;color:#c1e6ef}.launch-colon{font-size:17px;line-height:23px}
@media(max-width:640px){.bg-brand-dark>div.launch-strip:first-child{flex-direction:row;gap:9px;padding:6px 8px}.launch-heading{font-size:10px;letter-spacing:.01em;max-width:190px}.launch-digits{min-width:25px;height:23px;font-size:16px}.launch-timer-row{gap:3px}.launch-label{font-size:6px}.launch-colon{font-size:16px;line-height:21px}}