/* Página de tratamiento de agua industrial. Conserva la plantilla de las demás soluciones. */
.water-treatment-page{background:#101112}
.water-treatment-page .desktop-nav a:first-child{color:#d3d3d3}
.water-treatment-page .desktop-nav a.current{color:var(--orange);position:relative}
.water-treatment-page .desktop-nav a.current:after{content:"";height:2px;background:var(--orange);position:absolute;left:0;right:0;bottom:-14px}
.water-treatment-page .nav-cta span:first-child{margin-left:0}
.water-treatment-page .mobile-nav:not([hidden]){display:flex}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lub-hero{color:#191b1e;min-height:490px;background:linear-gradient(90deg,#fff 0%,#fff 29%,rgba(255,255,255,.97) 41%,rgba(255,255,255,.65) 53%,rgba(255,255,255,0) 73%),url('../assets/agua-hero.webp') center center / cover no-repeat}
.lub-hero-inner{padding-top:38px;padding-bottom:50px}
.lub-breadcrumb{display:flex;align-items:center;gap:14px;font-size:.68rem;font-weight:800;letter-spacing:.12em;margin-bottom:57px;color:#3f4246}
.lub-breadcrumb a:hover{color:#ad5900;text-decoration:underline}
.lub-eyebrow{color:#ca6500;font-size:.75rem;font-weight:800;letter-spacing:.19em;margin-bottom:14px}
.lub-hero h1{font-size:clamp(3.8rem,5vw,5.5rem);line-height:1.05;letter-spacing:-.065em;font-weight:800;margin-bottom:13px;max-width:680px}
.lub-hero-lead{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.25rem,2vw,1.9rem);font-weight:700;line-height:1.28;max-width:560px;margin-bottom:15px}
.lub-hero-copy{font-size:1.04rem;line-height:1.56;max-width:455px;color:#4a4e52;margin-bottom:20px}
.lub-rule{display:block;width:48px;height:3px;background:var(--orange)}
.lub-solutions{background:#fcfbfa;color:#16191b;padding:48px 0 62px}
.lub-shell{max-width:1200px}
.lub-section-heading{margin-bottom:28px}
.lub-section-heading h2{font-size:clamp(2.15rem,3.4vw,3.35rem);line-height:1.14;font-weight:800;margin-bottom:5px}
.lub-section-heading p{font-size:1.04rem;color:#505257;margin:0}
.lub-card-list{display:grid;gap:14px}
.lub-card{display:grid;grid-template-columns:43% minmax(0,1fr);border:1px solid #e2e0dd;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 5px 24px rgba(0,0,0,.035);scroll-margin-top:105px}
.lub-card>img{width:100%;height:100%;min-height:216px;object-fit:cover;display:block}
.lub-card-content{padding:22px clamp(23px,3vw,38px) 20px;display:flex;flex-direction:column;align-items:flex-start}
.lub-card-title{display:flex;align-items:center;gap:16px;width:100%;margin-bottom:3px}
.lub-number{font-family:Manrope,Arial,sans-serif;color:#dd7100;border-right:1px solid var(--orange);padding-right:16px;font-size:1.04rem;font-weight:800;align-self:stretch;display:flex;align-items:center}
.lub-card h3{font-size:clamp(1.22rem,1.78vw,1.75rem);line-height:1.21;letter-spacing:-.04em;margin:0;font-weight:800}
.lub-card-content>p{margin:0 0 11px 49px;font-size:.91rem;color:#555d61;line-height:1.45;max-width:550px}
.lub-options{border:0;min-inline-size:0;padding:0;margin:0 0 11px 49px;display:flex;gap:6px;flex-wrap:wrap}
.lub-options-secondary{margin-top:-3px}
.lub-options label{position:relative;display:inline-flex;cursor:pointer}
.lub-options input{position:absolute;width:100%;height:100%;inset:0;margin:0;opacity:0;cursor:pointer}
.lub-options label span,.lub-static-tag{display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;padding:6px 11px;background:#fff0e3;color:#ae5600;font-weight:700;font-size:.75rem;line-height:1.2;white-space:nowrap;transition:background .2s,border-color .2s}
.lub-options label:hover span{background:#ffe1c1}
.lub-options input:checked+span{background:#f39200;color:#181818;border-color:#bc6500}
.lub-options input:focus-visible+span{outline:3px solid #16191b;outline-offset:2px}
.lub-static-tag{background:#f6f3ef;color:#4f4d49}
.lub-ask,.lub-help-button{display:inline-flex;align-items:center;gap:10px;border-radius:5px;font-size:.85rem;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .2s,background .2s}
.lub-ask{background:#171c1e;color:#fff;padding:10px 15px;margin:0 0 0 49px}
.lub-ask:hover{background:#32383a;transform:translateY(-2px)}
.lub-ask>span:last-child,.lub-help-button>span:last-child{margin-left:3px}
.lub-wa-icon{display:inline-flex;color:#35cc71;align-items:center;justify-content:center}
.lub-wa-icon svg{width:19px;height:19px;display:block}
.lub-help {
  background:
    linear-gradient(
      90deg,
      rgba(15, 17, 18, .98) 0%,
      rgba(15, 17, 18, .92) 55%,
      rgba(15, 17, 18, .75) 100%
    ),
    url('../assets/hero-industria.webp') center 58% / cover no-repeat;
  color: #fff;
  padding: 54px 0 60px;
}
.lub-help-inner{display:flex;justify-content:space-between;align-items:end;gap:35px}
.lub-help h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.2;letter-spacing:-.04em;margin:15px 0 5px}
.lub-help p{font-size:1.25rem;color:#dedede;margin:0 0 20px}
.lub-help-button{background:#f39200;color:#181818;padding:15px 20px;font-size:1rem}
.lub-help-button:hover{background:#ffac29;transform:translateY(-2px)}
.lub-help-button .lub-wa-icon{color:#fff}
.lub-help-button .lub-wa-icon svg{width:27px;height:27px}
.lub-benefits{display:flex;list-style:none;padding:0;margin:0 0 6px;color:#f7f7f7;max-width:480px}
.lub-benefits li{flex:1;border-left:1px solid #777;padding:17px 15px;text-align:center;font-size:.84rem;line-height:1.35}
.lub-footer{background:#101112}
.lub-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px}
.lub-footer img{width:86px;height:86px;object-fit:contain;display:block}
.lub-footer-inner>div{display:grid;gap:4px;text-align:right;color:#c6c6c6;font-size:.76rem}
@media(max-width:980px){.lub-hero{background-position:60% center}.lub-benefits{display:none}.lub-card{grid-template-columns:42% minmax(0,1fr)}.lub-card-content{padding:19px}.lub-card-content>p,.lub-options,.lub-ask{margin-left:0}.lub-card-title{margin-bottom:8px}}
@media(max-width:720px){.lub-hero{min-height:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.93) 41%,rgba(255,255,255,.53) 70%,rgba(255,255,255,.22)),url('../assets/agua-hero.webp') 64% center / cover no-repeat}.lub-hero-inner{padding-top:24px;padding-bottom:55px}.lub-breadcrumb{margin-bottom:55px}.lub-hero h1{font-size:clamp(2.7rem,9vw,4.4rem)}.lub-hero-lead{font-size:1.25rem;max-width:460px}.lub-hero-copy{font-size:.98rem;max-width:380px}.lub-solutions{padding:42px 0 50px}.lub-card{grid-template-columns:1fr}.lub-card>img{height:215px;min-height:0}.lub-card-content{padding:22px}.lub-card h3{font-size:1.4rem}.lub-card-content>p{margin-left:0}.lub-options,.lub-ask{margin-left:0}.lub-help{padding:52px 0}.lub-help p{font-size:1.02rem}}
@media(max-width:480px){.lub-card>img{height:180px}.lub-card-title{gap:10px}.lub-number{padding-right:10px}.lub-card h3{font-size:1.25rem}.lub-options label span,.lub-static-tag{font-size:.69rem;padding:6px 9px}.lub-ask{font-size:.82rem}.lub-footer-inner{align-items:flex-start;padding:18px 0 28px}.lub-footer img{width:68px;height:68px}.lub-footer-inner>div{font-size:.7rem;max-width:230px}.lub-help h2{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){.lub-ask,.lub-help-button,.lub-options label span{transition:none}}

/* El título largo conserva el tamaño visual de las demás portadas. */
.water-treatment-page .lub-hero h1{font-size:clamp(3.25rem,4.75vw,5.2rem);max-width:750px}
@media(max-width:720px){.water-treatment-page .lub-hero h1{font-size:clamp(2.5rem,9vw,4.15rem)}}

/* Fotos 3:2 con el mismo ritmo de tarjetas de las páginas hermanas. */
@media (min-width:721px) {
  .water-treatment-page .lub-card { min-height:256px; }
  .water-treatment-page .lub-card>img { min-height:0; }
}
.water-treatment-page .lub-card-content { justify-content:center; }
.water-treatment-page .lub-options { row-gap:8px; }
.water-treatment-page .lub-options { max-width:560px; }
@media (max-width:720px) {
  .water-treatment-page .lub-card-content { justify-content:flex-start; }
}
