/* Aqua Hunza Paraguay — estilos compartidos de páginas internas */
:root{
--navy:#102A38; --navy2:#16394b; --teal:#279CBC; --teal-l:#4FB6D4;
--ink:#111820; --muted:#5A7383; --line:#E4EEF3; --soft:#F2F9FB; --soft2:#F6FBFD;
--wrap:1280px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:var(--teal);text-decoration:none}
::selection{background:var(--teal);color:#fff}
img{max-width:100%;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
/* ---------- header ---------- */
header.site{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
header.site .bar{max-width:var(--wrap);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:28px}
header.site img.logo{height:60px;width:88px}
nav.desktop{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:nowrap}
nav.desktop a{font-size:13.5px;color:var(--navy);white-space:nowrap;transition:color .2s ease}
nav.desktop a:hover,nav.desktop a[aria-current]{color:var(--teal)}
nav.desktop a.cta{background:var(--teal);color:#fff;font-weight:600;padding:12px 20px;border-radius:999px;transition:background .25s ease,transform .25s ease}
nav.desktop a.cta:hover{background:var(--navy);color:#fff;transform:translateY(-1px)}
details.mobile{display:none;margin-left:auto}
details.mobile>summary{list-style:none;cursor:pointer;width:46px;height:46px;border:1px solid #D8E7ED;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:18px}
details.mobile>summary::-webkit-details-marker{display:none}
details.mobile .panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 24px 22px;display:flex;flex-direction:column;gap:2px;max-height:78vh;overflow:auto}
details.mobile .panel a{padding:14px 4px;font-size:16px;color:var(--navy);border-bottom:1px solid #F1F7FA}
details.mobile .panel a:last-child{border-bottom:none}
details.mobile .panel a.cta{margin-top:12px;background:var(--teal);color:#fff;text-align:center;font-weight:600;padding:16px;border-radius:999px;border:none}
@media (max-width:1024px){nav.desktop{display:none}details.mobile{display:block}header.site img.logo{height:54px;width:78px}}
/* ---------- page hero (banda navy) ---------- */
.page-hero{background:var(--navy);color:#fff;padding:clamp(120px,16vw,180px) 0 clamp(56px,8vw,96px)}
.page-hero .eyebrow{display:none}
.page-hero h1{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(30px,4.4vw,54px);line-height:1.08;letter-spacing:-.03em;max-width:20ch;text-wrap:balance}
.page-hero .tagline{color:#C3D6DF;font-size:clamp(17px,1.7vw,21px);line-height:1.6;margin-top:22px;max-width:52ch;text-wrap:pretty}
.page-hero .back{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;font-weight:600;font-size:14px;color:#AEC7D5;transition:color .2s ease,gap .2s ease}
.page-hero .back:hover{color:#fff;gap:12px}
.page-hero .actions{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15.5px;padding:16px 30px;border-radius:999px;transition:background .25s ease,transform .25s ease,color .25s ease}
.btn-primary{background:var(--teal);color:#fff}
.btn-primary:hover{background:#fff;color:var(--navy);transform:translateY(-2px)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.4);color:#fff}
.btn-ghost:hover{background:#fff;color:var(--navy)}
/* ---------- content sections ---------- */
main{display:block}
section.block{padding:clamp(56px,8vw,104px) 0}
section.block.tint{background:linear-gradient(180deg,#E7F5FB 0%,#F4FBFD 100%);border-top:1px solid #DBEDF5;border-bottom:1px solid #DBEDF5}
section.block.navy{background:var(--navy);color:#fff}
.eyebrow{color:var(--teal);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-bottom:18px}
.navy .eyebrow{color:var(--teal-l)}
h2.sec{font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(26px,3.2vw,40px);line-height:1.14;letter-spacing:-.02em;color:var(--navy);max-width:26ch;text-wrap:balance}
.navy h2.sec{color:#fff}
h2.sec::before{content:"";display:block;width:46px;height:4px;border-radius:3px;background:linear-gradient(90deg,#279CBC,#4FD0E8);margin-bottom:18px}
.navy h2.sec::before{background:linear-gradient(90deg,#4FB6D4,#4FD0E8)}
h3.sub{font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(19px,2.1vw,25px);line-height:1.25;letter-spacing:-.01em;color:var(--navy);margin:0}
.navy h3.sub{color:#fff}
.mt-head{margin-bottom:clamp(16px,1.9vw,24px)}
.prose{max-width:74ch;margin-top:clamp(16px,1.8vw,24px)}
h3.sub{margin-bottom:clamp(4px,1vw,10px)}
.prose p{color:#3C5464;font-size:17px;line-height:1.75;margin-top:18px;text-wrap:pretty}
.navy .prose p{color:#C3D6DF}
.prose p:first-child{margin-top:0}
.lead{font-size:clamp(18px,1.9vw,22px);line-height:1.6;color:var(--navy);font-weight:500;max-width:60ch}
.navy .lead{color:#fff}
.mt{margin-top:clamp(32px,4vw,52px)}
/* feature grid (sin cards) */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(24px,3vw,40px) clamp(36px,5vw,64px);margin-top:clamp(36px,4vw,56px)}
.feature{display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:start;padding-top:26px;border-top:1px solid #DCEAF0}
.navy .feature{border-top-color:#26485c}
.feature .ico{width:52px;height:52px;border-radius:14px;background:linear-gradient(150deg,#2E9FC0,#12455A);color:#fff;flex:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 13px 26px -14px rgba(39,156,188,.7)}
.navy .feature .ico{color:#fff}
.feature .ico svg{width:28px;height:28px}
.feature h4{font-family:Manrope,sans-serif;font-weight:700;font-size:18.5px;color:var(--navy);letter-spacing:-.01em;margin-bottom:7px}
.navy .feature h4{color:#fff}
.feature p{color:#3C5464;font-size:16px;line-height:1.55}
.navy .feature p{color:#C3D6DF}
@media (max-width:520px){.feature{grid-template-columns:46px 1fr;gap:14px}.feature .ico{width:46px;height:46px;border-radius:12px}.feature .ico svg{width:25px;height:25px}}
/* texto + imagen */
.split-media{display:grid;grid-template-columns:1fr;gap:clamp(24px,3vw,44px);align-items:center;margin-top:clamp(18px,2.4vw,34px)}
@media (min-width:800px){.split-media{grid-template-columns:1.1fr .9fr}}
.split-media img{max-width:100%;max-height:480px;width:auto;height:auto;display:block;justify-self:center;border-radius:20px;box-shadow:0 26px 60px -42px rgba(16,42,56,.5)}
/* Rural: composición compacta y comparativas interactivas */
.rural-intro .mt-head{margin-bottom:clamp(24px,3vw,38px)}
.rural-intro .split-media,.rural-impact .split-media{align-items:start;margin-top:clamp(24px,3vw,40px)}
.rural-intro .split-media .prose,.rural-impact .split-media .prose{margin-top:0}
.rural-intro .split-media img{width:100%;height:clamp(320px,38vw,470px);max-height:none;object-fit:cover;object-position:center;border-radius:24px}
@media (min-width:800px){
.rural-intro .split-media img{transform:translateY(-72px);margin-bottom:-72px}
}
.rural-impact .split-media{padding:clamp(20px,3vw,34px);background:rgba(255,255,255,.72);border:1px solid rgba(39,156,188,.15);border-radius:24px;box-shadow:0 22px 50px -38px rgba(16,42,56,.45)}
.rural-impact .split-media img{width:100%;height:clamp(310px,34vw,430px);max-height:none;object-fit:cover;object-position:center;border-radius:18px}
.rural-impact .split-media .prose{align-self:center}
/* Rural: proceso de tratamiento */
.rural-process{overflow:hidden;background:linear-gradient(145deg,#EAF7FB 0%,#F6FBFD 55%,#E5F4F9 100%)}
.rural-process .wrap{position:relative}
.rural-process .wrap:before{content:"";position:absolute;top:-120px;right:-120px;width:360px;height:360px;border:1px solid rgba(39,156,188,.15);border-radius:50%;box-shadow:0 0 0 55px rgba(39,156,188,.035),0 0 0 110px rgba(39,156,188,.025);pointer-events:none}
.process-header{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.72fr);gap:clamp(38px,6vw,92px);align-items:end}
.process-header .mt-head{margin:0}
.process-header .sec{max-width:18ch;font-size:clamp(38px,4.3vw,64px);line-height:1.06}
.process-summary{padding:4px 0 5px clamp(22px,3vw,36px);border-left:3px solid var(--teal)}
.process-summary h3{margin:0 0 14px;font-family:Manrope,sans-serif;font-size:clamp(20px,2vw,27px);line-height:1.25;color:var(--navy)}
.process-summary p{margin:0;font-size:14px;font-weight:600;line-height:1.75;letter-spacing:.025em;color:#35566A}
.phases.rural-phases{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch;margin-top:clamp(42px,5vw,68px)}
.rural-phases .phase{position:relative;grid-column:span 4;min-width:0;min-height:0;padding:30px 28px 28px;border:1px solid rgba(39,156,188,.18);border-top:4px solid var(--teal);border-radius:4px;background:rgba(255,255,255,.86);box-shadow:0 20px 48px -42px rgba(16,42,56,.75);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.rural-phases .phase:nth-child(4){grid-column:3 / span 4}
.rural-phases .phase:nth-child(5){grid-column:7 / span 4}
.rural-phases .phase:hover{transform:translateY(-6px);background:#fff;box-shadow:0 30px 60px -42px rgba(16,42,56,.75)}
.rural-phases .phase .num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(39,156,188,.35);border-radius:50%;background:#EFF9FC;font-size:14px}
.rural-phases .phase h4{margin:20px 0 10px;font-size:clamp(20px,1.8vw,24px)}
.rural-phases .phase p{margin:0;font-size:15px;line-height:1.7}
.process-contact{display:grid;grid-template-columns:auto 1fr auto;gap:8px 24px;align-items:center;margin-top:18px;padding:22px 26px;border:1px solid rgba(39,156,188,.2);border-radius:4px;background:var(--navy);color:#fff;text-decoration:none;transition:background .25s ease,transform .25s ease}
.process-contact:hover{background:#173D50;transform:translateY(-2px)}
.process-contact span{grid-column:1;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#74D7E9}
.process-contact strong{grid-column:2;font-family:Manrope,sans-serif;font-size:clamp(18px,2vw,24px)}
.process-contact i{grid-column:3;grid-row:1 / span 2;font-size:30px;font-style:normal;color:#74D7E9}
.rural-desalination .split-media{align-items:center}
.rural-desalination .actions{margin-top:clamp(30px,3.5vw,46px)}
.rural-desalination .split-media img{width:100%;height:clamp(360px,38vw,520px);max-height:none;object-fit:cover;object-position:center;border-radius:6px}
.comparison-shell{margin-top:clamp(30px,4vw,48px);padding:clamp(16px,2.2vw,24px);border:1px solid rgba(79,208,232,.22);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 28px 70px -48px rgba(0,0,0,.75)}
.comparison-shell.light{border-color:#D9EAF1;background:linear-gradient(145deg,#fff,#F5FBFD);box-shadow:0 28px 65px -48px rgba(16,42,56,.5)}
.comparison-legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;padding:2px 4px 16px;font:600 13px Manrope,sans-serif;color:#D8E8EF}
.comparison-shell.light .comparison-legend{color:#395463}
.comparison-legend span{display:inline-flex;align-items:center;gap:8px}
.comparison-legend small{margin-left:auto;color:#8EAFBC;font-size:11.5px;font-weight:500}
.comparison-legend .dot{width:9px;height:9px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(255,255,255,.06)}
.comparison-legend .dot.natural{background:#8EA9B5}
.comparison-legend .dot.purified{background:#4FD0E8}
.comparison-shell .table-scroll{margin-top:0;border:0;border-radius:15px;background:rgba(5,28,40,.25)}
.comparison-shell.light .table-scroll{background:#fff;box-shadow:inset 0 0 0 1px #E1EDF2}
.comparison-table{border-collapse:separate!important;border-spacing:0}
.comparison-table th{cursor:pointer;outline:none;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.comparison-table th:focus-visible{box-shadow:inset 0 0 0 2px #4FD0E8}
.comparison-table th:first-child{border-radius:14px 0 0 0}
.comparison-table th:last-child{border-radius:0 14px 0 0}
.comparison-table td{transition:background .22s ease,color .22s ease,transform .22s ease}
.comparison-table tbody tr:hover td{background:rgba(79,208,232,.1)}
.comparison-shell.light .comparison-table tbody tr:hover td{background:#EEF9FC}
.comparison-table tbody tr:hover td:first-child{transform:translateX(4px)}
.comparison-table .is-selected{background:rgba(79,208,232,.14)!important}
.comparison-table th.is-selected{color:#fff!important;background:linear-gradient(135deg,#1689A8,#35BFD9)!important}
.comparison-shell.light .comparison-table td.is-selected{color:#123A4B;background:#E5F7FB!important;font-weight:650}
.comparison-table tbody td:last-child{color:#64E1B1;font-weight:700}
.comparison-shell.light .comparison-table tbody td:last-child{color:#14734D}
@media (max-width:799px){
.rural-intro .split-media,.rural-impact .split-media{gap:20px}
.rural-intro .split-media img,.rural-impact .split-media img{height:auto;max-height:440px;object-fit:contain}
.process-header{grid-template-columns:1fr;gap:26px}
.process-header .sec{font-size:clamp(34px,10vw,48px)}
.process-summary{padding-left:20px}
.phases.rural-phases{grid-template-columns:1fr}
.rural-phases .phase,.rural-phases .phase:nth-child(4),.rural-phases .phase:nth-child(5){grid-column:auto}
.process-contact{grid-template-columns:1fr auto;gap:6px 16px}
.process-contact span,.process-contact strong{grid-column:1}
.process-contact i{grid-column:2}
.rural-desalination .split-media img{height:auto;max-height:440px}
.comparison-legend small{width:100%;margin-left:0}
.comparison-shell{padding:12px;border-radius:18px}
.comparison-table th,.comparison-table td{padding:13px 14px}
}
/* Comercial: composición editorial con imágenes rectas */
.commercial-lead .mt-head{margin-bottom:clamp(30px,4vw,52px)}
.commercial-editorial{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;align-items:stretch;border-top:1px solid #BFDDE8;border-bottom:1px solid #BFDDE8}
.commercial-editorial>img{display:block;width:100%;height:100%;min-height:560px;object-fit:cover;border-radius:0;box-shadow:none}
.commercial-sectors{display:grid;align-content:center;background:#fff}
.commercial-sectors article{position:relative;padding:clamp(26px,3vw,42px) clamp(28px,4vw,56px);border-bottom:1px solid #DCEAF0}
.commercial-sectors article:last-child{border-bottom:0}
.commercial-sectors article>span{display:block;margin-bottom:10px;color:var(--teal);font:700 12px Manrope,sans-serif;letter-spacing:.14em}
.commercial-sectors h4{font:700 clamp(18px,2vw,23px) Manrope,sans-serif;color:var(--navy)}
.commercial-sectors p{margin-top:10px;color:#49616F;font-size:16px;line-height:1.65}
.commercial-editorial.reverse{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);margin-top:clamp(32px,4vw,52px);background:#fff}
.commercial-editorial.reverse>img{min-height:600px;object-position:center}
.commercial-copy{align-self:center;padding:clamp(34px,5vw,72px)}
.commercial-copy .prose{margin-top:0}
.commercial-copy .ticks{margin-top:30px}
@media (max-width:799px){
.commercial-editorial,.commercial-editorial.reverse{grid-template-columns:1fr}
.commercial-editorial>img,.commercial-editorial.reverse>img{min-height:0;height:auto;max-height:620px;object-fit:contain;background:#fff}
.commercial-editorial.reverse .commercial-copy{order:2}
.commercial-editorial.reverse>img{order:1}
.commercial-copy{padding:28px 20px}
}
/* Industrial: composición editorial técnica con imágenes rectas */
.industrial-intro{overflow:hidden}
.industrial-editorial{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:clamp(42px,6vw,96px);align-items:center}
.industrial-photo,.industrial-wide-photo{position:relative;margin:0}
.industrial-photo:before{content:"";position:absolute;z-index:-1;inset:38px auto -38px -50vw;width:calc(50vw + 38px);background:#E8F6FB}
.industrial-photo img{display:block;width:100%;height:clamp(520px,49vw,680px);object-fit:cover;object-position:center;border-radius:0;box-shadow:none}
.industrial-copy .mt-head{margin-bottom:clamp(22px,3vw,32px)}
.industrial-copy .sec{max-width:15ch}
.industrial-copy .prose{max-width:690px}
.industrial-performance{background:linear-gradient(180deg,#EFF8FB 0%,#F8FCFD 100%)}
.industrial-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3.5vw,54px);margin-bottom:clamp(48px,6vw,78px)}
.industrial-benefits article{padding-top:20px;border-top:2px solid #BBDDE9}
.industrial-benefits span{font-family:Manrope,sans-serif;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--teal)}
.industrial-benefits h4{margin:13px 0 9px;font-family:Manrope,sans-serif;font-size:clamp(20px,2vw,25px);color:var(--navy)}
.industrial-benefits p{margin:0;max-width:34ch;font-size:15.5px;line-height:1.65;color:#496473}
.industrial-wide-photo{margin-left:clamp(-24px,-2vw,-12px);margin-right:clamp(-24px,-2vw,-12px)}
.industrial-wide-photo img{display:block;width:100%;height:clamp(420px,52vw,690px);object-fit:cover;object-position:center;border-radius:0;box-shadow:none}
.industrial-food{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:clamp(42px,7vw,110px);align-items:start;margin-top:clamp(50px,6vw,82px);padding-top:clamp(38px,5vw,64px);border-top:1px solid #CFE4EC}
.industrial-food .mt-head{margin:0}
.industrial-food .sec{max-width:15ch}
.industrial-food .prose{margin:0}
@media (max-width:799px){
.industrial-editorial,.industrial-food{grid-template-columns:1fr;gap:28px}
.industrial-photo:before{display:none}
.industrial-photo img{height:auto;max-height:520px}
.industrial-benefits{grid-template-columns:1fr;margin-bottom:38px}
.industrial-wide-photo{margin-left:0;margin-right:0}
.industrial-wide-photo img{height:auto;max-height:520px}
.industrial-food{margin-top:42px;padding-top:34px}
}
/* Agua hidrogenada: resumen e informe científico extenso */
.hydrogen-hero h1{max-width:18ch}
.hydrogen-overview__intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(42px,7vw,110px);align-items:start}
.hydrogen-overview__intro .mt-head,.hydrogen-overview__intro .prose{margin:0}
.hydrogen-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:clamp(48px,6vw,76px);border-top:1px solid #C9E2EB;border-bottom:1px solid #C9E2EB}
.hydrogen-summary-grid article{padding:clamp(22px,2.5vw,34px);border-right:1px solid #D9EAF0}
.hydrogen-summary-grid article:last-child{border-right:0}
.hydrogen-summary-grid span{font:800 12px Manrope,sans-serif;letter-spacing:.15em;color:var(--teal)}
.hydrogen-summary-grid h3{margin:15px 0 10px;font:700 clamp(18px,1.7vw,22px)/1.25 Manrope,sans-serif;color:var(--navy)}
.hydrogen-summary-grid p{margin:0;font-size:14.5px;line-height:1.65;color:#536E7D}
.hydrogen-disclaimer{padding:22px 0;background:var(--navy);color:#fff}
.hydrogen-disclaimer .wrap{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,38px);align-items:center}
.hydrogen-disclaimer strong{font:800 12px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#70D7E9}
.hydrogen-disclaimer p{margin:0;max-width:92ch;color:#D4E5EC;font-size:15px;line-height:1.6}
.hydrogen-navigation{padding-bottom:clamp(54px,7vw,88px)}
.hydrogen-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(34px,4vw,50px);border-top:1px solid #BFDDE8;border-bottom:1px solid #BFDDE8}
.hydrogen-index a{display:flex;flex-direction:column;gap:16px;min-height:150px;padding:24px 22px;border-right:1px solid #D5E7EE;color:var(--navy);font:700 16px/1.4 Manrope,sans-serif;text-decoration:none;transition:background .25s ease,color .25s ease,transform .25s ease}
.hydrogen-index a:last-child{border-right:0}
.hydrogen-index a:hover{background:var(--navy);color:#fff;transform:translateY(-4px)}
.hydrogen-index span{font-size:12px;letter-spacing:.14em;color:var(--teal)}
.hydrogen-video{padding-top:0}
.hydrogen-video .mt-head{text-align:center;margin-left:auto;margin-right:auto}
.hydrogen-video .sec{margin-left:auto;margin-right:auto}
.hydrogen-video__frame{position:relative;width:min(100%,980px);aspect-ratio:16/9;margin:clamp(28px,4vw,44px) auto 0;overflow:hidden;background:#071821;box-shadow:0 30px 70px -45px rgba(16,42,56,.7)}
.hydrogen-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hydrogen-report{background:linear-gradient(180deg,#EFF8FB 0%,#F8FCFD 100%)}
.hydrogen-report>.wrap{max-width:1320px}
.hydrogen-report__intro{padding-bottom:clamp(46px,6vw,72px);border-bottom:1px solid #C4DFE8}
.hydrogen-report__intro .mt-head{max-width:900px;margin:0}
.hydrogen-category{scroll-margin-top:110px;padding-top:clamp(48px,6vw,76px)}
.hydrogen-category__head{position:relative;display:block;margin-bottom:clamp(24px,3vw,34px);padding:22px 0 26px;border-top:1px solid #B8D9E4;border-bottom:1px solid #C9E0E8}
.hydrogen-category__head:before{content:"";position:absolute;top:-2px;left:0;width:76px;height:4px;background:var(--teal)}
.hydrogen-category__head span{display:none}
.hydrogen-category__head h2{max-width:30ch;margin:0;font:800 clamp(29px,3.2vw,44px)/1.1 Manrope,sans-serif;letter-spacing:-.03em;color:var(--navy);text-wrap:balance}
.hydrogen-studies{border-bottom:1px solid #C9E0E8}
.hydrogen-study{border-top:1px solid #C9E0E8;background:#fff;transition:background-color .2s ease}
.hydrogen-study:hover{background:#F5FBFD}
.hydrogen-study[open]{background:#fff;box-shadow:0 24px 55px -52px rgba(16,42,56,.75)}
.hydrogen-study summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:22px;align-items:center;padding:clamp(24px,3vw,36px) clamp(20px,3vw,34px);list-style:none;cursor:pointer}
.hydrogen-study summary::-webkit-details-marker{display:none}
.hydrogen-study__topic{display:block;margin-bottom:8px;font:800 10.5px/1.45 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.hydrogen-study summary h3{grid-column:1;margin:0;max-width:44ch;font:700 clamp(20px,2.2vw,29px)/1.28 Manrope,sans-serif;color:var(--navy)}
.hydrogen-study summary i{grid-column:2;grid-row:1 / span 2;position:relative;width:40px;height:40px;border:1px solid #B8DCE8;border-radius:50%}
.hydrogen-study summary i:before,.hydrogen-study summary i:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:var(--teal);transform:translate(-50%,-50%)}
.hydrogen-study summary i:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s ease}
.hydrogen-study[open] summary i:after{transform:translate(-50%,-50%) rotate(0deg)}
.hydrogen-study__body{max-width:1040px;padding:0 clamp(28px,6vw,78px) clamp(38px,5vw,62px)}
.hydrogen-study__body p{margin:0 0 19px;color:#3F5B6A;font-size:clamp(16px,1.5vw,18px);line-height:1.78;text-wrap:pretty}
.hydrogen-study__body h4{margin:30px 0 12px;font:800 13px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.hydrogen-study__body a{color:#168EAD;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.hydrogen-meta{padding:12px 16px;border-left:3px solid #9FD6E6;background:#F1FAFC;color:#395565!important;font-size:14px!important}
.hydrogen-source{margin-top:26px!important;padding-top:18px;border-top:1px solid #D5E8EE;color:#147C99!important;font-size:14px!important;font-weight:700}
.hydrogen-source-note{color:#718A97!important;font-size:13px!important}
.hydrogen-sources__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:clamp(42px,7vw,110px);align-items:start}
.hydrogen-sources__grid .prose{margin-top:0}
.hydrogen-sources__grid h3{font:700 clamp(21px,2.2vw,28px)/1.3 Manrope,sans-serif;color:var(--navy)}
.hydrogen-keywords{font-size:15px!important;color:#5A7381!important}
.hydrogen-source-links{display:grid;border-top:1px solid #BFDDE8}
.hydrogen-source-links a{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #BFDDE8;color:var(--navy);font-weight:700;text-decoration:none}
.hydrogen-source-links i{font-size:13px;font-style:normal;color:var(--teal)}
.hydrogen-medical-note{margin-top:clamp(44px,6vw,72px);padding:clamp(24px,3vw,36px);border-left:4px solid #D7A900;background:#FFF9E7}
.hydrogen-medical-note strong{font:800 12px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#826900}
.hydrogen-medical-note p{margin:10px 0 0;max-width:100ch;color:#5F5A44;font-size:15px;line-height:1.7}
/* Agua alcalina: lectura editorial y estudios completos */
.alkaline-hero h1{max-width:16ch}
.alkaline-intro__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:clamp(48px,8vw,130px);align-items:start}
.alkaline-intro__grid .mt-head,.alkaline-intro__copy .prose{margin:0}
.alkaline-intro__copy .prose h3{margin:clamp(32px,4vw,48px) 0 14px;font:700 clamp(22px,2.4vw,31px)/1.25 Manrope,sans-serif;color:var(--navy)}
.alkaline-ph{display:grid;grid-template-columns:auto minmax(70px,1fr) auto;gap:22px;align-items:center;margin-top:clamp(38px,5vw,58px);padding-top:24px;border-top:1px solid #C9E2EB}
.alkaline-ph span{display:flex;align-items:baseline;gap:10px;color:var(--navy)}
.alkaline-ph small{font:700 11px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#64808F}
.alkaline-ph strong{font:800 clamp(28px,3.4vw,44px) Manrope,sans-serif;color:var(--teal)}
.alkaline-ph i{position:relative;height:3px;background:linear-gradient(90deg,#B8DCE8,var(--teal))}
.alkaline-ph i:before,.alkaline-ph i:after{content:"";position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;border:3px solid var(--teal);transform:translateY(-50%)}
.alkaline-ph i:before{left:0}.alkaline-ph i:after{right:0}
.alkaline-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:clamp(40px,7vw,100px);align-items:end}
.alkaline-section-head .mt-head,.alkaline-section-head .prose{margin:0}
.alkaline-benefits__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:clamp(46px,6vw,74px);border-top:1px solid #BBDCE7}
.alkaline-benefits__grid article{grid-column:span 2;position:relative;min-height:240px;padding:clamp(25px,3vw,38px);border-right:1px solid #D2E6ED;border-bottom:1px solid #D2E6ED;background:rgba(255,255,255,.48);transition:background .25s ease,transform .25s ease}
.alkaline-benefits__grid article:nth-child(3){border-right:0}
.alkaline-benefits__grid article:nth-child(4){grid-column:2 / span 2}
.alkaline-benefits__grid article:nth-child(5){grid-column:4 / span 2;border-right:0}
.alkaline-benefits__grid article:hover{z-index:1;background:#fff;transform:translateY(-5px)}
.alkaline-benefits__grid article>span{font:800 12px Manrope,sans-serif;letter-spacing:.14em;color:var(--teal)}
.alkaline-benefits__grid h3{margin:24px 0 12px;font:700 clamp(19px,1.7vw,23px)/1.28 Manrope,sans-serif;color:var(--navy)}
.alkaline-benefits__grid p{margin:0;color:#4B6675;font-size:15px;line-height:1.68}
.alkaline-research{background:linear-gradient(180deg,#fff 0%,#F1F9FB 100%)}
.alkaline-research>.wrap{max-width:1320px}
.alkaline-research__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:clamp(40px,7vw,100px);align-items:end;padding-bottom:clamp(42px,5vw,62px)}
.alkaline-research__head .mt-head{margin:0}
.alkaline-research__head>div:last-child>p{margin:0;color:#587280;font-size:16px;line-height:1.65}
.alkaline-research__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.alkaline-research__actions button{padding:11px 17px;border:1px solid #A9D3E1;background:transparent;color:#1D738D;font:700 13px Manrope,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease}
.alkaline-research__actions button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.alkaline-studies{border-bottom:1px solid #C6DFE8}
.alkaline-study{border-top:1px solid #C6DFE8;background:rgba(255,255,255,.45)}
.alkaline-study[open]{background:#fff;box-shadow:0 26px 60px -55px rgba(16,42,56,.75)}
.alkaline-study summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:20px;align-items:center;padding:clamp(25px,3vw,38px) clamp(18px,3vw,36px);list-style:none;cursor:pointer}
.alkaline-study summary::-webkit-details-marker{display:none}
.alkaline-study summary>span{display:block;margin-bottom:8px;font:800 10.5px/1.4 Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--teal)}
.alkaline-study summary h3{grid-column:1;margin:0;max-width:42ch;font:700 clamp(21px,2.5vw,32px)/1.25 Manrope,sans-serif;color:var(--navy)}
.alkaline-study summary i{grid-column:2;grid-row:1 / span 2;position:relative;width:42px;height:42px;border:1px solid #AFD7E4;border-radius:50%}
.alkaline-study summary i:before,.alkaline-study summary i:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:var(--teal);transform:translate(-50%,-50%)}
.alkaline-study summary i:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s ease}
.alkaline-study[open] summary i:after{transform:translate(-50%,-50%) rotate(0deg)}
.alkaline-study__body{max-width:1040px;padding:0 clamp(28px,6vw,78px) clamp(42px,5vw,68px)}
.alkaline-study__body p{margin:0 0 19px;color:#3F5B6A;font-size:clamp(16px,1.45vw,18px);line-height:1.78;text-wrap:pretty}
.alkaline-study__body h4{margin:32px 0 12px;font:800 13px Manrope,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--navy)}
.alkaline-meta{padding:11px 15px;border-left:3px solid #9FD6E6;background:#F1FAFC;color:#3C5868!important;font-size:14px!important}
.alkaline-lead{font:700 clamp(18px,2vw,23px)/1.45 Manrope,sans-serif;color:var(--navy)!important}
.alkaline-keywords{font-size:14px!important;color:#657E8C!important}
.alkaline-source{display:flex;justify-content:space-between;gap:18px;margin-top:30px;padding:18px 0;border-top:1px solid #D3E7ED;border-bottom:1px solid #D3E7ED;color:#147F9C;font-weight:700;text-decoration:none}
.alkaline-source:hover{color:var(--navy)}
.alkaline-note{margin-top:clamp(44px,6vw,72px);padding:clamp(24px,3vw,36px);border-left:4px solid #D7A900;background:#FFF9E7}
.alkaline-note strong{font:800 12px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#826900}
.alkaline-note p{margin:10px 0 0;max-width:96ch;color:#5F5A44;font-size:15px;line-height:1.7}
@media (max-width:980px){
.hydrogen-summary-grid,.hydrogen-index{grid-template-columns:repeat(2,minmax(0,1fr))}
.hydrogen-summary-grid article,.hydrogen-index a{border-bottom:1px solid #D5E7EE}
}
@media (max-width:799px){
.hydrogen-overview__intro,.hydrogen-report__intro,.hydrogen-category__head,.hydrogen-sources__grid{grid-template-columns:1fr;gap:24px}
.hydrogen-summary-grid,.hydrogen-index{grid-template-columns:1fr}
.hydrogen-summary-grid article,.hydrogen-index a{border-right:0}
.hydrogen-index a{min-height:0}
.hydrogen-disclaimer .wrap{grid-template-columns:1fr;gap:8px}
.hydrogen-category{padding-top:62px}
.hydrogen-category__head h2{font-size:clamp(29px,9vw,42px)}
.hydrogen-study summary{grid-template-columns:minmax(0,1fr) 36px;padding:22px 16px}
.hydrogen-study summary i{width:34px;height:34px}
.hydrogen-study__body{padding:0 18px 36px}
.hydrogen-study__body p{font-size:16px;line-height:1.72}
.alkaline-intro__grid,.alkaline-section-head,.alkaline-research__head{grid-template-columns:1fr;gap:26px}
.alkaline-benefits__grid{grid-template-columns:1fr}
.alkaline-benefits__grid article,.alkaline-benefits__grid article:nth-child(4),.alkaline-benefits__grid article:nth-child(5){grid-column:auto;min-height:0;border-right:0}
.alkaline-study summary{grid-template-columns:minmax(0,1fr) 36px;padding:22px 16px}
.alkaline-study summary i{width:34px;height:34px}
.alkaline-study__body{padding:0 18px 38px}
.alkaline-study__body p{font-size:16px;line-height:1.72}
.alkaline-ph{grid-template-columns:auto 1fr auto;gap:12px}
.alkaline-ph span{display:grid;gap:2px}
}
/* entrance reveal (animación de entrada de textos) */
.reveal-on main :where(h1,h2,h3,h4,h5,p,li,blockquote,figcaption,.eyebrow,.tagline,.btn,.sub,.lead,.quote,.colhead,.num){opacity:0;transform:translateY(18px)}
.reveal-on main .rv-in{opacity:1;transform:none;transition:opacity .7s ease,transform .8s cubic-bezier(.16,.84,.3,1)}
@media (prefers-reduced-motion:reduce){.reveal-on main :where(h1,h2,h3,h4,h5,p,li,blockquote,figcaption,.eyebrow,.tagline,.btn,.sub,.lead,.quote,.colhead,.num){opacity:1;transform:none}}
/* image gallery (gráficos de beneficios) */
.img-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2.2vw,26px);margin-top:clamp(36px,4vw,56px)}
.img-gallery img{width:100%;height:auto;display:block;background:#E1F3FB;border:1px solid #CFE8F4;border-radius:18px;padding:clamp(14px,2vw,24px);box-shadow:0 18px 44px -34px rgba(16,42,56,.45);transition:transform .5s cubic-bezier(.16,.84,.3,1)}
.img-gallery img:hover{transform:translateY(-5px)}
@media (max-width:640px){.img-gallery{grid-template-columns:1fr}}
/* Residencial: imágenes y contenido original */
.residential-intro .split-media{align-items:start;margin-top:clamp(26px,3vw,40px)}
.residential-intro .split-media .prose{margin-top:0}
.residential-intro .split-media img{width:100%;height:clamp(320px,36vw,460px);max-height:none;object-fit:cover;object-position:center;border-radius:24px}
@media (min-width:800px){
.residential-intro .split-media img{transform:translateY(-72px);margin-bottom:-72px}
}
.residential-benefits-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.6vw,30px);margin-top:clamp(34px,4vw,54px)}
.residential-benefits-gallery .benefit-visual{display:grid;place-items:center;min-height:280px;padding:clamp(18px,2.5vw,30px);overflow:hidden;border:1px solid #CFE8F4;border-radius:22px;background:linear-gradient(145deg,#fff,#F3FAFD);box-shadow:0 24px 55px -42px rgba(16,42,56,.5);transition:transform .35s ease,box-shadow .35s ease}
.residential-benefits-gallery .benefit-visual:hover{transform:translateY(-6px);box-shadow:0 30px 65px -42px rgba(16,42,56,.6)}
.residential-benefits-gallery img{display:block;width:100%;height:100%;max-height:330px;object-fit:contain}
.residential-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px)}
.residential-stories article{padding:clamp(24px,3vw,38px);border:1px solid #DDECF2;border-radius:24px;background:linear-gradient(145deg,#fff,#F8FCFD);box-shadow:0 24px 55px -44px rgba(16,42,56,.55)}
.residential-stories article .prose{margin-top:18px}
.residential-image-pair{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(20px,3vw,34px);align-items:stretch;margin-top:clamp(34px,5vw,58px)}
.residential-image-pair img{width:100%;height:clamp(360px,42vw,560px);object-fit:cover;border-radius:22px;box-shadow:0 28px 65px -46px rgba(16,42,56,.55)}
.residential-wide-image{display:block;width:100%;max-height:620px;object-fit:cover;object-position:center;margin-top:clamp(36px,5vw,60px);border-radius:24px;box-shadow:0 28px 65px -44px rgba(16,42,56,.55)}
@media (max-width:799px){
.residential-intro .split-media img{height:auto;max-height:460px;object-fit:contain}
.residential-stories,.residential-image-pair{grid-template-columns:1fr}
.residential-benefits-gallery{grid-template-columns:1fr}
.residential-benefits-gallery .benefit-visual{min-height:220px}
.residential-benefits-gallery img{height:auto;max-height:none}
.residential-image-pair img{height:auto;max-height:520px;object-fit:contain;background:#fff}
}
/* bullet list */
ul.ticks{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:14px;max-width:70ch}
ul.ticks li{position:relative;padding-left:34px;color:#3C5464;font-size:16.5px;line-height:1.6}
.navy ul.ticks li{color:#C3D6DF}
ul.ticks li::before{content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:50%;background:var(--teal);
-webkit-mask:url("data:image/svg+xml;utf8,") center/12px no-repeat;
mask:url("data:image/svg+xml;utf8,") center/12px no-repeat}
/* numbered phases */
.phases{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:clamp(36px,4vw,52px)}
.phase{border-top:2px solid var(--line);padding-top:22px}
.navy .phase{border-top-color:#26485c}
.phase .num{font-family:Manrope,sans-serif;font-weight:800;font-size:15px;color:var(--teal);letter-spacing:.1em}
.phase h4{font-family:Manrope,sans-serif;font-weight:700;font-size:18px;color:var(--navy);margin:10px 0 8px}
.navy .phase h4{color:#fff}
.phase p{color:#3C5464;font-size:15.5px;line-height:1.6}
.navy .phase p{color:#C3D6DF}
/* quote / highlight */
.quote{margin-top:clamp(36px,4vw,52px);border-left:4px solid var(--teal);background:linear-gradient(135deg,#E8F6FB,#F6FCFD);border-radius:0 16px 16px 0;padding:22px 28px 22px 26px;font-family:Manrope,sans-serif;font-weight:600;font-size:clamp(19px,2.2vw,26px);line-height:1.35;color:var(--navy);max-width:44ch}
.navy .quote{background:rgba(255,255,255,.05)}
.navy .quote{color:#fff}
/* table */
.table-scroll{overflow-x:auto;margin-top:clamp(28px,3vw,40px);border:1px solid var(--line);border-radius:10px}
.navy .table-scroll{border-color:#26485c}
table.data{width:100%;border-collapse:collapse;min-width:520px;font-size:15.5px}
table.data th,table.data td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line)}
.navy table.data th,.navy table.data td{border-bottom-color:#26485c}
table.data thead th{background:var(--soft);font-family:Manrope,sans-serif;font-weight:700;color:var(--navy);font-size:13.5px;letter-spacing:.02em;text-transform:uppercase}
.navy table.data thead th{background:#16394b;color:#fff}
table.data tbody tr:last-child td{border-bottom:none}
table.data td:first-child{font-weight:600;color:var(--navy)}
.navy table.data td:first-child{color:#fff}
table.data td.pos{color:#1E7F4F;font-weight:600}
/* CTA band */
.cta-band{position:relative;overflow:hidden;background:#0C2A38;color:#fff;text-align:center;padding:clamp(44px,6vw,80px) 0}
.cta-band .wavy-cta{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}
.cta-band::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 75% 85% at 50% 50%,rgba(12,42,56,.5),rgba(12,42,56,.12));pointer-events:none}
.cta-band .wrap{position:relative;z-index:2}
.cta-band h2{font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(24px,3vw,38px);line-height:1.14;letter-spacing:-.02em;max-width:22ch;margin:0 auto}
.cta-band p{color:#C3D6DF;font-size:17px;line-height:1.7;margin:20px auto 0;max-width:56ch;text-wrap:pretty}
.cta-band .actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
/* disclaimer */
.disclaimer{margin-top:clamp(32px,4vw,48px);background:rgba(39,156,188,.08);border:1px solid rgba(39,156,188,.25);border-radius:10px;padding:20px 22px;font-size:14.5px;line-height:1.6;color:var(--muted);max-width:80ch}
.navy .disclaimer{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#98ADB7}
/* article grid (blog) */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(28px,4vw,48px);margin-top:clamp(40px,5vw,64px)}
.post{padding-top:26px;border-top:2px solid var(--line);display:flex;flex-direction:column}
.post .cat{color:var(--teal);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:14px}
.post h3{font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(19px,2vw,24px);line-height:1.24;letter-spacing:-.015em;margin:0}
.post h3 a{color:var(--navy)}
.post h3 a:hover{color:var(--teal)}
.post p{color:#3C5464;font-size:16px;line-height:1.65;margin:14px 0 0;text-wrap:pretty}
.post .more{align-self:flex-start;margin-top:20px;font-weight:600;font-size:14.5px;color:var(--navy);border-bottom:1px solid var(--teal);padding-bottom:4px}
.post .more:hover{color:var(--teal)}
/* ---------- footer ---------- */
footer.site{background:#111820;color:#C3D6DF;padding:clamp(40px,5vw,60px) 0 28px;margin-top:0}
footer.site .cols{max-width:var(--wrap);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(32px,4vw,56px)}
footer.site img{height:120px;width:175px;filter:brightness(0) invert(1)}
footer.site p.about{font-size:15px;line-height:1.7;margin:22px 0 0;color:#98ADB7;max-width:34ch}
footer.site .colhead{font-family:Manrope,sans-serif;color:#fff;font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
footer.site nav,footer.site .fcol{display:flex;flex-direction:column;gap:12px}
footer.site a{color:#C3D6DF;font-size:15px}
footer.site a:hover{color:var(--teal)}
footer.site .place{color:#98ADB7;font-size:15px}
footer.site .bottom{max-width:var(--wrap);margin:clamp(28px,3.5vw,42px) auto 0;padding:22px 24px 0;border-top:1px solid #223140;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}
footer.site .bottom span{color:#6E8794;font-size:13.5px}
footer.site .bottom a{color:#98ADB7;font-size:13.5px}
/* ---------- article (blog post) ---------- */
.article-hero{padding:clamp(118px,15vw,168px) 0 clamp(30px,4vw,48px);background:linear-gradient(180deg,#EFF7FA 0%,#fff 100%);border-bottom:1px solid var(--line)}
.article-hero .chip{display:inline-block;background:#E4F3F8;color:var(--teal);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.article-hero h1{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(29px,4.2vw,50px);line-height:1.08;letter-spacing:-.03em;color:var(--navy);max-width:22ch;margin:20px 0 0;text-wrap:balance}
.article-hero .sub{color:#3C5464;font-size:clamp(17px,1.7vw,20px);line-height:1.55;margin:20px 0 0;max-width:62ch;text-wrap:pretty}
.article-hero .back{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-weight:600;font-size:14px;color:var(--muted)}
.article-hero .back:hover{color:var(--teal)}
.article{padding:clamp(38px,6vw,68px) 0 clamp(20px,4vw,40px)}
.article .body{max-width:760px;margin:0 auto}
.article .body>*:first-child{margin-top:0}
.article .body h2{font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(22px,2.6vw,30px);line-height:1.2;letter-spacing:-.02em;color:var(--navy);margin:clamp(36px,4vw,52px) 0 0}
.article .body h3{font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(18px,2vw,22px);line-height:1.28;color:var(--navy);margin:clamp(26px,3vw,36px) 0 0}
.article .body p{color:#33475A;font-size:17.5px;line-height:1.8;margin-top:18px}
.article .body ul{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.article .body ul li{position:relative;padding-left:30px;color:#33475A;font-size:17px;line-height:1.7}
.article .body ul li::before{content:"";position:absolute;left:2px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--teal)}
.article .body .pull{margin:clamp(30px,4vw,44px) 0 0;font-family:Manrope,sans-serif;font-weight:600;font-size:clamp(20px,2.4vw,27px);line-height:1.35;color:var(--navy);border-left:3px solid var(--teal);padding-left:22px}
.article .body .video{position:relative;margin-top:clamp(26px,3vw,38px);aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0a0713;box-shadow:0 18px 44px -26px rgba(16,42,56,.7)}
.article .body .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* Blog migrado: artículos completos de la web anterior */
.article-return{padding:clamp(104px,11vw,132px) 0 0;background:linear-gradient(180deg,#EEF8FB 0%,#fff 100%)}
.article-return a{display:inline-flex;align-items:center;color:#527080;font:700 13px Manrope,sans-serif;text-decoration:none}
.article-return a:hover{color:var(--teal)}
.legacy-article{padding:clamp(24px,4vw,48px) 0 clamp(64px,8vw,104px);background:#fff}
.legacy-article>.container{width:min(calc(100% - 48px),1180px);margin:0 auto}
.legacy-article .skin-card,.legacy-article .process-card,.legacy-article .process-compact-card{background:transparent;box-shadow:none}
.legacy-article .skin-label,.legacy-article .section-label{display:none}
.legacy-article .section-title{max-width:980px;margin:0 auto clamp(38px,5vw,62px);text-align:left!important}
.legacy-article .skin-card>h1{max-width:980px;margin:0 auto;text-align:left!important}
.legacy-article .section-title h2,.legacy-article .skin-card>h1{max-width:20ch;margin:0;font:800 clamp(38px,5.3vw,68px)/1.04 Manrope,sans-serif;letter-spacing:-.045em;color:var(--navy);text-wrap:balance}
.legacy-article .section-title>p{max-width:760px;margin:22px 0 0;color:#466371;font-size:clamp(18px,1.8vw,22px);line-height:1.62}
.legacy-article .skin-card>h1+p{max-width:760px;margin:22px auto 0;color:#466371;font-size:clamp(18px,1.8vw,22px);line-height:1.62}
.legacy-article .process-hero{max-width:1040px;margin:0 auto clamp(46px,6vw,76px)}
.legacy-article img{display:block;max-width:100%;height:auto}
.legacy-article .process-hero img,.legacy-article .note-image,.legacy-article .rural-image-placeholder img{width:100%;border-radius:0;box-shadow:0 28px 70px -50px rgba(16,42,56,.6)}
.legacy-article .note-image{max-width:940px;margin:clamp(30px,4vw,48px) auto}
.legacy-article .skin-card>p,.legacy-article .skin-card>ul,.legacy-article .skin-card>h2,.legacy-article .skin-card>h3,.legacy-article .skin-card>.source-ref,.legacy-article .process-card,.legacy-article .process-compact-card{max-width:820px;margin-left:auto;margin-right:auto}
.legacy-article p{color:#334F5F;font-size:clamp(16px,1.45vw,18px);line-height:1.8;text-wrap:pretty}
.legacy-article .skin-card>p,.legacy-article .process-card p{margin-top:18px}
.legacy-article h2{font:800 clamp(26px,3vw,38px)/1.16 Manrope,sans-serif;letter-spacing:-.025em;color:var(--navy)}
.legacy-article .skin-card>h2{margin-top:clamp(54px,7vw,84px);margin-bottom:0}
.legacy-article h3{font:700 clamp(20px,2.1vw,27px)/1.3 Manrope,sans-serif;color:var(--navy)}
.legacy-article h4{font:700 clamp(17px,1.7vw,21px)/1.35 Manrope,sans-serif;color:var(--navy)}
.legacy-article ul{margin-top:20px;padding-left:0;list-style:none}
.legacy-article li{position:relative;margin-top:10px;padding-left:28px;color:#3D5867;font-size:16.5px;line-height:1.7}
.legacy-article li:before{content:"";position:absolute;left:3px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--teal)}
.legacy-article li ul{margin:10px 0 18px}
.legacy-article .process-card{padding:clamp(26px,4vw,42px) 0;border-top:1px solid #C4DFE8;border-bottom:1px solid #C4DFE8}
.legacy-article .process-card h3{margin:0 0 14px}
.legacy-article .process-compact-card{margin-top:clamp(42px,5vw,68px)!important;border-bottom:1px solid #C9E0E8}
.legacy-article .compact-item{padding:clamp(24px,3vw,34px) 0;border-top:1px solid #C9E0E8}
.legacy-article .compact-item h3{margin:0!important;font-size:clamp(21px,2.2vw,28px)!important}
.legacy-article .compact-item p{margin:13px 0 0}
.legacy-article .row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.5vw,30px);align-items:center}
.legacy-article .col-lg-12{grid-column:1/-1}.legacy-article .col-lg-8{grid-column:span 8}.legacy-article .col-lg-4{grid-column:span 4}.legacy-article .col-lg-3{grid-column:span 3}.legacy-article .col-md-6{grid-column:span 6}.legacy-article .col-md-4{grid-column:span 4}
.legacy-article .rural-card,.legacy-article .rural-highlight,.legacy-article .skin-highlight,.legacy-article .skin-cta{max-width:1040px;margin:clamp(40px,5vw,64px) auto;padding:clamp(28px,4vw,48px);border-left:4px solid var(--teal);background:#EFF8FB}
.legacy-article .rural-card h2,.legacy-article .rural-highlight h2,.legacy-article .skin-highlight h2{margin-top:0}
.legacy-article .rural-benefit-card,.legacy-article .skin-benefit-card,.legacy-article .process-rural-card,.legacy-article .highlight-box{height:100%;padding:clamp(22px,3vw,32px);border-top:3px solid var(--teal);background:#F5FAFC}
.legacy-article .rural-benefit-card h4,.legacy-article .skin-benefit-card h4,.legacy-article .highlight-box h4{margin:0 0 10px}
.legacy-article .rural-benefit-card p,.legacy-article .skin-benefit-card p,.legacy-article .highlight-box p{margin:0}
.legacy-article .process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;max-width:1100px;margin:clamp(34px,5vw,58px) auto}
.legacy-article .process-number{display:block;margin-bottom:18px;color:var(--teal);font:800 13px Manrope,sans-serif;letter-spacing:.12em}
.legacy-article .rural-image-placeholder{margin:clamp(30px,4vw,48px) auto;max-width:1040px}
.legacy-article .source-ref{margin-top:38px;padding-top:20px;border-top:1px solid #C9E0E8;color:#617C8A;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.legacy-article .source-ref a{color:#168EAD}
.legacy-article video{display:block;width:min(100%,980px);max-height:72vh;margin:clamp(28px,4vw,46px) auto;background:#06151D;box-shadow:0 28px 70px -48px rgba(16,42,56,.8)}
.legacy-article .btn{display:inline-flex;margin-top:18px}
.legacy-article .bi{display:none}
@media (max-width:799px){
.legacy-article>.container{width:min(calc(100% - 32px),1180px)}
.legacy-article .row{grid-template-columns:1fr}
.legacy-article .col-lg-12,.legacy-article .col-lg-8,.legacy-article .col-lg-4,.legacy-article .col-lg-3,.legacy-article .col-md-6,.legacy-article .col-md-4{grid-column:auto}
.legacy-article .section-title h2,.legacy-article .skin-card>h1{font-size:clamp(34px,10vw,48px)}
.legacy-article .rural-card,.legacy-article .rural-highlight,.legacy-article .skin-highlight,.legacy-article .skin-cta{padding:24px 20px}
}
/* ---------- imágenes en heros/artículos/blog ---------- */
.page-hero.has-img{position:relative;background-size:cover;background-position:center}
.page-hero.has-img::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(16,42,56,.90) 0%,rgba(16,42,56,.66) 48%,rgba(18,58,76,.26) 100%)}
.page-hero.has-img .wrap{position:relative;z-index:1}
.article-figure{max-width:900px;margin:clamp(26px,3vw,40px) auto 0;padding:0 24px}
.article-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;box-shadow:0 22px 48px -28px rgba(16,42,56,.6)}
.article-figure.full{max-width:1040px}
.article-figure.full img{aspect-ratio:auto;height:auto;object-fit:contain;background:#E1F3FB}
.post .thumb{display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;margin-bottom:18px;background:#e8f1f5}
.post .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.post:hover .thumb img{transform:scale(1.04)}