/* AGUAFRESH 2026 - self-contained approved layout, scoped to homepage */
body.af26-home{--af-blue:#008dc2;--af-deep:#07346b;font-family:'DM Sans',Arial,sans-serif}
.af26-top{background:linear-gradient(90deg,#0078aa,#0097c8,#0076a8);color:white;padding:7px 15px}
.af26-top .af26-topinner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;font-size:11px;font-weight:700}
.af26-top span{display:inline-flex;align-items:center;gap:8px}.af26-top svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.af26-mainheader{max-width:1370px;margin:0 auto;min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:23px;padding:6px 24px;background:#fff}
.af26-mainheader .af26-brand{flex:0 0 165px;display:block}.af26-mainheader .af26-brand img{display:block;max-width:100%;height:63px;object-fit:contain;object-position:left}
.af26-nav{display:flex;align-items:center;justify-content:center;gap:24px;flex:1;white-space:nowrap}.af26-nav a{font-size:13px;font-weight:700;color:#113d70}.af26-nav a:hover{color:#0097ce}.af26-nav a:first-child{color:#008dc2;border-bottom:2px solid #008dc2;padding-bottom:7px}
.af26-select{border-radius:20px;border:1px solid #d1e4ee;padding:8px 10px;max-width:133px;background:white;color:#114878;font-size:12px}
.af26-banner{background:linear-gradient(90deg,#d8f3ff,#f8fdff 40%,#d8f6ff);overflow:hidden}
.af26-hero{max-width:1750px;margin:auto;min-height:320px;display:grid;grid-template-columns:minmax(0,37%) minmax(0,28%) minmax(0,35%);align-items:stretch}
.af26-photo{min-width:0;min-height:320px;background-position:center;background-size:cover;background-repeat:no-repeat}
.af26-photo.first{background-image:url('/assets/af26/people.webp');background-position:center}
.af26-photo.last{background-image:url('/assets/af26/kits.webp');background-position:center}
.af26-message{padding:25px 12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-width:0}
.af26-message h1{font-weight:800;letter-spacing:-.045em;line-height:1.08;font-size:clamp(30px,3.3vw,54px);color:#102b67;margin:0 0 15px}
.af26-message h1 strong{display:block;color:#0097bf}.af26-message p{line-height:1.45;color:#294968;font-size:clamp(13px,1.18vw,17px);max-width:440px;margin:0 0 19px}
.af26-message .af26-cta{background:linear-gradient(105deg,#03afd0,#0081bd);color:white;display:inline-flex;justify-content:center;align-items:center;padding:13px 24px;border-radius:30px;font-weight:800;font-size:14px}
.af26-benefits{background:#edf9fe;border-top:1px solid #d4eafa;border-bottom:1px solid #d4eafa}
.af26-benefit-inner{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px 16px}
.af26-benefit-inner span{font-size:12px;color:#123e6c;font-weight:700;display:flex;align-items:center;gap:8px;justify-content:center;text-align:center}.af26-benefit-inner span i{font-style:normal;font-size:24px;color:#0096c4}
.af26-features{max-width:1690px;margin:0 auto;padding:11px 17px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.af26-feature{position:relative;display:block;overflow:hidden;border-radius:13px;min-height:206px;background:#bee2f0}.af26-feature>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.af26-feature:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(6,39,68,.86),rgba(6,39,68,.4) 63%,transparent)}
.af26-feature .af26-featuretext{position:relative;z-index:2;padding:20px 15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:206px;max-width:80%;color:#fff}
.af26-feature h2{font-size:clamp(18px,1.65vw,24px);line-height:1.05;color:white;margin:0 0 14px}.af26-feature p{color:white;font-size:12px;line-height:1.4;margin:0 0 17px}.af26-feature b{display:inline-block;padding:9px 16px;background:#fff;color:#0b487c;border-radius:30px;font-size:12px}
.af26-family{background:linear-gradient(110deg,#fff,#f0faff)}.af26-family-inner{max-width:1550px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr .85fr;align-items:center;gap:25px;padding:26px 24px}
.af26-family h2{font-size:clamp(30px,3vw,43px);line-height:1.06;color:#152d6e;margin:0 0 12px}.af26-family h2 strong{color:#009bc6;display:block}.af26-family p{color:#476579;line-height:1.65;font-size:13px}
.af26-family-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;text-align:center}.af26-family-points span{color:#133f71;font-weight:700;font-size:13px}.af26-family-points i{display:block;font-style:normal;font-size:26px;color:#0095c5;margin-bottom:8px}
.af26-family img{display:block;width:100%;max-height:200px;object-fit:cover;border-radius:12px}
@media(max-width:1120px){.af26-nav{gap:11px}.af26-nav a{font-size:11px}.af26-mainheader .af26-brand{flex-basis:135px}.af26-hero{grid-template-columns:35% 32% 33%}}
@media(max-width:820px){.af26-nav{display:none}.af26-hero{grid-template-columns:1fr 1fr}.af26-photo.first{min-height:260px}.af26-photo.last{display:none}.af26-message{min-height:260px}.af26-benefit-inner{grid-template-columns:repeat(3,minmax(0,1fr))}.af26-features{grid-template-columns:repeat(2,minmax(0,1fr))}.af26-family-inner{grid-template-columns:1fr 1fr}.af26-family img{grid-column:1/-1;max-height:300px}}
@media(max-width:570px){.af26-top .af26-topinner{gap:10px}.af26-top .af26-topinner span:nth-child(n+2){display:none}.af26-top .af26-topinner span{font-size:11px}.af26-mainheader{min-height:80px;padding:7px 16px}.af26-mainheader .af26-brand{flex-basis:140px}.af26-mainheader .af26-brand img{height:65px}.af26-hero{grid-template-columns:1fr}.af26-message{grid-row:1;padding:30px 18px 24px;min-height:0}.af26-photo.first{grid-row:2;min-height:210px}.af26-benefit-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.af26-benefit-inner span{font-size:11px}.af26-features{grid-template-columns:1fr;padding:12px 17px}.af26-feature{min-height:190px}.af26-feature .af26-featuretext{min-height:190px}.af26-family-inner{grid-template-columns:1fr}.af26-family img{grid-column:auto}}


/* 2026 patch — unificación cromática con la franja superior */
body.af26-home{--af-blue:#008dc2;--af-mid:#1aa3d1;--af-deep:#0d3e73}
.af26-top{background:linear-gradient(90deg,#0b88bc,#0a97cb,#0b7fb3)}
.af26-nav a:hover,.af26-nav a:first-child,.af26-benefit-inner span i,.af26-family h2 strong,.af26-family-points i{color:#008dc2}
.af26-nav a:first-child{border-bottom-color:#008dc2}
.af26-banner{background:linear-gradient(90deg,#eaf7ff,#f8fcff 42%,#e8f6ff)}
.af26-message h1 strong{color:#008dc2}
.af26-message .af26-cta{background:linear-gradient(135deg,#0a9ad0,#007db4)}
.af26-benefits{background:#eef8ff;border-top-color:#d8e9f5;border-bottom-color:#d8e9f5}
.af26-benefit-inner span{color:#17476e}
.af26-feature{background:#d9edf8}
.af26-feature:before{background:linear-gradient(90deg,rgba(6,49,88,.88),rgba(6,49,88,.48) 63%,transparent)}
.af26-feature b{color:#0b4f82}
.af26-family{background:linear-gradient(110deg,#fff,#eef8ff)}
.af26-family p{color:#537286}
.af26-family-points span{color:#15456d}

/* Móvil: conservar franja azul y cabecera, comenzar por las categorías comerciales */
@media (max-width:700px){
 body.af26-home .af26-banner,
 body.af26-home .af26-benefits,
 body.af26-home .af26-family{display:none!important}
 body.af26-home .af26-features{padding-top:14px}
 body.af26-home .af26-top .af26-topinner{gap:10px}
 body.af26-home .af26-top{padding-top:10px;padding-bottom:10px}
 body.af26-home .af26-mainheader{min-height:76px}
}

/* 2026-10-20: hero poster contains its own headline and CTA.
   Preserve translated HTML for screen readers and search, never overlay it. */
body.af26-home .af26-banner .af26-hero{display:block;min-height:0;max-width:1750px;position:relative}
body.af26-home .af26-hero-poster-link{display:block;line-height:0;width:100%}
body.af26-home .af26-hero-poster{display:block;width:100%;height:auto;object-fit:contain}
body.af26-home .af26-hero-seo{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}