/* CSS propio de la portada `home-milagrohoy` — era un <style> en views/home-milagrohoy.ejs hasta el 23-sep-2026. */
.mh-wrap{max-width:1180px;margin:0 auto;padding:0 32px 20px}
    .mh-fecha{text-align:center;padding:22px 0 26px;font:300 11.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted-2)}
    .mh-fecha b{color:var(--accent);font-weight:500}

    .mh-portada{position:relative;display:block;width:100%;aspect-ratio:21/9;overflow:hidden;background:var(--paper-3);border-radius:3px}
    .mh-portada img{width:100%;height:100%;object-fit:cover}
    .mh-ph{width:100%;height:100%;background:linear-gradient(160deg,#F0EBE0,#D9D1C0)}
    .mh-velo{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,17,12,.86) 0%,rgba(20,17,12,.42) 42%,rgba(20,17,12,.06) 78%)}
    .mh-portada-txt{position:absolute;left:0;right:0;bottom:0;padding:44px 52px;color:#fff;max-width:900px}
    .mh-dep{display:inline-block;font:400 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--realce);margin-bottom:16px}
    .mh-portada-txt h1{font-family:var(--serif);font-weight:700;font-size:clamp(30px,4vw,54px);line-height:1.06;letter-spacing:-.035em;margin:0;color:#fff;font-variation-settings:"opsz" 72;text-wrap:balance}
    .mh-portada-txt h1 a{color:inherit}
    .mh-portada-txt .mh-dek{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.55;color:rgba(255,255,255,.86);margin:16px 0 0;max-width:62ch}
    .mh-portada-txt .mh-firma{font:400 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:18px}

    .mh-reportajes{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:64px}
    .mh-rep-foto{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--paper-3);border-radius:2px}
    .mh-rep-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
    .mh-rep:hover .mh-rep-foto img{transform:scale(1.03)}
    .mh-rep h2{font-family:var(--serif);font-weight:600;font-size:27px;line-height:1.24;letter-spacing:-.022em;margin:20px 0 0;color:var(--ink);font-variation-settings:"opsz" 36;text-wrap:balance}
    .mh-rep h2 a{color:inherit}
    .mh-rep:hover h2{color:var(--accent)}
    .mh-rep p{font:300 15px/1.65 var(--sans);color:var(--muted);margin:12px 0 0;max-width:52ch}
    .mh-rep .mh-firma{font:400 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-top:14px}
    .mh-rep .mh-dep{color:var(--accent);margin-bottom:0;margin-top:18px}

    .mh-tit{text-align:center;margin:74px 0 30px;font:400 12px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
    .mh-tit::before{content:"";display:block;width:34px;height:2px;background:var(--realce);margin:0 auto 15px}
    .mh-sumario{display:grid;grid-template-columns:repeat(5,1fr);gap:34px;border-top:1px solid var(--hairline);padding-top:30px}
    .mh-s h3{font-family:var(--serif);font-weight:600;font-size:16.5px;line-height:1.35;letter-spacing:-.01em;margin:9px 0 0;color:var(--ink)}
    .mh-s h3 a{color:inherit}
    .mh-s:hover h3{color:var(--accent)}
    .mh-s .mh-dep{font-size:10px;letter-spacing:.24em;color:var(--accent);margin:0}
    .mh-s .mh-firma{font:400 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-top:10px}

    .mh-semana{margin-top:4px}

    .mh-cierre{margin:78px 0 10px;padding:52px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);text-align:center}
    .mh-cierre .mh-dep{color:var(--muted-2)}
    .mh-cierre blockquote{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(22px,2.6vw,34px);line-height:1.35;letter-spacing:-.02em;color:var(--ink);margin:16px auto 0;max-width:23ch;font-variation-settings:"opsz" 48;text-wrap:balance}
    .mh-cierre blockquote a{color:inherit}
    .mh-cierre blockquote a:hover{color:var(--accent)}
    .mh-cierre .mh-firma{font:400 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);margin-top:22px}

    .mh-pauta{margin:56px 0 0}
    .mh-empty{padding:70px 0;text-align:center}

    @media(max-width:1024px){
      .mh-portada{aspect-ratio:16/9}
      .mh-portada-txt{padding:32px 34px}
      .mh-reportajes{gap:40px}
      .mh-sumario{grid-template-columns:repeat(3,1fr);gap:28px}
    }
    @media(max-width:720px){
      .mh-wrap{padding:0 18px 20px}
      .mh-portada{aspect-ratio:4/3}
      .mh-portada-txt{padding:22px 20px;max-width:none}
      .mh-portada-txt .mh-dek{display:none}
      .mh-reportajes{grid-template-columns:1fr;gap:44px;margin-top:46px}
      .mh-rep h2{font-size:23px}
      .mh-sumario{grid-template-columns:1fr;gap:24px}
      .mh-tit{margin:52px 0 24px}
      .mh-cierre{margin-top:56px;padding:38px 0}
    }