/* ============================================================
   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;}

/* Headlines: explicit theme color so legacy global "color:white" rules
   (home.css) can't leak in. var(--hr-text) flips automatically in dark mode. */
#home-redesign h1,
#home-redesign h2,
#home-redesign h3,
#home-redesign h4{color:var(--hr-text);}

#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;}

/* ---------- image attribution (badge + caption) ---------- */
#home-redesign .hr-img-wrap{position:relative;}
#home-redesign .hr-img-credit-badge{position:absolute;top:8px;right:8px;width:18px;height:18px;
  border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-family:Georgia,"Times New Roman",serif;
  font-style:italic;font-weight:700;font-size:11px;line-height:18px;text-align:center;pointer-events:none;}
#home-redesign .hr-img-credit{margin:5px 0 0;font-size:10.5px;line-height:1.25;color:var(--hr-muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* smaller caption on compact thumbnails */
#home-redesign .side-item .hr-img-credit,
#home-redesign .num-row .hr-img-credit{font-size:9px;margin-top:4px;}

/* ---------- 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;}
#home-redesign .sec-title h2 a.sec-title-link{color:inherit;text-decoration:none;cursor:pointer;}
#home-redesign .sec-title h2 a.sec-title-link:hover{color:var(--hr-accent);}

/* ---------- 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:54px 1fr 185px;gap:16px;padding:18px 0;border-bottom:1px solid var(--hr-border);align-items:start;}
#home-redesign .num-row .n{font-size:48px;font-weight:900;color:var(--hr-accent);line-height:.9;letter-spacing:-2px;}
#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;}
/* sidebar headline + its inner link: force theme color (beats legacy link/heading rules) */
#home-redesign .side-item h4,
#home-redesign .side-item h4 a{color:var(--hr-text) !important;}
#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;}
/* auto-advancing horizontal carousel (JS in template) */
#home-redesign .reco{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:12px;}
#home-redesign .reco::-webkit-scrollbar{height:6px;}
#home-redesign .reco::-webkit-scrollbar-thumb{background:var(--hr-border);border-radius:999px;}
#home-redesign .reco-card{flex:0 0 240px;scroll-snap-align:start;}
#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;border:2px solid #B8801A;overflow:hidden;transition:transform .2s ease;}
#home-redesign .pod:hover .cover{transform:scale(1.04);}
#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 .newsbox-unsub{display:block;font-size:11px;color:var(--hr-muted);margin-top:8px;text-decoration:underline;text-underline-offset:2px;}
#home-redesign .newsbox-unsub:hover{color:var(--hr-text);}

/* All 4 pod cards are interactive */
#home-redesign .pod{cursor:pointer;border-radius:10px;transition:transform .15s ease,box-shadow .15s ease;}
#home-redesign .pod:hover{transform:translateY(-2px);}
#home-redesign .pod:focus-visible{outline:2px solid var(--hr-accent);outline-offset:3px;}
#home-redesign .pod--soon{opacity:.5;pointer-events:none;cursor:default;}
#home-redesign .pod--soon .plen{color:var(--hr-muted);font-style:italic;}
#home-redesign .pod--disabled{opacity:.5;cursor:default;pointer-events:none;}

#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;}

/* ============================================================
   ESCUCHAR · Reproductor (banner inferior estilo podcast)
   Fuera de #home-redesign para no depender del scope del main,
   pero con la misma estética/acento.
   ============================================================ */
.esc-player{
  --esc-accent:#E8A020;
  position:fixed;left:0;right:0;bottom:0;z-index:9999;
  background:#fff;border-top:1px solid #e5e7eb;
  box-shadow:0 -6px 24px rgba(0,0,0,.14);
  transform:translateY(110%);transition:transform .3s cubic-bezier(.22,.61,.36,1);
  font-family:-apple-system,"Segoe UI Variable","Segoe UI",Helvetica,Arial,sans-serif;
}
.esc-player.esc-open{transform:translateY(0);}
.esc-player *{box-sizing:border-box;}
.esc-player-inner{max-width:1200px;margin:0 auto;padding:14px 18px 16px;position:relative;}

.esc-close{position:absolute;top:8px;right:12px;width:28px;height:28px;border:none;background:transparent;
  font-size:22px;line-height:1;color:#6b7280;cursor:pointer;border-radius:6px;}
.esc-close:hover{background:#f3f4f6;color:#111;}

.esc-main{display:grid;grid-template-columns:56px 1fr auto 2fr;gap:18px;align-items:center;}
.esc-cover{width:56px;height:56px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:22px;background:linear-gradient(135deg,#7c2d12,#2a0f06);color:#fff;flex:0 0 auto;}
.esc-meta{min-width:0;}
.esc-kicker{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--esc-accent);}
.esc-meta h4{margin:2px 0 1px;font-size:16px;font-weight:900;letter-spacing:-.3px;color:#111;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.esc-date{font-size:11.5px;color:#6b7280;}

.esc-controls{display:flex;align-items:center;gap:10px;}
.esc-btn{border:none;background:#f3f4f6;color:#111;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-weight:800;transition:background .15s ease;}
.esc-btn:hover{background:#e5e7eb;}
.esc-skip{width:40px;height:40px;font-size:13px;position:relative;color:#374151;flex-direction:column;line-height:1;}
.esc-skip span{font-size:8px;font-weight:800;}
.esc-play{width:52px;height:52px;font-size:18px;background:var(--esc-accent);color:#111;}
.esc-play:hover{background:#d18f12;}

.esc-progress-wrap{display:flex;align-items:center;gap:10px;min-width:0;}
.esc-time{font-size:11px;font-weight:700;color:#6b7280;font-variant-numeric:tabular-nums;flex:0 0 auto;width:34px;text-align:center;}
.esc-seek{-webkit-appearance:none;appearance:none;flex:1 1 auto;height:6px;border-radius:999px;
  background:#e5e7eb;outline:none;cursor:pointer;}
.esc-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;
  background:var(--esc-accent);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.35);cursor:pointer;}
.esc-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--esc-accent);
  border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.35);cursor:pointer;}

.esc-clusters{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #f0f0f0;
  display:flex;flex-wrap:wrap;gap:6px 22px;}
.esc-clusters li{font-size:12.5px;line-height:1.3;max-width:100%;}
.esc-clusters a{color:#374151;text-decoration:none;}
.esc-clusters a:hover{color:var(--esc-accent);text-decoration:underline;}
.esc-clusters .esc-nolink{color:#9ca3af;pointer-events:none;}

/* dark mode */
.dark .esc-player,body.dark .esc-player{background:#11151c;border-top-color:#2a2f3a;}
.dark .esc-meta h4{color:#e5e7eb;}
.dark .esc-btn{background:#1f2530;color:#e5e7eb;}
.dark .esc-btn:hover{background:#2a2f3a;}
.dark .esc-play{background:var(--esc-accent);color:#111;}
.dark .esc-seek{background:#2a2f3a;}
.dark .esc-close:hover{background:#1f2530;color:#e5e7eb;}
.dark .esc-clusters{border-top-color:#2a2f3a;}
.dark .esc-clusters a{color:#c8ccd2;}

/* móvil: full-width, controles táctiles, apilado */
@media(max-width:780px){
  .esc-main{grid-template-columns:48px 1fr auto;grid-template-areas:"cover meta controls" "prog prog prog";gap:12px 14px;}
  .esc-cover{grid-area:cover;width:48px;height:48px;}
  .esc-meta{grid-area:meta;}
  .esc-controls{grid-area:controls;}
  .esc-progress-wrap{grid-area:prog;}
  .esc-clusters{display:none;}
  .esc-play{width:46px;height:46px;}
  .esc-skip{width:38px;height:38px;}
}

/* ---------- 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 .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:46px 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-card{flex-basis:80%;}
  #home-redesign .pods{gap:20px;}
}

/* ---------- section title links ---------- */
#home-redesign .sec-title h2 a.sec-title-link{color:inherit;text-decoration:none;cursor:pointer;}
#home-redesign .sec-title h2 a.sec-title-link:hover{color:var(--hr-accent);}

/* ===== PROMO BANNER v2 (animated cycling, home + section pages) =====
   Visibility: .promo-hidden hides by default; JS reveals for non-premium users.
   Visual: .pbn scoped under #home-redesign — light = default, .dark = dark. */
.promo-hidden{display:none!important;}
.promo-banner{margin-top:40px;}

/* ── SHELL ── */
.promo-banner .pbn{
  width:100%;background:#ffffff;
  border:1px solid rgba(232,160,32,.22);border-radius:20px;
  display:flex;align-items:stretch;overflow:hidden;position:relative;
  box-shadow:0 0 0 1px rgba(232,160,32,.06),0 12px 40px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);
}
.promo-banner .pbn::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;z-index:10;
  background:linear-gradient(90deg,transparent 0%,rgba(232,160,32,.1) 8%,#E8A020 32%,#f5c85f 50%,#E8A020 68%,rgba(232,160,32,.1) 92%,transparent 100%);
}

/* ── LEFT ── */
.promo-banner .pbn-left{
  flex-shrink:0;width:252px;
  background:linear-gradient(158deg,#fefcf6 0%,#fffbf0 100%);
  border-right:1px solid rgba(232,160,32,.14);
  padding:28px 22px;
  display:flex;flex-direction:column;justify-content:center;gap:20px;
  position:relative;z-index:1;
}
.promo-banner .pbn-brand{display:flex;align-items:center;gap:12px;}
.promo-banner .pbn-mark{
  width:52px;height:52px;flex-shrink:0;
  border-radius:14px;overflow:hidden;
  box-shadow:0 4px 16px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.06) inset;
}
.promo-banner .pbn-logo-img{width:100%;height:100%;display:block;object-fit:cover;}
.promo-banner .pbn-name{
  font-family:Georgia,"Times New Roman",serif;
  display:flex;flex-direction:column;gap:0;
}
.promo-banner .pbn-name .g{color:#E8A020;}
.promo-banner .pbn-n1{font-size:25px;font-weight:900;color:#111827;letter-spacing:-.6px;line-height:1.0;}
.promo-banner .pbn-n2{font-size:15px;font-weight:700;letter-spacing:.15px;line-height:1.25;}
.promo-banner .pbn-badge{
  margin-top:5px;width:fit-content;
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(232,160,32,.1);border:1px solid rgba(232,160,32,.3);
  border-radius:100px;padding:3px 10px;
  font-size:9.5px;font-weight:800;color:#9a6a00;letter-spacing:.9px;text-transform:uppercase;
}
.promo-banner .pbn-badge svg{width:8px;height:8px;fill:#9a6a00;flex-shrink:0;}
.promo-banner .pbn-ctas{display:flex;flex-direction:column;gap:8px;}
.promo-banner .pbn-btn-p{
  display:block;text-align:center;
  background:#E8A020;color:#0a0f1a;
  font-size:13.5px;font-weight:800;letter-spacing:.1px;
  padding:11px 16px;border-radius:10px;text-decoration:none;
  transition:background .15s,transform .12s,box-shadow .15s;
  box-shadow:0 4px 16px rgba(232,160,32,.28);
}
.promo-banner .pbn-btn-p:hover{background:#f5b835;transform:translateY(-1px);box-shadow:0 6px 22px rgba(232,160,32,.38);}
.promo-banner .pbn-btn-s{
  display:block;text-align:center;
  border:1.5px solid rgba(232,160,32,.4);color:#9a6a00;
  font-size:13px;font-weight:700;text-decoration:none;
  padding:9px 16px;border-radius:10px;
  transition:border-color .15s,color .15s,background .15s;
}
.promo-banner .pbn-btn-s:hover{border-color:#E8A020;color:#7a5200;background:rgba(232,160,32,.06);}

/* ── RIGHT ── */
.promo-banner .pbn-right{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;z-index:1;}
.promo-banner .pbn-progress-track{position:absolute;top:2px;left:0;right:0;height:2px;z-index:5;background:rgba(0,0,0,.05);}
.promo-banner .pbn-progress-fill{height:100%;background:rgba(232,160,32,.55);width:0%;}
.promo-banner .pbn-panels{flex:1;position:relative;overflow:hidden;min-height:210px;}
.promo-banner .pbn-panel{
  position:absolute;inset:0;padding:22px 28px 12px;
  display:flex;align-items:center;gap:24px;
  opacity:0;transform:translateY(22px);
  transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}
.promo-banner .pbn-panel.active{opacity:1;transform:translateY(0);pointer-events:auto;}
.promo-banner .pbn-panel.out{
  opacity:0;transform:translateY(-22px);
  transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);
}
.promo-banner .pbn-panel-txt{flex:1;min-width:0;}
.promo-banner .pbn-kicker{
  font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;
  color:#b8830f;margin-bottom:8px;display:flex;align-items:center;gap:7px;
}
.promo-banner .pbn-kicker-ico{font-size:13px;line-height:1;}
.promo-banner .pbn-headline{
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;font-weight:900;color:#111827;letter-spacing:-.5px;line-height:1.2;
}
.promo-banner .pbn-sub{margin-top:9px;font-size:15px;color:#6b7280;line-height:1.55;}
.promo-banner .pbn-demo{flex-shrink:0;width:276px;}

/* ── NAV ── */
.promo-banner .pbn-nav{display:flex;align-items:center;justify-content:flex-end;padding:6px 28px 14px;gap:8px;}
.promo-banner .pbn-arr{
  width:27px;height:27px;background:none;
  border:1px solid rgba(0,0,0,.12);border-radius:50%;
  color:rgba(0,0,0,.35);cursor:pointer;font-size:16px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:border-color .15s,color .15s;
}
.promo-banner .pbn-arr:hover{border-color:#E8A020;color:#9a6a00;}
.promo-banner .pbn-dots{display:flex;gap:5px;align-items:center;}
.promo-banner .pbn-dot{
  height:7px;width:7px;border-radius:4px;
  background:rgba(0,0,0,.12);border:none;padding:0;cursor:pointer;
  transition:background .25s,width .25s;
}
.promo-banner .pbn-dot.active{background:#E8A020;width:18px;}

/* ── DEMO 1: AUDIO ── */
.promo-banner .d-audio{
  background:rgba(0,0,0,.025);border:1px solid rgba(0,0,0,.08);
  border-radius:12px;padding:13px 14px;display:flex;flex-direction:column;gap:9px;
}
.promo-banner .d-audio-row{display:flex;align-items:center;gap:10px;}
.promo-banner .d-play{
  width:34px;height:34px;border-radius:50%;background:#E8A020;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 12px rgba(232,160,32,.38);cursor:pointer;transition:transform .12s;
}
.promo-banner .d-play:hover{transform:scale(1.08);}
.promo-banner .d-play svg{width:11px;height:11px;fill:#0a0f1a;margin-left:2px;}
.promo-banner .d-meta-title{font-size:11.5px;font-weight:700;color:#111827;}
.promo-banner .d-meta-sub{font-size:10px;color:#9ca3af;margin-top:2px;}
.promo-banner .d-prog{display:flex;align-items:center;gap:7px;}
.promo-banner .d-prog-bar{flex:1;height:3.5px;background:rgba(0,0,0,.08);border-radius:2px;overflow:hidden;}
.promo-banner .d-prog-fill{height:100%;width:27%;background:linear-gradient(90deg,#E8A020,#f5c85f);border-radius:2px;}
.promo-banner .pbn-panel.active .d-prog-fill{animation:pbn-audProg 3.8s .1s ease-in-out forwards;}
@keyframes pbn-audProg{from{width:27%}to{width:76%}}
.promo-banner .d-prog-time{font-size:9.5px;color:#9ca3af;white-space:nowrap;}
.promo-banner .d-wave{display:flex;align-items:flex-end;gap:2.5px;height:20px;}
.promo-banner .d-wave span{display:inline-block;width:3px;background:#E8A020;border-radius:2px;opacity:.6;transform:scaleY(.2);transform-origin:bottom;}
.promo-banner .pbn-panel.active .d-wave span{animation:pbn-wavePulse 1s ease-in-out infinite alternate;}
@keyframes pbn-wavePulse{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
.promo-banner .d-chips{display:flex;gap:6px;}
.promo-banner .d-chip{font-size:9.5px;font-weight:700;letter-spacing:.3px;padding:3px 9px;border-radius:100px;border:1px solid rgba(232,160,32,.4);color:#9a6a00;}

/* ── DEMO 2: PROPIEDAD ── */
.promo-banner .d-prop-wrap{display:flex;gap:14px;align-items:flex-start;}
.promo-banner .d-donut-wrap{flex-shrink:0;width:90px;height:90px;}
.promo-banner .d-donut-svg{width:100%;height:100%;}
.promo-banner .d-donut-track{stroke:rgba(0,0,0,.07);}
.promo-banner .d-donut-center-bg{fill:#ffffff;}
.promo-banner .d-donut-center-n{font-size:20px;font-weight:900;fill:#111827;font-family:Georgia,"Times New Roman",serif;}
.promo-banner .d-donut-center-l{font-size:9px;fill:#9ca3af;font-family:-apple-system,sans-serif;}
.promo-banner .d-seg{opacity:0;}
.promo-banner .pbn-panel.active .ds1{animation:pbn-segIn .3s .10s ease-out forwards;}
.promo-banner .pbn-panel.active .ds2{animation:pbn-segIn .3s .26s ease-out forwards;}
.promo-banner .pbn-panel.active .ds3{animation:pbn-segIn .3s .42s ease-out forwards;}
.promo-banner .pbn-panel.active .ds4{animation:pbn-segIn .3s .58s ease-out forwards;}
@keyframes pbn-segIn{to{opacity:1}}
.promo-banner .d-prop-rows{flex:1;display:flex;flex-direction:column;gap:7px;padding-top:4px;}
.promo-banner .d-prop-item{display:flex;align-items:center;gap:6px;}
.promo-banner .d-pdot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.promo-banner .d-pname{font-size:10px;color:#374151;width:78px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.promo-banner .d-pbar-t{flex:1;height:5px;background:rgba(0,0,0,.07);border-radius:3px;overflow:hidden;}
.promo-banner .d-pbar-f{height:100%;width:0;border-radius:3px;}
.promo-banner .pbn-panel.active .pf1{animation:pbn-propBar .55s .20s ease-out forwards;--pw:33%;}
.promo-banner .pbn-panel.active .pf2{animation:pbn-propBar .55s .35s ease-out forwards;--pw:27%;}
.promo-banner .pbn-panel.active .pf3{animation:pbn-propBar .55s .50s ease-out forwards;--pw:21%;}
.promo-banner .pbn-panel.active .pf4{animation:pbn-propBar .55s .65s ease-out forwards;--pw:19%;}
@keyframes pbn-propBar{to{width:var(--pw)}}
.promo-banner .d-ppct{font-size:9.5px;font-weight:700;color:#9ca3af;width:26px;text-align:right;flex-shrink:0;}

/* ── DEMO 3: AD-FREE ── */
.promo-banner .d-adfree{position:relative;height:76px;}
.promo-banner .d-content{
  position:absolute;inset:0;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);
  border-radius:10px;padding:12px 13px;display:flex;flex-direction:column;gap:6px;
}
.promo-banner .d-line{height:7px;background:rgba(0,0,0,.1);border-radius:4px;}
.promo-banner .d-line:nth-child(1){width:86%}
.promo-banner .d-line:nth-child(2){width:62%}
.promo-banner .d-line:nth-child(3){width:74%}
.promo-banner .d-ad{
  position:absolute;inset:0;border-radius:10px;
  background:linear-gradient(135deg,rgba(156,163,175,.18),rgba(107,114,128,.12));
  border:1.5px dashed rgba(107,114,128,.3);
  display:flex;align-items:center;justify-content:center;gap:7px;
}
.promo-banner .d-ad-tag{font-size:9px;font-weight:900;letter-spacing:1px;background:rgba(0,0,0,.07);color:#9ca3af;padding:3px 7px;border-radius:4px;}
.promo-banner .d-ad-text{font-size:11px;color:#9ca3af;font-weight:600;}
.promo-banner .pbn-panel.active .d-ad{animation:pbn-adOut 3.6s ease-in-out forwards;}
@keyframes pbn-adOut{0%,15%{opacity:1}55%,100%{opacity:0}}
.promo-banner .d-clean-badge{
  position:absolute;top:-10px;right:-10px;
  background:#22c55e;color:#fff;font-size:9px;font-weight:800;letter-spacing:.4px;
  padding:3px 9px;border-radius:100px;opacity:0;transform:scale(.65);
}
.promo-banner .pbn-panel.active .d-clean-badge{animation:pbn-badgeIn 3.6s ease-in-out forwards;}
@keyframes pbn-badgeIn{0%,35%{opacity:0;transform:scale(.65)}65%,100%{opacity:1;transform:scale(1)}}

/* ── DEMO 4: ACTIVIDAD ── */
.promo-banner .d-hm-meta{display:flex;align-items:center;justify-content:space-between;}
.promo-banner .d-hm-meta-left{font-size:10px;color:#9ca3af;font-weight:600;}
.promo-banner .d-hm-score{font-size:10px;font-weight:800;color:#E8A020;background:rgba(232,160,32,.1);padding:2px 8px;border-radius:100px;border:1px solid rgba(232,160,32,.2);}
.promo-banner .d-hist-wrap{display:flex;flex-direction:column;gap:8px;}
.promo-banner .d-hist-head{display:flex;justify-content:space-between;align-items:center;}
.promo-banner .d-hist-title{font-size:9.5px;font-weight:700;color:#9ca3af;letter-spacing:.3px;}
.promo-banner .d-hist-note{font-size:9.5px;color:#E8A020;font-weight:700;white-space:nowrap;}
.promo-banner .d-hist-chart{display:flex;gap:5px;height:88px;align-items:stretch;}
.promo-banner .d-hb{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;}
.promo-banner .d-hb-t{flex:1;width:100%;position:relative;background:rgba(0,0,0,.07);border-radius:4px 4px 0 0;overflow:hidden;}
.promo-banner .d-hb-f{
  position:absolute;bottom:0;left:0;right:0;
  height:var(--h,50%);
  background:linear-gradient(to top,#c87d0a,#E8A020 40%,#f5c85f);
  border-radius:4px 4px 0 0;
  transform:scaleY(0);transform-origin:bottom;
}
.promo-banner .pbn-panel.active .d-hb-f{animation:pbn-barUp .6s cubic-bezier(.34,1.15,.64,1) forwards;}
@keyframes pbn-barUp{to{transform:scaleY(1)}}
.promo-banner .d-hb-l{font-size:8px;font-weight:800;color:#9ca3af;text-transform:uppercase;flex-shrink:0;}

/* ── DEMO 5: IA ── */
.promo-banner .d-ai-wrap{display:flex;flex-direction:column;gap:6px;}
.promo-banner .d-ai-card{
  background:rgba(0,0,0,.025);border:1px solid rgba(0,0,0,.08);
  border-radius:8px;padding:7px 10px;
  display:flex;align-items:center;gap:9px;
  opacity:0;transform:translateX(10px);
}
.promo-banner .pbn-panel.active .d-ai-card:nth-child(1){animation:pbn-aiCard .35s .15s ease-out forwards;}
.promo-banner .pbn-panel.active .d-ai-card:nth-child(2){animation:pbn-aiCard .35s .32s ease-out forwards;}
.promo-banner .pbn-panel.active .d-ai-card:nth-child(3){animation:pbn-aiCard .35s .49s ease-out forwards;}
@keyframes pbn-aiCard{to{opacity:1;transform:translateX(0)}}
.promo-banner .d-ai-sbar{width:4px;height:30px;border-radius:2px;flex-shrink:0;}
.promo-banner .d-ai-medio{font-size:10.5px;font-weight:700;color:#374151;width:74px;flex-shrink:0;}
.promo-banner .d-ai-quote{font-size:9.5px;color:#6b7280;line-height:1.4;flex:1;font-style:italic;}
.promo-banner .d-ai-badge{
  margin-top:3px;text-align:center;
  font-size:9.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;
  color:#9a6a00;background:rgba(232,160,32,.1);
  border:1px solid rgba(232,160,32,.25);border-radius:7px;padding:5px 10px;
  opacity:0;
}
.promo-banner .pbn-panel.active .d-ai-badge{animation:pbn-aiBadge .4s .72s ease-out forwards;}
@keyframes pbn-aiBadge{to{opacity:1}}

/* ── DEMO 6: SEGUIMIENTO ── */
.promo-banner .d-tl-wrap{display:flex;flex-direction:column;gap:0;}
.promo-banner .d-tl-item{display:flex;gap:9px;opacity:0;transform:translateX(8px);}
.promo-banner .pbn-panel.active .d-tl-item:nth-child(1){animation:pbn-aiCard .3s .12s ease-out forwards;}
.promo-banner .pbn-panel.active .d-tl-item:nth-child(2){animation:pbn-aiCard .3s .28s ease-out forwards;}
.promo-banner .pbn-panel.active .d-tl-item:nth-child(3){animation:pbn-aiCard .3s .44s ease-out forwards;}
.promo-banner .d-tl-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:10px;}
.promo-banner .d-tl-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.promo-banner .d-tl-dot1{background:#E8A020;}
.promo-banner .d-tl-dot2{background:#3b82f6;}
.promo-banner .d-tl-dot3{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2);}
.promo-banner .d-tl-line{flex:1;width:1.5px;background:rgba(0,0,0,.08);margin:3px 0;min-height:8px;}
.promo-banner .d-tl-body{flex:1;padding-bottom:9px;}
.promo-banner .d-tl-day{font-size:9px;font-weight:800;color:#b8830f;letter-spacing:.4px;text-transform:uppercase;}
.promo-banner .d-tl-txt{font-size:10px;color:#111827;line-height:1.35;margin-top:2px;font-style:italic;}
.promo-banner .d-tl-medios{font-size:9px;color:#9ca3af;margin-top:3px;}
.promo-banner .d-tl-alert{
  display:flex;align-items:center;gap:7px;margin-top:4px;
  background:rgba(232,160,32,.08);border:1px solid rgba(232,160,32,.2);
  border-radius:7px;padding:5px 10px;opacity:0;
}
.promo-banner .pbn-panel.active .d-tl-alert{animation:pbn-aiBadge .4s .65s ease-out forwards;}
.promo-banner .d-tl-bell{font-size:13px;display:inline-block;}
.promo-banner .pbn-panel.active .d-tl-bell{animation:pbn-bellRing 1s .85s ease-in-out;}
@keyframes pbn-bellRing{0%,100%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-5deg)}}
.promo-banner .d-tl-alert-txt{font-size:9.5px;font-weight:700;color:#9a6a00;letter-spacing:.3px;}

/* ── DEMO 7: VERIFICACIÓN ── */
.promo-banner .d-verify-wrap{display:flex;flex-direction:column;gap:6px;}
.promo-banner .d-verify-item{
  display:flex;align-items:flex-start;gap:8px;
  background:rgba(0,0,0,.025);border:1px solid rgba(0,0,0,.07);
  border-radius:8px;padding:7px 10px;
  opacity:0;transform:translateX(10px);
}
.promo-banner .pbn-panel.active .d-verify-item:nth-child(1){animation:pbn-aiCard .35s .10s ease-out forwards;}
.promo-banner .pbn-panel.active .d-verify-item:nth-child(2){animation:pbn-aiCard .35s .27s ease-out forwards;}
.promo-banner .pbn-panel.active .d-verify-item:nth-child(3){animation:pbn-aiCard .35s .44s ease-out forwards;}
.promo-banner .d-vbadge{font-size:7.5px;font-weight:900;letter-spacing:.5px;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0;margin-top:1px;}
.promo-banner .d-vbadge-false{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3);}
.promo-banner .d-vbadge-ctx{background:rgba(234,179,8,.15);color:#eab308;border:1px solid rgba(234,179,8,.3);}
.promo-banner .d-vbadge-true{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3);}
.promo-banner .d-vclaim{font-size:10px;color:#6b7280;line-height:1.35;font-style:italic;}
.promo-banner .d-verify-score{display:flex;align-items:center;gap:7px;margin-top:2px;opacity:0;}
.promo-banner .pbn-panel.active .d-verify-score{animation:pbn-aiBadge .4s .68s ease-out forwards;}
.promo-banner .d-vscore-lbl{font-size:9px;color:#9ca3af;font-weight:600;white-space:nowrap;}
.promo-banner .d-vscore-bar{flex:1;height:5px;background:rgba(0,0,0,.07);border-radius:3px;overflow:hidden;}
.promo-banner .d-vscore-fill{height:100%;width:0;background:linear-gradient(90deg,#22c55e,#86efac);border-radius:3px;}
.promo-banner .pbn-panel.active .d-vscore-fill{animation:pbn-propBar .8s .73s ease-out forwards;--pw:84%;}
.promo-banner .d-vscore-pct{font-size:10px;font-weight:800;color:#22c55e;white-space:nowrap;}

/* ── DARK MODE ── */
.dark .promo-banner .pbn,body.dark .promo-banner .pbn{
  background:#0f1420;
  border-color:rgba(232,160,32,.2);
  box-shadow:0 0 0 1px rgba(232,160,32,.06),0 28px 72px rgba(0,0,0,.65),0 6px 20px rgba(0,0,0,.35);
}
.dark .promo-banner .pbn-left,body.dark .promo-banner .pbn-left{
  background:linear-gradient(158deg,#111827 0%,#0a0f1a 100%);
  border-right-color:rgba(232,160,32,.1);
}
.dark .promo-banner .pbn-n1,body.dark .promo-banner .pbn-n1{color:#f9fafb;}
.dark .promo-banner .pbn-badge,body.dark .promo-banner .pbn-badge{color:#E8A020;background:rgba(232,160,32,.09);border-color:rgba(232,160,32,.28);}
.dark .promo-banner .pbn-badge svg,body.dark .promo-banner .pbn-badge svg{fill:#E8A020;}
.dark .promo-banner .pbn-kicker,body.dark .promo-banner .pbn-kicker{color:#E8A020;}
.dark .promo-banner .pbn-headline,body.dark .promo-banner .pbn-headline{color:#f9fafb;}
.dark .promo-banner .pbn-sub,body.dark .promo-banner .pbn-sub{color:#4b5563;}
.dark .promo-banner .pbn-btn-s,body.dark .promo-banner .pbn-btn-s{color:rgba(232,160,32,.82);border-color:rgba(232,160,32,.38);}
.dark .promo-banner .pbn-btn-s:hover,body.dark .promo-banner .pbn-btn-s:hover{border-color:#E8A020;color:#E8A020;background:rgba(232,160,32,.06);}
.dark .promo-banner .pbn-arr,body.dark .promo-banner .pbn-arr{border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.35);}
.dark .promo-banner .pbn-arr:hover,body.dark .promo-banner .pbn-arr:hover{border-color:#E8A020;color:#E8A020;}
.dark .promo-banner .pbn-dot,body.dark .promo-banner .pbn-dot{background:rgba(255,255,255,.14);}
.dark .promo-banner .pbn-progress-track,body.dark .promo-banner .pbn-progress-track{background:rgba(255,255,255,.04);}
.dark .promo-banner .d-audio,body.dark .promo-banner .d-audio{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07);}
.dark .promo-banner .d-meta-title,body.dark .promo-banner .d-meta-title{color:#e5e7eb;}
.dark .promo-banner .d-meta-sub,body.dark .promo-banner .d-meta-sub{color:#4b5563;}
.dark .promo-banner .d-prog-bar,body.dark .promo-banner .d-prog-bar{background:rgba(255,255,255,.08);}
.dark .promo-banner .d-prog-time,body.dark .promo-banner .d-prog-time{color:#4b5563;}
.dark .promo-banner .d-chip,body.dark .promo-banner .d-chip{border-color:rgba(232,160,32,.3);color:rgba(232,160,32,.75);}
.dark .promo-banner .d-donut-track,body.dark .promo-banner .d-donut-track{stroke:rgba(255,255,255,.06);}
.dark .promo-banner .d-donut-center-bg,body.dark .promo-banner .d-donut-center-bg{fill:#0f1420;}
.dark .promo-banner .d-donut-center-n,body.dark .promo-banner .d-donut-center-n{fill:#f9fafb;}
.dark .promo-banner .d-donut-center-l,body.dark .promo-banner .d-donut-center-l{fill:#4b5563;}
.dark .promo-banner .d-pname,body.dark .promo-banner .d-pname{color:#9ca3af;}
.dark .promo-banner .d-pbar-t,body.dark .promo-banner .d-pbar-t{background:rgba(255,255,255,.07);}
.dark .promo-banner .d-ppct,body.dark .promo-banner .d-ppct{color:#6b7280;}
.dark .promo-banner .d-content,body.dark .promo-banner .d-content{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.07);}
.dark .promo-banner .d-line,body.dark .promo-banner .d-line{background:rgba(255,255,255,.1);}
.dark .promo-banner .d-ad,body.dark .promo-banner .d-ad{background:linear-gradient(135deg,rgba(55,65,81,.55),rgba(31,41,55,.55));border-color:rgba(107,114,128,.35);}
.dark .promo-banner .d-ad-tag,body.dark .promo-banner .d-ad-tag{background:rgba(107,114,128,.3);color:#6b7280;}
.dark .promo-banner .d-ad-text,body.dark .promo-banner .d-ad-text{color:#4b5563;}
.dark .promo-banner .d-hm-meta-left,body.dark .promo-banner .d-hm-meta-left{color:#4b5563;}
.dark .promo-banner .d-hb-t,body.dark .promo-banner .d-hb-t{background:rgba(255,255,255,.05);}
.dark .promo-banner .d-hb-l,body.dark .promo-banner .d-hb-l{color:#4b5563;}
.dark .promo-banner .d-hist-title,body.dark .promo-banner .d-hist-title{color:#6b7280;}
.dark .promo-banner .d-ai-card,body.dark .promo-banner .d-ai-card{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07);}
.dark .promo-banner .d-ai-medio,body.dark .promo-banner .d-ai-medio{color:#9ca3af;}
.dark .promo-banner .d-ai-quote,body.dark .promo-banner .d-ai-quote{color:#6b7280;}
.dark .promo-banner .d-ai-badge,body.dark .promo-banner .d-ai-badge{color:#E8A020;background:rgba(232,160,32,.08);border-color:rgba(232,160,32,.2);}
.dark .promo-banner .d-tl-line,body.dark .promo-banner .d-tl-line{background:rgba(255,255,255,.08);}
.dark .promo-banner .d-tl-txt,body.dark .promo-banner .d-tl-txt{color:#e5e7eb;}
.dark .promo-banner .d-tl-medios,body.dark .promo-banner .d-tl-medios{color:#4b5563;}
.dark .promo-banner .d-tl-day,body.dark .promo-banner .d-tl-day{color:#E8A020;}
.dark .promo-banner .d-tl-alert,body.dark .promo-banner .d-tl-alert{background:rgba(232,160,32,.07);border-color:rgba(232,160,32,.18);}
.dark .promo-banner .d-tl-alert-txt,body.dark .promo-banner .d-tl-alert-txt{color:#E8A020;}
.dark .promo-banner .d-verify-item,body.dark .promo-banner .d-verify-item{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.06);}
.dark .promo-banner .d-vclaim,body.dark .promo-banner .d-vclaim{color:#9ca3af;}
.dark .promo-banner .d-vscore-lbl,body.dark .promo-banner .d-vscore-lbl{color:#4b5563;}
.dark .promo-banner .d-vscore-bar,body.dark .promo-banner .d-vscore-bar{background:rgba(255,255,255,.07);}

/* ── RESPONSIVE ── */
@media(max-width:820px){
  .promo-banner .pbn{flex-direction:column;}
  .promo-banner .pbn-left{
    width:100%;border-right:none;border-bottom:1px solid rgba(232,160,32,.1);
    padding:18px;flex-direction:row;align-items:center;gap:14px;flex-wrap:wrap;
  }
  .promo-banner .pbn-ctas{flex-direction:row;margin-left:auto;gap:7px;}
  .promo-banner .pbn-panel{flex-direction:column;padding:18px 18px 10px;gap:14px;align-items:flex-start;}
  .promo-banner .pbn-demo{width:100%;}
  .promo-banner .pbn-panels{min-height:340px;}
  .promo-banner .pbn-headline{font-size:20px;}
}
@media(max-width:520px){
  .promo-banner .pbn-left{flex-direction:column;align-items:flex-start;}
  .promo-banner .pbn-ctas{margin-left:0;width:100%;flex-direction:row;}
  .promo-banner .pbn-btn-p,.promo-banner .pbn-btn-s{flex:1;text-align:center;}
}
@media(prefers-reduced-motion:reduce){
  .promo-banner .pbn-panel,
  .promo-banner .pbn-panel.out,
  .promo-banner .d-prog-fill,
  .promo-banner .d-wave span,
  .promo-banner .d-seg,
  .promo-banner .d-pbar-f,
  .promo-banner .d-ad,
  .promo-banner .d-clean-badge,
  .promo-banner .d-hb-f,
  .promo-banner .d-ai-card,
  .promo-banner .d-ai-badge,
  .promo-banner .d-tl-item,
  .promo-banner .d-tl-alert,
  .promo-banner .d-tl-bell,
  .promo-banner .d-verify-item,
  .promo-banner .d-verify-score,
  .promo-banner .d-vscore-fill{
    animation:none!important;transition:none!important;
    opacity:1!important;transform:none!important;
  }
  .promo-banner .d-pbar-f.pf1{width:33%!important}
  .promo-banner .d-pbar-f.pf2{width:27%!important}
  .promo-banner .d-pbar-f.pf3{width:21%!important}
  .promo-banner .d-pbar-f.pf4{width:19%!important}
  .promo-banner .d-prog-fill{width:52%!important}
  .promo-banner .d-hb-f{transform:scaleY(1)!important}
}