/* Portada minimalista (19/10/2026). Alcance .zh; la tarjeta del dato y los botones vienen de facts.css. */
.zh{background:var(--zk-bg)}
.zh-wrap{max-width:1180px;margin:0 auto;padding-inline:1.5rem}
.zh-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.2rem,5vw,3rem);align-items:center;padding-block:clamp(2.75rem,8vw,6.5rem) clamp(2.25rem,5vw,3.5rem)}
.zh-copy{display:flex;flex-direction:column;align-items:flex-start}
.zh h1{font:700 clamp(2.5rem,7.4vw,5.1rem)/.98 var(--zk-disp);text-transform:uppercase;letter-spacing:.004em;color:#fff;text-wrap:balance}
.zh h1 span{display:block;transform:skewX(-7deg);transform-origin:0 100%}
.zh-lead{margin-top:1.5rem;max-width:33rem;font-size:clamp(1.05rem,1.7vw,1.2rem);line-height:1.6;color:var(--zk-text);text-wrap:pretty}
.zh-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:2rem}
.zh-art{justify-self:center;width:100%;max-width:360px}
.zh-factrow{padding-block:0 clamp(2rem,5vw,3rem)}
.zh-tools{padding-block:0 clamp(2.5rem,6vw,4.5rem)}
.zh-tools ul{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--zk-line)}
.zh-tools li{border-bottom:1px solid var(--zk-line)}
.zh .zh-tools a{display:flex;align-items:center;gap:.85rem;min-height:56px;padding:.7rem .2rem;color:var(--zk-ink);font-weight:600;text-decoration:none;transition:color .15s}
.zh-tools .zi{font-size:1.55rem;color:var(--zk-lime);transition:transform .15s}
.zh .zh-tools a:hover{color:var(--zk-lime)}
.zh-tools a:hover .zi{transform:translateY(-2px)}
@media (min-width:900px){
  .zh-hero{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(2.5rem,5vw,4.5rem)}
  .zh h1{font-size:clamp(2.6rem,4.7vw,4.8rem)}
  .zh-tools ul{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:0}
  .zh-tools li{border-bottom:1px solid var(--zk-line)}
  .zh-tools li+li{border-left:1px solid var(--zk-line);padding-left:1.4rem}
  .zh-tools li:first-child a{padding-left:0}
}
@media (prefers-reduced-motion:reduce){.zh-tools .zi,.zh-tools a{transition:none}}
