/* CSS propio de la portada `home-idolo` — era un <style> en views/home-idolo.ejs hasta el 23-sep-2026. */
.ih-wrap{max-width:1240px;margin:0 auto;padding:0 24px 8px}
    .ih-grada{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--negro);color:#fff;padding:10px 18px;margin:0 -24px;font:700 14px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}
    .ih-grada b{color:var(--amarillo)}
    .ih-grada span:last-child{color:#BDBDBD;font-weight:500}

    .ih-doble{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:22px}
    .ih-d{display:flex;flex-direction:column;position:relative}
    .ih-d-media{display:block;aspect-ratio:16/10;background:var(--paper-3);overflow:hidden;position:relative}
    .ih-d-media img{width:100%;height:100%;object-fit:cover}
    .ih-ph{display:block;width:100%;height:100%;background:repeating-linear-gradient(-45deg,#111,#111 14px,#FFDD00 14px,#FFDD00 28px);opacity:.15}
    .ih-chip{position:absolute;left:0;top:0;background:var(--amarillo);color:var(--negro);font:800 13px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border-bottom:4px solid var(--negro)}
    .ih-chip.ultima{background:var(--rojo);color:#fff;border-bottom-color:#8E0000}
    .ih-d h1,.ih-d h2.ih-t{font-family:var(--display);font-weight:900;font-size:clamp(30px,3.3vw,44px);line-height:.98;letter-spacing:.005em;text-transform:uppercase;margin:14px 0 8px;color:var(--ink)}
    .ih-d h1 a,.ih-d h2.ih-t a{color:inherit}
    .ih-d h1 a:hover,.ih-d h2.ih-t a:hover{color:var(--rojo)}
    .ih-dek{font:500 16px/1.5 var(--sans);color:var(--ink-2);margin:0 0 8px;border-left:6px solid var(--amarillo);padding-left:12px}
    .ih-meta{font:600 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}

    .ih-vest{background:var(--negro);color:#fff;margin:30px -24px 0;padding:18px 24px 22px}
    .ih-vest-h{display:flex;align-items:center;gap:12px;font:900 22px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--amarillo);margin-bottom:14px}
    .ih-vest-h::after{content:"";flex:1;border-top:2px solid var(--amarillo);opacity:.6}
    .ih-vest-g{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}
    .ih-v{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:12px 0;border-top:1px solid #333}
    .ih-v .ih-n{font:900 30px/1 var(--display);color:var(--amarillo)}
    .ih-v a{font:600 15px/1.3 var(--sans);color:#fff}
    .ih-v a:hover{color:var(--amarillo)}
    .ih-v .ih-meta{color:#8C8C8C;display:block;margin-top:5px}

    .ih-lee{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:14px;counter-reset:ih}
    .ih-l{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:12px 0;border-bottom:3px solid var(--hairline)}
    .ih-l .ih-n{font:900 56px/1 var(--display);color:var(--amarillo);-webkit-text-stroke:2px var(--negro);text-stroke:2px var(--negro)}
    .ih-l a{font:800 18px/1.1 var(--display);letter-spacing:.005em;text-transform:uppercase;color:var(--ink)}
    .ih-l a:hover{color:var(--rojo)}
    .ih-empty{padding:40px 0}
    @media(max-width:1024px){
      .ih-doble{grid-template-columns:1fr}
      .ih-vest-g{grid-template-columns:repeat(2,1fr)}
      .ih-lee{grid-template-columns:1fr}
    }
    @media(max-width:720px){
      .ih-wrap{padding:0 16px 8px}
      .ih-grada{margin:0 -16px;flex-direction:column;align-items:flex-start;gap:6px;line-height:1.3}
      .ih-vest{margin:26px -16px 0;padding:16px}
      .ih-vest-g{grid-template-columns:1fr}
    }