/* ============================================================
   HOME REDESIGN — Editorial Bold (Dirección A)
   Scoped under #home-redesign so it never touches header /
   sidebar / footer / legacy home.css rules.
   ============================================================ */

#home-redesign{
  --hr-accent:#E8A020;
  --hr-ink:#111;
  --hr-text:#111827;
  --hr-muted:#6b7280;
  --hr-border:#e5e7eb;
  --hr-sesgo-grad:linear-gradient(90deg,#1d4ed8 0%,#93b4ff 28%,#f4f4f5 50%,#ff9b9b 72%,#dc2626 100%);
  display:block;
  color:var(--hr-text);
  font-family:-apple-system,"Segoe UI Variable","Segoe UI",Helvetica,Arial,sans-serif;
}
#home-redesign *{box-sizing:border-box;}
#home-redesign a{color:inherit;text-decoration:none;}
#home-redesign .serif{font-family:Georgia,"Times New Roman",serif;}

#home-redesign .hr-wrap{max-width:1200px;margin:0 auto;padding:0 18px;}

/* ---------- placeholder + image wrappers ---------- */
#home-redesign .hr-imgwrap{position:relative;overflow:hidden;border-radius:6px;
  background:linear-gradient(135deg,#3a4252,#1f2530);display:block;cursor:pointer;}
#home-redesign .hr-imgwrap img{width:100%;height:100%;object-fit:cover;display:block;}
#home-redesign .r-16-10{aspect-ratio:16/10;}
#home-redesign .r-16-9{aspect-ratio:16/9;}
#home-redesign .r-4-3{aspect-ratio:4/3;}
#home-redesign .r-5-4{aspect-ratio:5/4;}
#home-redesign .r-1-1{aspect-ratio:1/1;}

/* ---------- chips: tag + subtag ---------- */
#home-redesign .chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
#home-redesign .tag{font-weight:800;font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;
  padding:4px 9px;border-radius:4px;background:rgba(232,160,32,.16);color:#9a6a00;border:1px solid rgba(232,160,32,.45);}
#home-redesign .subtag{font-weight:700;font-size:9.5px;letter-spacing:.7px;text-transform:uppercase;
  padding:3px 8px;border-radius:4px;color:var(--hr-muted);background:transparent;border:1px solid var(--hr-border);}

/* ---------- sesgo bar (hero / medium / small variants) ---------- */
#home-redesign .sesgo{margin-top:10px;}
#home-redesign .sesgo-track{position:relative;width:100%;height:6px;border-radius:999px;background:var(--hr-sesgo-grad);}
#home-redesign .sesgo--hero .sesgo-track{height:9px;}
#home-redesign .sesgo-track .mk{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;
  border-radius:50%;background:#111;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.4);}
#home-redesign .sesgo--hero .sesgo-track .mk{width:16px;height:16px;}
#home-redesign .sesgo-cap{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:10.5px;font-weight:700;color:var(--hr-muted);letter-spacing:.2px;}
#home-redesign .sesgo--hero .sesgo-cap{font-size:12px;}
#home-redesign .sesgo-cap .dotc{width:7px;height:7px;border-radius:50%;display:inline-block;}
#home-redesign .sesgo-cap .dot-izq{background:#1d4ed8;}
#home-redesign .sesgo-cap .dot-cen{background:#9ca3af;}
#home-redesign .sesgo-cap .dot-der{background:#dc2626;}
#home-redesign .sesgo-cap b{color:var(--hr-text);}

/* ---------- section titles ---------- */
#home-redesign .sec-head{display:flex;align-items:center;justify-content:space-between;margin:46px 0 20px;}
#home-redesign .sec-title{display:flex;align-items:center;gap:12px;}
#home-redesign .accent-tab{display:block;width:34px;height:10px;background:var(--hr-accent);border-radius:2px;}
#home-redesign .sec-title h2{font-size:26px;font-weight:900;letter-spacing:-.5px;margin:0;}
#home-redesign .sec-title h2 .muted{color:var(--hr-muted);font-weight:800;}
#home-redesign .sec-more{font-size:12px;font-weight:800;letter-spacing:1px;color:var(--hr-accent);text-transform:uppercase;white-space:nowrap;}
#home-redesign .sec-more:hover{color:#9a6a00;}

#home-redesign .sec-head.big{margin:64px 0 30px;align-items:flex-end;}
#home-redesign .sec-head.big .accent-tab{width:48px;height:14px;}
#home-redesign .sec-head.big .sec-title h2{font-family:Georgia,"Times New Roman",serif;font-weight:900;font-size:clamp(40px,6vw,60px);letter-spacing:-1.2px;}
#home-redesign .sec-head.big .sec-more{font-size:13px;}

/* ---------- 1 · FEATURED LEAD ---------- */
#home-redesign .lead{padding:24px 0 30px;border-bottom:3px solid var(--hr-ink);}
#home-redesign .lead-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;}
#home-redesign .lead h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,4.2vw,54px);line-height:1.02;font-weight:900;letter-spacing:-1.2px;margin:14px 0 14px;}
#home-redesign .lead .dek{font-size:18px;line-height:1.5;color:#374151;margin:0 0 4px;}
#home-redesign .lead .byline{font-size:12px;color:var(--hr-muted);margin-top:12px;}
#home-redesign .lead .byline b{color:var(--hr-text);}

/* ---------- 2 · LO MÁS ACTIVO (2 columns) ---------- */
#home-redesign .activo{border-top:2px solid var(--hr-ink);display:grid;grid-template-columns:1fr 1fr;column-gap:40px;}
#home-redesign .num-row{display:grid;grid-template-columns:42px 1fr 185px;gap:16px;padding:18px 0;border-bottom:1px solid var(--hr-border);align-items:start;}
#home-redesign .num-row .n{font-size:32px;font-weight:900;color:var(--hr-accent);line-height:.9;}
#home-redesign .num-row .kicker{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--hr-muted);margin-bottom:5px;}
#home-redesign .num-row .kicker .t{color:var(--hr-ink);}
#home-redesign .num-row h3{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.18;font-weight:900;margin:0 0 6px;letter-spacing:-.3px;}
#home-redesign .num-row .dek{font-size:13px;line-height:1.45;color:#4b5563;margin:0;}

/* ---------- 3 · SECTION BLOCKS ---------- */
#home-redesign .block{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;}
#home-redesign .block-lead h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,3vw,36px);line-height:1.06;font-weight:900;margin:20px 0 14px;letter-spacing:-.7px;}
#home-redesign .block-lead .dek{font-size:17px;line-height:1.55;color:#374151;margin:0;}
#home-redesign .block-lead .chips{margin-top:18px;}
#home-redesign .side-list{display:flex;flex-direction:column;}
#home-redesign .side-item{display:grid;grid-template-columns:1fr 150px;gap:18px;padding:20px 0;border-top:1px solid var(--hr-border);align-items:start;}
#home-redesign .side-item:first-child{border-top:none;padding-top:0;}
#home-redesign .side-item .kicker{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--hr-muted);margin-bottom:5px;}
#home-redesign .side-item h4{font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.22;font-weight:900;margin:0;letter-spacing:-.2px;}
#home-redesign .side-item .sesgo{margin-top:9px;grid-column:1 / -1;}
#home-redesign .block-empty{color:var(--hr-muted);font-size:14px;padding:18px 0;}

/* ---------- 5 · RECOMENDADO ---------- */
#home-redesign .reco-head{border-top:2px solid var(--hr-ink);padding-top:18px;}
#home-redesign .reco{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
#home-redesign .reco-card h3{font-family:Georgia,"Times New Roman",serif;font-size:15.5px;line-height:1.22;font-weight:900;margin:10px 0 0;letter-spacing:-.2px;}
#home-redesign .reco-card .chips{margin-top:10px;}
#home-redesign .reco-card .byline{font-size:11px;color:var(--hr-muted);margin-top:8px;}
#home-redesign .reco-card .byline b{color:var(--hr-text);}

/* ---------- 6 · MÁS NOTICIAS ---------- */
#home-redesign .more-news{border-top:2px solid var(--hr-ink);}
#home-redesign .mn-row{display:grid;grid-template-columns:1fr 300px;gap:32px;padding:28px 0;border-bottom:1px solid var(--hr-border);align-items:center;}
#home-redesign .mn-row .kicker{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--hr-muted);margin-bottom:8px;}
#home-redesign .mn-row .kicker .t{color:var(--hr-ink);}
#home-redesign .mn-row h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.6vw,32px);line-height:1.1;font-weight:900;margin:0 0 10px;letter-spacing:-.6px;}
#home-redesign .mn-row .dek{font-size:15.5px;line-height:1.5;color:#374151;margin:0 0 10px;}
#home-redesign .mn-row .byline{font-size:12.5px;color:var(--hr-muted);margin-bottom:10px;font-style:italic;}
#home-redesign .mn-row .byline b{color:var(--hr-text);font-style:normal;}
#home-redesign .mn-row .chips{margin-bottom:2px;}

/* ---------- 4 · ESCUCHAR (static) ---------- */
#home-redesign .listen{display:grid;grid-template-columns:1.7fr 1fr;gap:36px;align-items:start;}
#home-redesign .pods{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;}
#home-redesign .pod{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;}
#home-redesign .pod .cover{width:92px;height:92px;border-radius:10px;display:flex;align-items:flex-end;padding:8px;}
#home-redesign .pod .cover span{font-size:20px;}
#home-redesign .pod h4{font-size:16.5px;line-height:1.2;font-weight:900;margin:0 0 6px;letter-spacing:-.3px;}
#home-redesign .pod p{font-size:13px;line-height:1.45;color:#4b5563;margin:0;}
#home-redesign .pod .plen{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:var(--hr-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:7px;}
#home-redesign .newsbox{border:2px dashed var(--hr-accent);border-radius:14px;padding:24px;background:rgba(232,160,32,.05);}
#home-redesign .newsbox .kicker{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--hr-accent);}
#home-redesign .newsbox h3{font-size:24px;font-weight:900;letter-spacing:-.5px;margin:8px 0 8px;}
#home-redesign .newsbox p{font-size:14px;line-height:1.5;color:#374151;margin:0 0 16px;}
#home-redesign .newsbox input{width:100%;padding:12px 14px;border:1px solid var(--hr-border);border-radius:8px;font-size:14px;margin-bottom:10px;}
#home-redesign .newsbox input:focus{outline:none;border-color:var(--hr-accent);box-shadow:0 0 0 3px rgba(232,160,32,.18);}
#home-redesign .newsbox button{width:100%;padding:12px 14px;border:none;border-radius:8px;background:var(--hr-accent);color:#111;font-size:14px;font-weight:800;cursor:pointer;letter-spacing:.3px;}
#home-redesign .newsbox button:hover{background:#d18f12;}
#home-redesign .newsbox small{display:block;font-size:11px;color:var(--hr-muted);margin-top:10px;}

#home-redesign .hr-foot-note{margin:56px 0 0;border-top:3px solid var(--hr-ink);padding:22px 0;color:var(--hr-muted);font-size:12px;}

/* ---------- dark mode (site uses body.dark / .dark) ---------- */
.dark #home-redesign,body.dark #home-redesign{--hr-text:#e5e7eb;--hr-muted:#9aa0a6;--hr-border:#2a2f3a;--hr-ink:#e5e7eb;}
.dark #home-redesign .lead .dek,.dark #home-redesign .block-lead .dek,
.dark #home-redesign .mn-row .dek,.dark #home-redesign .num-row .dek,
.dark #home-redesign .newsbox p,.dark #home-redesign .pod p{color:#c8ccd2;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1000px){
  #home-redesign .lead-grid,#home-redesign .block,#home-redesign .listen,#home-redesign .pods{grid-template-columns:1fr;gap:28px;}
  #home-redesign .activo{grid-template-columns:1fr;column-gap:0;}
  #home-redesign .reco{grid-template-columns:1fr 1fr;}
  #home-redesign .mn-row{grid-template-columns:1fr 240px;gap:24px;}
  #home-redesign .sec-head.big{margin:48px 0 24px;}
}
@media(max-width:600px){
  #home-redesign .num-row{grid-template-columns:34px 1fr;}
  #home-redesign .num-row .num-thumb{display:none;}
  #home-redesign .side-item{grid-template-columns:1fr 96px;}
  #home-redesign .mn-row{grid-template-columns:1fr;gap:14px;}
  #home-redesign .mn-row .mn-thumb{order:-1;}
  #home-redesign .lead h1{font-size:31px;}
  #home-redesign .reco{grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;}
  #home-redesign .reco-card{scroll-snap-align:start;}
  #home-redesign .pods{gap:20px;}
}