/* Vista previa del punto 2: Filtración. */
.filter-page{color:#1a2a3a;background:#fff}
.filter-container{width:min(100%,1280px);margin-inline:auto;padding-inline:32px}
.filter-page h1,.filter-page h2,.filter-page h3{color:inherit;font-weight:700;letter-spacing:-.025em}
.filter-page h2{font-size:clamp(26px,2.7vw,34px);line-height:1.2;margin:0 0 20px}
.filter-page h3{font-size:19px;line-height:1.35;margin:0 0 12px}
.filter-page p{font-size:17px;line-height:1.7;color:#53616a;margin:0}
.filter-section{padding-block:64px}
.filter-page [id]{scroll-margin-top:170px}
.filter-hero{padding:32px 0 52px;color:white;background:linear-gradient(90deg,rgba(26,42,58,.94),rgba(26,42,58,.65)),url('/assets/img/filtrantes-flujo.webp?v=38cc0ad42492') center/cover}
.filter-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#d3dce1;margin-bottom:32px}
.filter-breadcrumb a:hover{text-decoration:underline}
.filter-hero h1{max-width:890px;font-size:clamp(34px,4.2vw,52px);line-height:1.12;margin:0 0 22px}
.filter-hero p{max-width:810px;color:#e1e7ea;font-size:19px;line-height:1.65}
.filter-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#39754c;color:#fff;padding:14px 24px;border-radius:8px;font-weight:600;font-size:16px;margin-top:28px;transition:background .2s}
.filter-button:hover{background:#2e623e}
.filter-page a:focus-visible,.filter-page button:focus-visible{outline:3px solid #66ac7c;outline-offset:4px}
.filter-eyebrow{display:block;color:#39754c;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.filter-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.filter-page figure{margin:0;overflow:hidden;border-radius:12px;background:white;border:1px solid #e0e7e3}
.filter-page figure img{display:block;width:100%;height:280px;object-fit:cover}
.filter-page figcaption{font-size:12px;color:#65727a;padding:13px 18px;line-height:1.5}
.filter-tinted{background:#f5f7f6}
.filter-section-head{max-width:850px;margin-bottom:30px}
.filter-jumps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:52px}
.filter-jumps a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px;background:white;border:1px solid #d9e3dd;border-radius:8px;font-size:15px;font-weight:600;color:#365e43}
.filter-jumps a:hover{border-color:#39754c}
.filter-family + .filter-family{margin-top:56px;padding-top:48px;border-top:1px solid #dce4df}
.filter-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.filter-use{padding:26px;background:#fff;border:1px solid #e0e7e3;border-radius:10px}
.filter-use p{font-size:15px;line-height:1.65}
.filter-liquid-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}
.filter-liquid-layout figure img{height:410px}
.filter-liquid-cards{display:grid;gap:16px}
.filter-consult{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:start}
.filter-consult h2{margin-bottom:0}
.filter-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.filter-value-grid article{border-top:2px solid #a8bdb0;padding-top:22px}
.filter-value-grid p{font-size:15px}
.filter-faq{max-width:960px}
.filter-faq h2{margin-bottom:28px}
.filter-faq .faq-item{border:1px solid #dde4e0;border-radius:10px;overflow:hidden;margin-bottom:12px;background:#fff}
.filter-faq .faq-question{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;font-weight:600;font-size:17px;text-align:left;color:#1a2a3a;background:white}
.filter-faq .faq-icon{font-size:24px;color:#39754c;flex-shrink:0}
.filter-faq .faq-answer{padding:0 24px 22px;color:#53616a;font-size:16px;line-height:1.7}
.filter-contact{background:#1a2a3a;color:#fff;text-align:center}
.filter-contact p{color:#dce5e9;max-width:730px;margin-inline:auto}
.filter-contact .filter-contact-note{font-size:13px;margin-top:22px;color:#b7c5ce}
.filter-related{padding-block:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;font-size:13px;color:#65727a}
.filter-related a{color:#39754c;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.filter-intro,.filter-consult,.filter-liquid-layout{grid-template-columns:1fr;gap:28px}.filter-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-liquid-layout figure img{height:300px}.filter-value-grid{gap:22px}.filter-page [id]{scroll-margin-top:145px}}
@media(max-width:560px){.filter-container{padding-inline:20px}.filter-section{padding-block:40px}.filter-hero{padding:24px 0 36px}.filter-breadcrumb{margin-bottom:24px}.filter-hero p{font-size:17px}.filter-use-grid,.filter-value-grid{grid-template-columns:1fr}.filter-use{padding:22px}.filter-jumps a{font-size:14px;padding:14px}.filter-family + .filter-family{margin-top:36px;padding-top:36px}.filter-page figure img,.filter-liquid-layout figure img{height:230px}.filter-faq .faq-question{font-size:16px;padding:18px}.filter-faq .faq-answer{padding:0 18px 18px}.filter-page [id]{scroll-margin-top:130px}}
@media(prefers-reduced-motion:reduce){.filter-button{transition:none}}

/* Prevent long technical headings from overflowing narrow phones. */
.filter-hero h1{overflow-wrap:anywhere;hyphens:auto}