.collector-hero{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:center;overflow:hidden;background:#0b2135;color:#fff}
.collector-hero-bg{position:absolute;z-index:-2;inset:0;background:url("assets/encabezado-colectores-polvo.webp") center/cover no-repeat}
.collector-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,22,37,.94) 0%,rgba(7,31,51,.83) 38%,rgba(8,30,49,.3) 68%,rgba(8,26,42,.12) 100%)}
.collector-hero-content{width:min(1240px,calc(100% - 48px));margin:auto;padding:82px 0 88px}
.back-link{display:inline-block;margin-bottom:46px;color:#d8e8f5;font-size:14px;font-weight:700}
.back-link:hover{color:#fff}
.hero-eyebrow{color:#8fd0ff}
.collector-hero h1{max-width:800px;margin:0;font:800 clamp(3.5rem,6.2vw,6.7rem)/.95 Manrope,sans-serif;letter-spacing:-.055em;text-transform:uppercase}
.collector-lead{max-width:680px;margin:28px 0 0;color:#edf6fc;font-size:clamp(1.15rem,1.65vw,1.45rem);line-height:1.5}
.collector-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.button-glass{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(8px)}
.button-glass:hover{background:#fff;color:var(--navy)}
.collector-intro{width:min(950px,calc(100% - 48px));margin:0 auto;padding:104px 0 72px;text-align:center}
.collector-intro h2,.filter-copy h2,.collector-cta h2{margin:0;color:var(--navy);font:800 clamp(2.35rem,4vw,4.2rem)/1.04 Manrope,sans-serif;letter-spacing:-.045em}
.collector-intro>p:last-child{max-width:760px;margin:22px auto 0;color:var(--muted);font-size:18px}
.filter-types{width:min(1240px,calc(100% - 48px));margin:0 auto;padding-bottom:110px}
.filter-type{display:grid;grid-template-columns:1fr 1fr;min-height:540px;margin-bottom:28px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--soft)}
.filter-type.reverse .filter-image{order:2}
.filter-image{min-height:480px;background:#dfe8ee}
.filter-image img{height:100%;object-fit:cover}
.filter-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:60px clamp(34px,5vw,72px);background:#fff}
.filter-copy>span{position:absolute;right:34px;top:25px;color:#dce9f3;font:800 4rem/1 Manrope,sans-serif}
.filter-copy .eyebrow{margin-bottom:12px}
.filter-copy h2{font-size:clamp(2.4rem,3.5vw,3.8rem)}
.filter-copy>p:not(.eyebrow){margin:22px 0 18px;color:var(--muted);font-size:17px}
.filter-copy h3{margin:4px 0 6px;color:var(--navy);font:800 1rem/1.3 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.filter-copy ul{list-style:none;padding:0;margin:0}
.filter-copy li{padding:11px 0;border-bottom:1px solid var(--line);font-weight:600}
.filter-copy li:before{content:"✓";margin-right:11px;color:var(--blue);font-weight:800}
.filter-copy .media-list li:before{content:"";display:inline-block;width:7px;height:7px;margin:0 12px 2px 0;border-radius:50%;background:var(--blue)}
.shape-row{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 24px}.shape-row b{padding:8px 12px;border-radius:999px;background:var(--ice);color:var(--navy);font-size:12px}.filter-copy .compact{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.construction-note{padding:14px 16px;border-left:3px solid var(--blue);background:var(--soft);font-size:14px!important}.collector-data{width:min(1240px,calc(100% - 48px));margin:-48px auto 90px;padding:48px 58px;border-radius:24px;background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.collector-data h2{margin:8px 0 0;font:800 clamp(2rem,3.2vw,3.2rem)/1.08 Manrope,sans-serif;letter-spacing:-.035em}.collector-data .eyebrow{color:#8fd0ff}.data-list{display:flex;flex-wrap:wrap;gap:10px}.data-list span{padding:11px 16px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#e8f4fc;font-weight:700}
.collector-cta{width:min(1240px,calc(100% - 48px));margin:0 auto 110px;padding:58px 64px;border-radius:24px;background:var(--ice);display:flex;align-items:end;justify-content:space-between;gap:48px}
.collector-cta>div:first-child{max-width:720px}
.collector-cta h2{font-size:clamp(2.25rem,3.5vw,3.7rem)}
.collector-cta p:not(.eyebrow){margin:18px 0 0;color:var(--muted);font-size:17px}
.collector-cta .collector-actions{flex:0 0 auto}
@media(max-width:900px){.collector-hero{min-height:570px}.filter-type{grid-template-columns:1fr}.filter-type.reverse .filter-image{order:0}.filter-image{min-height:360px}.collector-data{grid-template-columns:1fr}.collector-cta{align-items:flex-start;flex-direction:column}.collector-cta .collector-actions{margin-top:0}}
@media(max-width:680px){.collector-hero{min-height:630px;align-items:flex-start}.collector-hero-bg{background-position:64% center}.collector-hero:after{background:linear-gradient(180deg,rgba(5,22,37,.96) 0%,rgba(5,22,37,.75) 55%,rgba(5,22,37,.2) 100%)}.collector-hero-content{width:calc(100% - 32px);padding:54px 0 62px}.back-link{margin-bottom:32px}.collector-hero h1{font-size:clamp(2.65rem,13vw,4rem)}.collector-actions{align-items:stretch;flex-direction:column}.collector-intro{width:calc(100% - 32px);padding:72px 0 48px}.filter-types{width:calc(100% - 32px);padding-bottom:72px}.filter-type{min-height:0}.filter-image{min-height:280px}.filter-copy{padding:48px 24px}.filter-copy .compact{grid-template-columns:1fr}.collector-data{width:calc(100% - 32px);margin:-35px auto 65px;padding:38px 24px;gap:28px}.collector-cta{width:calc(100% - 32px);margin-bottom:72px;padding:42px 24px}}