/*
Theme Name: BNN África Noticias 9.8 Radio Directa Persistente
Theme URI: https://bnnafrica.com
Author: BNN África
Description: Edición 9.8 de BNN África con streaming directo BRLOGIC: un toque enciende, otro apaga y la emisión continúa durante la navegación interna sin mostrar reproductores ni ventanas.
Version: 9.8.0
Text Domain: bnn-africa
*/

:root{
  --red:#d51b37;
  --red-dark:#a10f27;
  --black:#16161a;
  --muted:#686870;
  --line:#dedee2;
  --soft:#f4f4f5;
  --white:#fff;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:#fff;color:var(--black);
  font-family:Arial,Helvetica,sans-serif;line-height:1.35;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}

/* HEADER */
.site-header{
  position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line);
}
.header-row{
  min-height:62px;display:grid;
  grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
}
.main-nav{display:flex;gap:16px;align-items:center}
.main-nav a{
  font-size:11px;font-weight:800;text-transform:uppercase;white-space:nowrap;
}
.logo img{width:36px;height:36px;object-fit:cover;border-radius:3px}
.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px}
.icon-btn{
  width:36px;height:36px;border:0;background:#fff;font-size:18px;cursor:pointer;
}
.live-btn{
  border:0;background:var(--red);color:#fff;border-radius:4px;
  padding:9px 11px;font-weight:900;font-size:12px;cursor:pointer;
  display:flex;align-items:center;gap:7px;white-space:nowrap;
}
.live-dot{width:7px;height:7px;border-radius:50%;background:#fff}
.mobile-menu{display:none}

/* TICKER */
.ticker{border-bottom:1px solid var(--line);overflow:hidden;background:#fff}
.ticker-row{display:flex;align-items:center;min-height:34px}
.ticker-label{
  flex:0 0 auto;background:var(--red);color:#fff;padding:9px 10px;
  font-size:10px;font-weight:900;text-transform:uppercase;
}
.ticker-window{overflow:hidden;flex:1}
.ticker-track{
  display:flex;width:max-content;white-space:nowrap;
  animation:ticker 42s linear infinite;
}
.ticker-track:hover{animation-play-state:paused}
.ticker-item{font-size:11px;font-weight:700;padding:8px 18px}
.ticker-item:after{content:" · ";margin-left:18px;color:#999}
@keyframes ticker{to{transform:translateX(-50%)}}

/* LEAD */
.hero{padding:0 0 28px}
.lead{margin:0;padding:0}
.lead-image{
  display:block;width:100%;margin:0;background:#f3f3f4;
}
.lead-image img{
  width:100%;height:auto;object-fit:contain;margin:0;
}
.lead-text{padding:10px 0 0}
.label{
  display:inline-block;background:var(--red);color:#fff;
  padding:3px 6px;font-size:10px;font-weight:900;text-transform:uppercase;
}
.lead-title{
  margin:7px 0 0;font-size:42px;line-height:1.03;
  font-weight:900;letter-spacing:-1.2px;max-width:1000px;
}

/* SECONDARY 2x2 — NO fixed heights */
.secondary-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px 16px;margin-top:24px;
}
.secondary-card{display:block;margin:0;padding:0;min-width:0}
.secondary-image{
  display:block;width:100%;margin:0 0 7px;background:#f3f3f4;
}
.secondary-image img{
  display:block;width:100%;height:auto;margin:0;object-fit:contain;
}
.secondary-title{
  margin:5px 0 0;font-size:17px;line-height:1.15;font-weight:800;
}

/* LATEST NEWS */
.latest{
  border-top:8px solid var(--soft);padding:28px 0 18px;
}
.section-head{
  display:flex;justify-content:space-between;align-items:end;
  gap:16px;margin-bottom:16px;
}
.section-head h2{
  margin:0;font-size:29px;line-height:1;font-weight:900;letter-spacing:-.5px;
}
.more{
  font-size:10px;color:var(--red);font-weight:900;text-transform:uppercase;
}
.news-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px 18px;
}
.news-card{display:block;margin:0;padding:0;min-width:0}
.news-image{
  display:block;width:100%;margin:0 0 7px;background:#f3f3f4;
}
.news-image img{
  display:block;width:100%;height:auto;margin:0;object-fit:contain;
}
.news-title{
  margin:5px 0 0;font-size:17px;line-height:1.15;font-weight:800;
}
.news-meta{font-size:11px;color:#8a8a90;margin-top:4px}

/* RADIO */
.radio-strip{
  border-top:8px solid var(--soft);padding:28px 0;
}
.radio-box{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;
  background:var(--red);color:#fff;padding:22px;
}
.radio-box h2{margin:5px 0;font-size:27px;line-height:1}
.radio-box p{margin:5px 0 0;font-size:13px}
.radio-play{
  width:58px;height:58px;border-radius:50%;border:0;background:#fff;
  color:var(--red);font-size:22px;cursor:pointer;
}

/* TOPICS */
.topics{
  border-top:8px solid var(--soft);padding:28px 0;
}
.topic-pills{display:flex;gap:7px;flex-wrap:wrap}
.topic-pills a{
  border:1px solid var(--line);padding:7px 10px;font-size:11px;font-weight:800;
}
.topic-pills a:hover{background:var(--red);color:#fff;border-color:var(--red)}

/* VIDEO */
.multimedia{
  border-top:8px solid var(--soft);background:#111115;color:#fff;padding:32px 0;
}
.video-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;
}
.video-card{
  position:relative;display:block;background:#222;min-height:170px;overflow:hidden;
}
.video-card:first-child{grid-row:span 2;min-height:350px}
.video-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.video-card:after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82));
}
.video-copy{position:absolute;z-index:2;left:13px;right:13px;bottom:12px}
.video-copy b{font-size:14px;line-height:1.15}

/* PODCAST */
.podcasts{border-top:8px solid var(--soft);padding:30px 0;background:#f4f1ee}
.podcast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.podcast-card{background:#fff;border:1px solid #e1ddd9;padding:17px}
.podcast-card h3{margin:8px 0 0;font-size:16px;line-height:1.15}

/* SOCIAL */
.social{border-top:8px solid var(--soft);padding:30px 0}
.social-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.social-card{border:1px solid var(--line);padding:15px}
.social-card b{display:block;font-size:17px;margin-bottom:5px}
.social-card small{color:var(--muted)}

/* FOOTER */
.footer{border-top:5px solid var(--red);background:#111115;color:#fff;padding:34px 0}
.footer p{color:#aaa;margin:0}
.footer-bottom{margin-top:22px;font-size:11px;color:#777}

/* RADIO PLAYER */
.player-dock{
  position:fixed;left:12px;right:12px;bottom:12px;z-index:180;
  display:none;align-items:center;gap:12px;background:#111;color:#fff;
  border-radius:7px;padding:10px 12px;
}
.player-dock.open{display:flex}
.player-dock audio{flex:1;min-width:180px;height:36px}
.dock-close{
  width:32px;height:32px;border:0;background:#333;color:#fff;border-radius:4px;cursor:pointer;
}
.bnn-radio-fallback{
  display:none;position:fixed;inset:0;z-index:220;background:rgba(0,0,0,.72);
  align-items:center;justify-content:center;padding:16px;
}
.bnn-radio-fallback.open{display:flex}
.bnn-radio-panel{
  width:min(480px,100%);height:min(720px,88vh);background:#fff;
  position:relative;border-radius:8px;overflow:hidden;
}
.bnn-radio-panel iframe{width:100%;height:100%;border:0}
.fallback-close{
  position:absolute;right:9px;top:9px;z-index:3;width:36px;height:36px;
  border:0;border-radius:50%;background:#111;color:#fff;font-size:20px;
}
.fallback-link{
  position:absolute;left:9px;top:9px;z-index:3;background:var(--red);color:#fff;
  padding:8px 10px;font-size:11px;font-weight:900;
}

/* SEARCH */
.search-layer{
  display:none;position:fixed;inset:0;z-index:210;background:rgba(10,10,14,.97);padding:80px 20px;
}
.search-layer.open{display:block}
.search-form{max-width:760px;margin:auto}
.search-form input{
  width:100%;font-size:28px;background:transparent;color:#fff;
  border:0;border-bottom:2px solid #666;padding:12px 0;outline:none;
}

/* MOBILE BOTTOM NAV */
.mobile-bottom{display:none}

/* ARTICLE */
.article{width:min(860px,calc(100% - 32px));margin:40px auto}
.article h1{font-size:42px;line-height:1.04;margin:8px 0 15px}
.article-body{font-family:Georgia,serif;font-size:18px;line-height:1.65}
.article-body img{width:100%;height:auto}

/* MOBILE */
@media(max-width:680px){
  body{padding-bottom:58px}
  .wrap{width:calc(100% - 24px)}
  .header-row{min-height:56px;grid-template-columns:1fr auto 1fr}
  .main-nav{display:none}
  .mobile-menu{display:block}
  .logo img{width:31px;height:31px}
  .live-btn{padding:8px}
  .live-btn .live-text{display:none}
  .ticker{display:none}

  .hero .wrap{width:100%}
  .lead-text{padding:8px 12px 0}
  .lead-title{font-size:25px;line-height:1.06;letter-spacing:-.5px;margin-top:5px}

  .secondary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 10px;margin-top:18px;padding:0 12px;
  }
  .secondary-image{margin-bottom:5px}
  .secondary-title{font-size:13px;line-height:1.13;margin-top:4px}

  .latest{padding-top:22px}
  .section-head h2{font-size:24px}
  .news-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px 10px;
  }
  .news-image{margin-bottom:5px}
  .news-title{font-size:13px;line-height:1.13;margin-top:4px}
  .news-meta{display:none}

  .radio-box{grid-template-columns:1fr auto;padding:17px}
  .radio-box h2{font-size:21px}
  .radio-box p{font-size:12px}
  .radio-play{width:48px;height:48px}

  .video-grid{grid-template-columns:1fr 1fr}
  .video-card:first-child{grid-column:span 2;min-height:250px}
  .video-card{min-height:135px}

  .podcast-grid{grid-template-columns:1fr}
  .social-grid{grid-template-columns:1fr 1fr}

  .mobile-bottom{
    display:grid;grid-template-columns:repeat(5,1fr);
    position:fixed;left:0;right:0;bottom:0;height:58px;z-index:190;
    background:#fff;border-top:1px solid var(--line);
  }
  .mobile-bottom a,.mobile-bottom button{
    border:0;background:#fff;display:flex;flex-direction:column;
    align-items:center;justify-content:center;font-size:10px;gap:2px;
  }
  .mobile-bottom b{font-size:15px}
  .mobile-bottom .radio-open{color:var(--red)}
  .player-dock{bottom:62px}

  .article h1{font-size:29px}
}


/* =========================================================
   BNN ÁFRICA NOTICIAS 8.0
   Refinamiento editorial + mobile real + secciones + radio
   ========================================================= */

:root{
  --red:#d51b37;
  --red-dark:#a10f27;
  --black:#16161a;
  --muted:#6b6b72;
  --line:#dedee2;
  --soft:#f4f4f5;
  --white:#fff;
  --max:1180px;
}

/* HEADER refinement */
.header-row{
  min-height:62px;
}
.main-nav{
  gap:14px;
}
.main-nav a{
  font-size:10.5px;
  letter-spacing:.1px;
}
.live-btn{
  box-shadow:none;
}

/* Lead slightly shorter visually */
.lead-image img{
  max-height:540px;
  width:100%;
  object-fit:contain;
  background:#f5f5f6;
}
.lead-title{
  font-size:40px;
  line-height:1.03;
  max-width:950px;
}

/* Never truncate titles */
.secondary-title,
.news-title,
.section-story-title,
.section-mini-title{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:unset!important;
}

/* Editorial category sections */
.editorial-sections{
  border-top:8px solid var(--soft);
}
.editorial-section{
  padding:30px 0;
  border-bottom:1px solid var(--line);
}
.editorial-section:last-child{
  border-bottom:0;
}
.editorial-grid{
  display:grid;
  grid-template-columns:1.45fr 1fr;
  gap:22px;
  align-items:start;
}
.section-lead{
  min-width:0;
}
.section-lead-image{
  display:block;
  width:100%;
  margin-bottom:8px;
  background:#f3f3f4;
}
.section-lead-image img{
  width:100%;
  height:auto;
  object-fit:contain;
}
.section-story-title{
  margin:6px 0 0;
  font-size:23px;
  line-height:1.08;
  font-weight:900;
}
.section-list{
  display:grid;
  gap:16px;
}
.section-mini{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:12px;
  align-items:start;
  border-bottom:1px solid var(--line);
  padding-bottom:14px;
}
.section-mini:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.section-mini-image{
  display:block;
  width:100%;
  background:#f3f3f4;
}
.section-mini-image img{
  width:100%;
  height:auto;
  object-fit:contain;
}
.section-mini-title{
  margin:4px 0 0;
  font-size:15px;
  line-height:1.15;
  font-weight:800;
}

/* Persistent radio bar */
.radio-persistent{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:185;
  display:none;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  background:#111115;
  color:#fff;
  border-radius:8px;
  padding:10px 12px;
  box-shadow:0 14px 36px rgba(0,0,0,.25);
}
.radio-persistent.open{
  display:grid;
}
.radio-persistent .radio-info{
  min-width:0;
}
.radio-persistent .radio-info b{
  display:block;
  font-size:12px;
}
.radio-persistent .radio-info small{
  color:#b8b8be;
  font-size:10px;
}
.radio-persistent audio{
  width:100%;
  height:34px;
}
.radio-persistent .rp-close{
  width:30px;height:30px;border:0;border-radius:4px;
  background:#333;color:#fff;cursor:pointer;
}

/* Podcast empty state / cards */
.podcast-empty{
  border:1px dashed #c8c8ce;
  padding:20px;
  background:#fff;
  color:var(--muted);
}
.podcast-card{
  position:relative;
}
.podcast-play{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:10px;
  font-size:11px;
  font-weight:900;
  color:var(--red);
}

/* Social cards more visual */
.social-card{
  position:relative;
  min-height:100px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.social-icon{
  font-size:22px;
  line-height:1;
  margin-bottom:10px;
}
.social-card:hover{
  border-color:var(--red);
}
.social-card b{
  font-size:16px;
}

/* Better mobile bottom navigation */
.mobile-bottom{
  box-shadow:0 -3px 14px rgba(0,0,0,.05);
}
.mobile-bottom a,
.mobile-bottom button{
  cursor:pointer;
}

/* TABLET + MOBILE HEADER */
@media(max-width:900px){
  .header-row{
    grid-template-columns:1fr auto 1fr;
    min-height:58px;
  }
  .main-nav{
    display:none;
  }
  .mobile-menu{
    display:block;
  }
  .header-actions{
    width:100%;
  }
  .mobile-menu{
    margin-right:auto;
  }
  .logo img{
    width:32px;
    height:32px;
  }
  .live-btn{
    padding:8px 9px;
  }
  .live-btn .live-text{
    display:none;
  }
}

/* MOBILE */
@media(max-width:680px){
  body{
    padding-bottom:58px;
  }
  .wrap{
    width:calc(100% - 24px);
  }

  /* headline + image visible in first view */
  .lead-image img{
    max-height:330px;
    width:100%;
    object-fit:contain;
  }
  .lead-title{
    font-size:24px;
    line-height:1.05;
    margin-top:5px;
  }

  .secondary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .secondary-title{
    font-size:13px;
    line-height:1.14;
  }
  .news-title{
    font-size:13px;
    line-height:1.14;
  }

  /* editorial sections stack nicely */
  .editorial-section{
    padding:24px 0;
  }
  .editorial-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .section-story-title{
    font-size:20px;
    line-height:1.08;
  }
  .section-mini{
    grid-template-columns:120px 1fr;
    gap:10px;
  }
  .section-mini-title{
    font-size:13px;
    line-height:1.14;
  }

  .social-grid{
    grid-template-columns:1fr 1fr;
  }

  /* bottom nav always visible on real phones */
  .mobile-bottom{
    display:grid!important;
  }

  /* persistent radio above bottom nav */
  .radio-persistent{
    bottom:64px;
  }

  .player-dock{
    bottom:64px;
  }
}


/* =========================================================
   BNN ÁFRICA 8.1 — Redes sociales con mayor impacto visual
   ========================================================= */

.social{
  background:#fff;
}
.social-intro{
  max-width:720px;
  margin:-4px 0 18px;
  color:var(--muted);
  font-size:14px;
}
.social-grid{
  gap:12px;
}
.social-card{
  min-height:150px;
  border:0!important;
  border-radius:10px;
  padding:18px!important;
  color:#fff!important;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .18s ease, box-shadow .18s ease;
  box-shadow:0 7px 20px rgba(0,0,0,.08);
}
.social-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:rgba(255,255,255,.04);
}
.social-card:after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  right:-34px;
  top:-38px;
  background:rgba(255,255,255,.10);
  z-index:-1;
}
.social-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(0,0,0,.15);
}
.social-card:active{
  transform:scale(.985);
}

.social-youtube{background:linear-gradient(145deg,#ff0033,#b90020)}
.social-instagram{background:linear-gradient(145deg,#833ab4,#fd1d1d 58%,#fcb045)}
.social-facebook{background:linear-gradient(145deg,#1877f2,#0d55b7)}
.social-tiktok{background:linear-gradient(145deg,#111,#2d2d2d)}
.social-x{background:linear-gradient(145deg,#050505,#292929)}

.social-icon-wrap{
  width:50px;
  height:50px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.16);
  margin-bottom:16px;
  backdrop-filter:blur(2px);
}
.social-icon-wrap svg{
  width:28px;
  height:28px;
  display:block;
  fill:currentColor;
}
.social-card b{
  display:block;
  color:#fff;
  font-size:18px!important;
  line-height:1.05;
  margin:0 0 6px!important;
}
.social-card small{
  display:block;
  color:rgba(255,255,255,.86)!important;
  font-size:11px;
  line-height:1.25;
  max-width:145px;
}
.social-cta{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:15px;
  color:#fff;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.2px;
}
.social-arrow{
  font-size:15px;
  transition:transform .18s ease;
}
.social-card:hover .social-arrow{
  transform:translateX(3px);
}

/* Make the entire block feel more editorial */
.social .section-head{
  margin-bottom:10px;
}
.social .section-head h2{
  font-size:29px;
}

@media(max-width:900px){
  .social-grid{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

@media(max-width:680px){
  .social{
    padding-top:26px!important;
  }
  .social .section-head h2{
    font-size:24px;
  }
  .social-intro{
    font-size:13px;
    margin-bottom:15px;
  }
  .social-grid{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .social-card{
    min-height:142px;
    padding:15px!important;
  }
  .social-icon-wrap{
    width:44px;
    height:44px;
    border-radius:12px;
    margin-bottom:13px;
  }
  .social-icon-wrap svg{
    width:24px;
    height:24px;
  }
  .social-card b{
    font-size:16px!important;
  }
  .social-card small{
    font-size:10.5px;
  }
  .social-card.social-x{
    grid-column:1 / -1;
    min-height:120px;
  }
  .social-card.social-x .social-icon-wrap{
    margin-bottom:10px;
  }
}


/* =========================================================
   BNN ÁFRICA 8.2 — Redes sociales premium y más atractivas
   ========================================================= */
.social{
  background:#f4f4f4 !important;
  padding:36px 0 40px !important;
}
.social .wrap{
  max-width:1180px;
}
.social .section-head h2{
  font-size:34px !important;
  line-height:1.05 !important;
  margin-bottom:8px !important;
}
.social-intro{
  max-width:780px !important;
  color:#555 !important;
  font-size:15px !important;
  line-height:1.5 !important;
  margin:0 0 20px !important;
}
.social-grid{
  display:grid !important;
  grid-template-columns:repeat(5, 1fr) !important;
  gap:14px !important;
}

.social-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  min-height:176px !important;
  padding:18px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  border:none !important;
  text-decoration:none !important;
  color:#fff !important;
  box-shadow:0 16px 35px rgba(0,0,0,.12) !important;
  transform:translateY(0);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
  isolation:isolate;
}
.social-card:hover,
.social-card:focus{
  transform:translateY(-5px) !important;
  filter:saturate(1.05);
  box-shadow:0 20px 42px rgba(0,0,0,.18) !important;
}
.social-card:active{
  transform:translateY(-1px) scale(.99) !important;
}

.social-card:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.22), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.12)) !important;
  z-index:-1 !important;
}
.social-card:after{
  content:"" !important;
  position:absolute !important;
  width:150px !important;
  height:150px !important;
  right:-40px !important;
  bottom:-50px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.14) !important;
  z-index:-1 !important;
}
.social-youtube{background:linear-gradient(135deg,#ff0033 0%, #cc001f 55%, #980018 100%) !important;}
.social-instagram{background:linear-gradient(135deg,#6a11cb 0%, #c13584 35%, #f56040 65%, #feda75 100%) !important;}
.social-facebook{background:linear-gradient(135deg,#1877f2 0%, #0f59c8 60%, #073a83 100%) !important;}
.social-tiktok{background:linear-gradient(135deg,#101010 0%, #151515 40%, #292929 100%) !important;}
.social-x{background:linear-gradient(135deg,#000 0%, #1a1a1a 65%, #2e2e2e 100%) !important;}

.social-top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:12px !important;
}
.social-icon-wrap{
  width:58px !important;
  height:58px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.26) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter:blur(6px) !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
.social-icon-wrap svg{
  width:30px !important;
  height:30px !important;
  display:block !important;
  fill:#fff !important;
}
.social-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:34px !important;
  height:22px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.4px !important;
  line-height:1 !important;
}
.social-copy{
  margin-top:auto !important;
}
.social-card b{
  display:block !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1.1 !important;
  margin:0 0 7px !important;
  font-weight:900 !important;
}
.social-card small{
  display:block !important;
  color:rgba(255,255,255,.92) !important;
  font-size:12px !important;
  line-height:1.35 !important;
  max-width:180px !important;
  margin:0 !important;
}
.social-cta{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  margin-top:14px !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.35px !important;
  color:#fff !important;
}
.social-cta:before{
  content:"" !important;
  width:14px !important;
  height:1px !important;
  background:rgba(255,255,255,.65) !important;
}
.social-arrow{
  font-size:15px !important;
  transition:transform .2s ease !important;
}
.social-card:hover .social-arrow{
  transform:translateX(4px) !important;
}

@media(max-width:1100px){
  .social-grid{
    grid-template-columns:repeat(3, 1fr) !important;
  }
}
@media(max-width:760px){
  .social{
    padding:28px 0 34px !important;
  }
  .social .section-head h2{
    font-size:28px !important;
  }
  .social-intro{
    font-size:13.5px !important;
    margin-bottom:16px !important;
  }
  .social-grid{
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
  }
  .social-card{
    min-height:165px !important;
    padding:16px !important;
    border-radius:16px !important;
  }
  .social-icon-wrap{
    width:52px !important;
    height:52px !important;
    border-radius:14px !important;
  }
  .social-icon-wrap svg{
    width:28px !important;
    height:28px !important;
  }
  .social-card b{
    font-size:18px !important;
  }
  .social-card small{
    font-size:11px !important;
    max-width:none !important;
  }
  .social-x{
    grid-column:1 / -1 !important;
    min-height:140px !important;
  }
}


/* =========================================================
   BNN ÁFRICA 8.3 — Redes sociales más llamativas
   ========================================================= */
.social{
  background:linear-gradient(180deg,#f7f7f7 0%, #efefef 100%) !important;
  padding:42px 0 48px !important;
  border-top:1px solid #e8e8e8 !important;
}
.social .section-head h2{
  font-size:36px !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
  margin:0 0 10px !important;
}
.social-intro{
  font-size:15px !important;
  color:#555 !important;
  margin:0 0 22px !important;
}
.social-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:16px !important;
}
.social-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:210px !important;
  padding:18px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  text-decoration:none !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 14px 34px rgba(10,10,10,.14) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
  isolation:isolate;
}
.social-card:hover,
.social-card:focus{
  transform:translateY(-5px) !important;
  box-shadow:0 22px 46px rgba(10,10,10,.22) !important;
}
.social-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.26), transparent 28%),
    radial-gradient(circle at 0% 100%, rgba(255,255,255,.12), transparent 32%) !important;
  z-index:-1 !important;
}
.social-card::after{
  content:"" !important;
  position:absolute !important;
  right:-38px !important;
  bottom:-38px !important;
  width:150px !important;
  height:150px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  z-index:-1 !important;
}
.social-youtube{background:linear-gradient(135deg,#ff1f4d 0%,#db022f 45%,#9e001b 100%) !important;}
.social-instagram{background:linear-gradient(135deg,#5f2cff 0%,#9f2fff 26%,#e1306c 58%,#f77737 82%,#feda75 100%) !important;}
.social-facebook{background:linear-gradient(135deg,#2991ff 0%,#1877f2 45%,#0d56bc 100%) !important;}
.social-tiktok{background:linear-gradient(135deg,#0b0b0f 0%,#121219 55%,#202030 100%) !important;}
.social-x{background:linear-gradient(135deg,#111 0%,#000 55%,#2a2a2a 100%) !important;}

.social-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:16px !important;
}
.social-icon-wrap{
  width:72px !important;
  height:72px !important;
  min-width:72px !important;
  border-radius:20px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  backdrop-filter:blur(8px) !important;
  box-shadow:0 10px 20px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.social-icon-wrap svg{
  width:36px !important;
  height:36px !important;
  fill:#fff !important;
  display:block !important;
}
.social-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:28px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}
.social-copy{
  margin-top:auto !important;
}
.social-card b{
  display:block !important;
  color:#fff !important;
  font-size:23px !important;
  line-height:1.03 !important;
  margin:0 0 8px !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}
.social-card small{
  display:block !important;
  color:rgba(255,255,255,.93) !important;
  font-size:13px !important;
  line-height:1.4 !important;
  margin:0 0 14px !important;
}
.social-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#111 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  box-shadow:0 8px 20px rgba(0,0,0,.12) !important;
}
.social-cta::before{display:none !important;}
.social-arrow{font-size:16px !important; line-height:1 !important;}
.social-card:hover .social-cta{transform:translateY(-1px) !important;}

@media(max-width:1180px){
  .social-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .social{
    padding:34px 0 38px !important;
  }
  .social .section-head h2{
    font-size:30px !important;
  }
  .social-intro{
    font-size:14px !important;
    margin-bottom:18px !important;
  }
  .social-grid{
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
  }
  .social-card{
    min-height:198px !important;
    padding:16px !important;
    border-radius:18px !important;
  }
  .social-icon-wrap{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    border-radius:18px !important;
  }
  .social-icon-wrap svg{
    width:32px !important;
    height:32px !important;
  }
  .social-card b{
    font-size:20px !important;
  }
  .social-card small{
    font-size:12px !important;
    margin-bottom:12px !important;
  }
  .social-cta{
    min-height:38px !important;
    font-size:11px !important;
    padding:0 12px !important;
  }
  .social-x{
    grid-column:1 / -1 !important;
    min-height:170px !important;
  }
}


/* BNN ÁFRICA 8.4 — Selector de idiomas */
.bnn-lang-switcher{position:relative;z-index:240}
.bnn-lang-current{
  height:36px;display:flex;align-items:center;gap:5px;padding:0 10px;
  border:1px solid #e1e1e5;border-radius:7px;background:#fff;color:#18181c;
  font-size:11px;font-weight:900;cursor:pointer;
}
.bnn-lang-current:hover{border-color:#c9c9ce;background:#fafafa}
.bnn-lang-globe{font-size:15px;line-height:1}
.bnn-lang-caret{font-size:9px;opacity:.65}
.bnn-lang-menu{
  display:none;position:absolute;top:calc(100% + 7px);right:0;min-width:180px;
  padding:7px;background:#fff;border:1px solid #e1e1e5;border-radius:10px;
  box-shadow:0 14px 36px rgba(0,0,0,.13);
}
.bnn-lang-switcher.open .bnn-lang-menu{display:block}
.bnn-lang-option{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 10px;border-radius:7px;color:#222;font-size:12px;
}
.bnn-lang-option:hover{background:#f4f4f5}
.bnn-lang-option.active{background:#fff0f3;color:var(--red)}
.bnn-lang-option.pending{opacity:.62}
.bnn-lang-name{font-weight:700}
.bnn-lang-option strong{font-size:10px;letter-spacing:.04em}
.mobile-language-bar{display:none}
.bnn-lang-switcher.compact .bnn-lang-current{padding:0 8px}

@media(max-width:900px){
  .header-actions .bnn-lang-switcher.compact{display:none}
  .mobile-language-bar{
    display:block;position:fixed;right:12px;bottom:70px;z-index:195;
  }
  .mobile-language-bar .bnn-lang-current{
    height:40px;border-radius:999px;padding:0 12px;
    box-shadow:0 8px 24px rgba(0,0,0,.14);
  }
  .mobile-language-bar .bnn-lang-menu{
    top:auto;bottom:calc(100% + 8px);right:0;
  }
}


/* =========================================================
   BNN ÁFRICA 8.5 — Identidad BNN TV
   Inspiración: canales deportivos/televisivos, identidad propia BNN
   ========================================================= */
.bnn-tv-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:20px;
}
.bnn-tv-brand-wrap{
  min-width:0;
}
.bnn-tv-brand{
  display:inline-flex;
  align-items:center;
  gap:13px;
  line-height:1;
  text-decoration:none;
}
.bnn-tv-word{
  display:inline-block;
  color:#fff;
  font-family:Arial Black,Arial,Helvetica,sans-serif;
  font-size:56px;
  font-weight:950;
  letter-spacing:-4px;
  line-height:.82;
  text-transform:uppercase;
  text-shadow:0 2px 0 rgba(255,255,255,.04);
}
.bnn-tv-badge{
  display:inline-grid;
  place-items:center;
  min-width:80px;
  height:58px;
  padding:0 15px;
  border-radius:10px;
  background:linear-gradient(145deg,#ff304d 0%,#e31d39 45%,#b50c25 100%);
  color:#111;
  font-family:Arial Black,Arial,Helvetica,sans-serif;
  font-size:30px;
  font-weight:950;
  font-style:italic;
  letter-spacing:-2px;
  box-shadow:
    0 0 24px rgba(227,29,57,.24),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -2px 0 rgba(0,0,0,.12);
}
.bnn-tv-kicker{
  margin:9px 0 0;
  color:#b9b9bf;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bnn-tv-youtube{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:10px 14px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.bnn-tv-youtube:before{
  content:'▶';
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  border-radius:50%;
  background:#e31d39;
  color:#fff;
  font-size:9px;
}
.bnn-tv-youtube:hover{
  background:#fff;
  color:#111!important;
  border-color:#fff;
  transform:translateY(-1px);
}

/* Make BNN TV feel like a real channel wall */
.multimedia{
  background:#0a0a0d!important;
  padding-top:38px!important;
  padding-bottom:38px!important;
}
.multimedia .video-card{
  border-radius:8px;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.multimedia .video-card:before{
  content:'▶';
  position:absolute;
  z-index:3;
  top:14px;
  left:14px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(227,29,57,.94);
  color:#fff;
  font-size:13px;
  box-shadow:0 6px 18px rgba(0,0,0,.3);
  opacity:.94;
  transition:transform .18s ease,background .18s ease;
}
.multimedia .video-card:hover:before{
  transform:scale(1.08);
  background:#ff2446;
}
.multimedia .video-card:hover img{
  transform:scale(1.025);
}
.multimedia .video-card img{
  transition:transform .25s ease;
}
.multimedia .video-copy{
  left:15px!important;
  right:15px!important;
  bottom:14px!important;
}
.multimedia .video-copy b{
  font-size:14px;
  line-height:1.18;
  text-shadow:0 1px 4px rgba(0,0,0,.7);
}

/* Dedicated BNN TV page */
.bnn-tv-page{
  min-height:70vh;
  background:#0a0a0d;
  color:#fff;
  padding:38px 0 48px;
}
.bnn-tv-page .video-grid{
  margin-top:8px;
}

@media(max-width:760px){
  .bnn-tv-header{
    align-items:flex-start;
    gap:14px;
  }
  .bnn-tv-word{
    font-size:39px;
    letter-spacing:-3px;
  }
  .bnn-tv-badge{
    min-width:58px;
    height:43px;
    padding:0 10px;
    border-radius:8px;
    font-size:23px;
    letter-spacing:-1.5px;
  }
  .bnn-tv-kicker{
    font-size:9px;
    margin-top:7px;
  }
  .bnn-tv-youtube{
    padding:8px 10px;
    font-size:9px;
  }
  .bnn-tv-youtube span{
    display:none;
  }
  .bnn-tv-youtube:before{
    width:25px;
    height:25px;
  }
  .multimedia{
    padding-top:28px!important;
    padding-bottom:30px!important;
  }
  .multimedia .video-card:before{
    width:32px;
    height:32px;
    top:10px;
    left:10px;
    font-size:11px;
  }
}

/* =========================================================
   BNN ÁFRICA 8.6 PREMIUM — Autoridad editorial
   Refinamiento visual sin alterar el contenido ni la migración
   ========================================================= */
:root{
  --premium-ink:#101014;
  --premium-paper:#fbfaf8;
  --premium-wine:#b5132c;
  --premium-gold:#aa874b;
  --premium-soft:#f1efec;
  --premium-shadow:0 18px 44px rgba(17,17,20,.08);
}
body{
  background:var(--premium-paper);
  color:var(--premium-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wrap{width:min(1220px,calc(100% - 40px));}

/* 1 — Cabecera premium */
.site-header.premium-header{
  background:rgba(255,255,255,.97);
  border-top:3px solid var(--premium-ink);
  border-bottom:1px solid #dedbd7;
  box-shadow:0 6px 22px rgba(20,20,24,.035);
  backdrop-filter:saturate(1.2) blur(12px);
}
.premium-header .header-row{min-height:76px;gap:18px;}
.premium-header .main-nav{gap:20px;}
.premium-header .main-nav a{
  position:relative;
  padding:29px 0 26px;
  font-size:10px;
  letter-spacing:.055em;
  color:#29292e;
}
.premium-header .main-nav a:after{
  content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;
  background:var(--premium-wine);transition:right .2s ease;
}
.premium-header .main-nav a:hover:after{right:0;}
.premium-logo{
  display:inline-flex!important;align-items:center;justify-content:center;gap:10px;
  min-width:max-content;
}
.premium-logo-image{width:42px!important;height:42px!important;object-fit:cover;border-radius:3px;}
.premium-brand-copy{display:flex;flex-direction:column;gap:1px;line-height:1;}
.premium-brand-copy strong{font-size:13px;letter-spacing:.075em;font-weight:950;}
.premium-brand-copy small{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:#77747a;font-weight:700;}
.premium-header .live-btn{
  background:var(--premium-wine);border-radius:999px;padding:10px 14px;
  box-shadow:0 7px 18px rgba(181,19,44,.16);
}
.premium-header .icon-btn{border-radius:50%;transition:background .15s ease;}
.premium-header .icon-btn:hover{background:#f4f2ef;}

/* 2 — Última hora más refinada */
.premium-ticker{background:#fff;border-bottom:1px solid #e3e0dc;}
.premium-ticker .ticker-row{min-height:38px;}
.premium-ticker .ticker-label{
  background:var(--premium-ink);padding:11px 13px;letter-spacing:.06em;
  border-left:3px solid var(--premium-wine);
}
.premium-ticker .ticker-item{font-size:10.5px;font-weight:750;color:#343439;}

/* 3 — Hero editorial */
.hero{padding:24px 0 42px;background:#fff;}
.lead{border-bottom:1px solid #dedbd7;padding-bottom:22px;}
.lead-image{overflow:hidden;background:#f0efed;}
.lead-image img{max-height:650px;transition:transform .35s ease;}
.lead-image:hover img{transform:scale(1.008);}
.lead-text{padding-top:15px;}
.lead-text .label{background:var(--premium-wine);}
.lead-title{
  max-width:1020px;margin-top:10px;font-family:Georgia,'Times New Roman',serif;
  font-size:48px;line-height:1.01;font-weight:700;letter-spacing:-.035em;color:#111114;
}
.lead-meta{display:flex;gap:14px;align-items:center;margin-top:12px;color:#7c7876;font-size:10px;text-transform:uppercase;letter-spacing:.065em;font-weight:800;}
.lead-meta span+span:before{content:"•";margin-right:14px;color:var(--premium-gold);}
.lead-excerpt{max-width:820px;margin:12px 0 0;color:#5f5c5b;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.48;}
.secondary-grid{gap:30px 22px;margin-top:30px;}
.secondary-card{padding-bottom:18px;border-bottom:1px solid #e1ded9;}
.secondary-image{overflow:hidden;margin-bottom:10px;background:#f0efed;}
.secondary-image img{transition:transform .25s ease;}
.secondary-card:hover .secondary-image img{transform:scale(1.015);}
.secondary-card .label,.news-card .label,.section-lead .label,.section-mini .label{background:var(--premium-wine);}
.secondary-title{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.15;font-weight:700;}

/* 4 — Ritmo editorial, titulares y aire */
.latest,.topics,.editorial-sections{border-top:1px solid #e4e1dd;}
.latest{padding:40px 0 34px;background:var(--premium-paper);}
.section-head{margin-bottom:22px;padding-bottom:10px;border-bottom:1px solid #d9d6d1;}
.section-head h2{font-size:32px;letter-spacing:-.035em;}
.section-head h2:after{content:"";display:block;width:42px;height:3px;margin-top:10px;background:var(--premium-wine);}
.more{font-size:9px;letter-spacing:.075em;color:var(--premium-wine);}
.news-grid{gap:34px 24px;}
.news-card{padding-bottom:19px;border-bottom:1px solid #dfdcd7;}
.news-image{overflow:hidden;margin-bottom:10px;}
.news-image img{transition:transform .25s ease;}
.news-card:hover .news-image img{transform:scale(1.015);}
.news-title{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.17;font-weight:700;}
.news-meta{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:#8a8683;}

/* 5 — Radio con identidad propia */
.radio-strip{border-top:0;padding:34px 0;background:#eeeae5;}
.premium-radio-box{
  position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;
  align-items:center;gap:22px;min-height:150px;padding:30px 32px;
  background:linear-gradient(120deg,#111116 0%,#1b1115 58%,#4b0d1b 100%);
  border:1px solid rgba(255,255,255,.05);border-radius:4px;color:#fff;
  box-shadow:var(--premium-shadow);
}
.premium-radio-box:after{
  content:"";position:absolute;right:-70px;top:-120px;width:330px;height:330px;border-radius:50%;
  background:radial-gradient(circle,rgba(213,27,55,.28),transparent 64%);pointer-events:none;
}
.radio-signal{display:flex;align-items:end;gap:4px;width:38px;height:42px;padding:5px;border-left:1px solid rgba(255,255,255,.18);}
.radio-signal span{width:4px;border-radius:8px;background:#fff;opacity:.92;animation:bnnSignal 1.3s ease-in-out infinite;}
.radio-signal span:nth-child(1){height:13px;}.radio-signal span:nth-child(2){height:30px;animation-delay:.18s}.radio-signal span:nth-child(3){height:21px;animation-delay:.34s}
@keyframes bnnSignal{0%,100%{transform:scaleY(.65);opacity:.55}50%{transform:scaleY(1);opacity:1}}
.radio-copy{position:relative;z-index:1;}
.radio-eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.12em;font-weight:900;color:#e8d8db;}
.radio-eyebrow i{width:8px;height:8px;border-radius:50%;background:#ff304d;box-shadow:0 0 0 5px rgba(255,48,77,.1);}
.premium-radio-box h2{margin:7px 0 5px;font-family:Georgia,'Times New Roman',serif;font-size:31px;font-weight:700;}
.premium-radio-box p{margin:0;color:#d2cdd0;font-size:12px;}
.premium-radio-box .radio-play{position:relative;z-index:1;width:66px;height:66px;color:#111;border-radius:50%;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:transform .18s ease;}
.premium-radio-box .radio-play:hover{transform:scale(1.05);}

/* 6 — Temas como navegación editorial */
.topics{padding:32px 0;background:#fff;}
.topic-pills{gap:8px;}
.topic-pills a{
  border:1px solid #d9d5d0;border-radius:999px;padding:8px 13px;background:#fff;
  font-size:10px;letter-spacing:.02em;transition:.16s ease;
}
.topic-pills a:hover{background:var(--premium-ink);border-color:var(--premium-ink);}

/* 7 — Secciones de autoridad */
.editorial-sections{background:#fff;}
.editorial-section{padding:42px 0;border-bottom:1px solid #dedbd6;}
.editorial-grid{grid-template-columns:1.55fr .95fr;gap:34px;}
.section-lead-image,.section-mini-image{overflow:hidden;background:#f1efed;}
.section-lead-image img,.section-mini-image img{transition:transform .25s ease;}
.section-lead:hover .section-lead-image img,.section-mini:hover .section-mini-image img{transform:scale(1.012);}
.section-story-title{font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:700;line-height:1.09;}
.section-mini{grid-template-columns:150px 1fr;gap:15px;padding-bottom:16px;}
.section-mini-title{font-family:Georgia,'Times New Roman',serif;font-size:15px;font-weight:700;line-height:1.18;}

/* 8 — BNN TV más cinematográfico */
.multimedia{border-top:0!important;padding:48px 0!important;background:linear-gradient(180deg,#09090c,#101014)!important;}
.bnn-tv-header{margin-bottom:26px;}
.bnn-tv-kicker{color:#aaa7ad;}
.video-grid{gap:12px;}
.multimedia .video-card{border:1px solid rgba(255,255,255,.07);border-radius:6px;box-shadow:0 18px 44px rgba(0,0,0,.28);}
.multimedia .video-card:after{background:linear-gradient(180deg,rgba(0,0,0,.04) 36%,rgba(0,0,0,.92));}
.multimedia .video-copy b{font-family:Georgia,'Times New Roman',serif;font-size:15px;font-weight:700;}

/* 9 — Podcasts: vacío intencional, no inacabado */
.podcasts{border-top:0;padding:38px 0 42px;background:#eeeae5;}
.premium-podcast-empty{
  grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;
  min-height:150px;padding:26px 28px!important;border:1px solid #d8d2cb!important;border-left:4px solid var(--premium-wine)!important;
  background:linear-gradient(110deg,#fff 0%,#f8f5f1 100%)!important;box-shadow:0 10px 30px rgba(24,20,18,.04);
}
.podcast-empty-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#111116;color:#fff;font-size:27px;box-shadow:0 10px 24px rgba(0,0,0,.14);}
.podcast-status{display:inline-block;margin-bottom:6px;color:var(--premium-wine);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;}
.premium-podcast-empty h3{margin:0 0 4px;font-family:Georgia,'Times New Roman',serif;font-size:25px;}
.premium-podcast-empty p{margin:0;max-width:560px;color:#6d6764;font-size:13px;line-height:1.45;}
.podcast-card{border:1px solid #ddd6cf;border-radius:3px;box-shadow:0 10px 28px rgba(0,0,0,.035);}
.podcast-card h3{font-family:Georgia,'Times New Roman',serif;font-size:18px;}

/* 10 — Redes más ordenadas dentro del lenguaje premium */
.social{border-top:0!important;background:#f7f6f4!important;padding:44px 0 50px!important;}
.social .section-head{border-bottom-color:#d8d4cf;}
.social-card{border-radius:14px!important;box-shadow:0 14px 32px rgba(10,10,10,.11)!important;}
.social-card:hover,.social-card:focus{transform:translateY(-3px)!important;box-shadow:0 19px 38px rgba(10,10,10,.16)!important;}

/* Footer institucional */
.premium-footer{border-top:4px solid var(--premium-wine);background:#0d0d11;padding:48px 0 26px;}
.footer-grid{display:grid;grid-template-columns:1.7fr .7fr .7fr;gap:52px;align-items:start;}
.footer-brand-title{font-size:21px;font-weight:950;letter-spacing:.08em;color:#fff;}
.footer-brand p{max-width:440px;margin:11px 0 14px;color:#aaa9ad;font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.5;}
.footer-signature{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8d8a90;}
.footer-column{display:flex;flex-direction:column;gap:10px;}
.footer-column strong{margin-bottom:3px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#fff;}
.footer-column a,.footer-radio{padding:0;border:0;background:none;color:#aaa9ad;text-align:left;font:inherit;font-size:12px;cursor:pointer;}
.footer-column a:hover,.footer-radio:hover{color:#fff;}
.footer-radio{color:#e65a70;}
.footer-rule{height:1px;margin:34px 0 18px;background:#27272d;}
.premium-footer .footer-bottom{display:flex;justify-content:space-between;gap:18px;margin:0;color:#6e6c73;font-size:9px;text-transform:uppercase;letter-spacing:.05em;}

/* Artículos */
.article{margin-top:52px;margin-bottom:70px;}
.article h1{font-family:Georgia,'Times New Roman',serif;font-size:48px;font-weight:700;letter-spacing:-.035em;}
.article-body{color:#29282b;font-size:19px;line-height:1.72;}
.article-body p{margin:0 0 1.35em;}

/* Responsive — teléfonos incluso con viewport/zoom amplio */
@media(max-width:1024px){
  .premium-header .main-nav{display:none!important;}
  .premium-header .mobile-menu{display:block!important;}
  .premium-header .header-row{grid-template-columns:1fr auto 1fr;min-height:64px;}
  .premium-header .header-actions{width:100%;}
  .premium-header .mobile-menu{margin-right:auto;}
  .premium-brand-copy small{display:none;}
  .premium-logo-image{width:36px!important;height:36px!important;}
  .premium-brand-copy strong{font-size:11px;}
  .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .social-x{grid-column:auto!important;}
  .mobile-bottom{display:grid!important;}
  body{padding-bottom:58px;}
  .mobile-language-bar{display:block;position:fixed;right:12px;bottom:70px;z-index:195;}
  .radio-persistent,.player-dock{bottom:64px;}
}
@media(max-width:760px){
  .wrap{width:calc(100% - 26px);}
  .premium-header .header-row{min-height:60px;gap:6px;}
  .premium-logo{gap:6px;}
  .premium-brand-copy strong{font-size:10px;letter-spacing:.035em;}
  .premium-header .icon-btn{width:34px;height:34px;}
  .premium-header .live-btn{padding:8px 9px;}
  .premium-header .live-btn .live-text{display:none;}
  .premium-ticker{display:none;}

  .hero{padding:0 0 28px;}
  .hero .wrap{width:100%;}
  .lead{padding-bottom:16px;}
  .lead-text{padding:10px 13px 0;}
  .lead-title{font-size:30px;line-height:1.02;letter-spacing:-.025em;}
  .lead-meta{font-size:8.5px;gap:8px;margin-top:9px;}
  .lead-meta span+span:before{margin-right:8px;}
  .lead-excerpt{font-size:14px;line-height:1.4;}
  .secondary-grid{padding:0 13px;gap:22px 11px;margin-top:20px;}
  .secondary-title{font-size:14px;line-height:1.15;}

  .latest{padding:28px 0 24px;}
  .section-head{margin-bottom:16px;padding-bottom:8px;}
  .section-head h2{font-size:27px;}
  .news-grid{gap:25px 11px;}
  .news-title{font-size:14px;line-height:1.15;}

  .radio-strip{padding:22px 0;}
  .premium-radio-box{grid-template-columns:1fr auto;gap:12px;min-height:126px;padding:22px 18px;border-radius:3px;}
  .radio-signal{display:none;}
  .premium-radio-box h2{font-size:25px;}
  .premium-radio-box p{font-size:11px;line-height:1.35;max-width:260px;}
  .premium-radio-box .radio-play{width:54px;height:54px;}

  .topics{padding:26px 0;}
  .topic-pills{gap:6px;}
  .topic-pills a{padding:7px 10px;font-size:9.5px;}

  .editorial-section{padding:30px 0;}
  .editorial-grid{grid-template-columns:1fr;gap:20px;}
  .section-story-title{font-size:22px;}
  .section-mini{grid-template-columns:118px 1fr;gap:11px;}
  .section-mini-title{font-size:14px;}

  .multimedia{padding:34px 0!important;}
  .bnn-tv-word{font-size:42px!important;letter-spacing:-3px!important;}
  .bnn-tv-badge{min-width:62px!important;height:46px!important;font-size:23px!important;}
  .video-grid{grid-template-columns:1fr 1fr;gap:9px;}
  .video-card:first-child{grid-column:span 2;min-height:245px;}
  .video-card{min-height:128px;}

  .podcasts{padding:30px 0;}
  .premium-podcast-empty{grid-template-columns:1fr;gap:14px;min-height:auto;padding:20px!important;}
  .podcast-empty-icon{width:54px;height:54px;font-size:21px;}
  .premium-podcast-empty h3{font-size:22px;}

  .social{padding:32px 0 38px!important;}
  .social-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .social-card{min-height:188px!important;padding:15px!important;border-radius:12px!important;}
  .social-card b{font-size:19px!important;}
  .social-card small{font-size:11.5px!important;}
  .social-icon-wrap{width:56px!important;height:56px!important;min-width:56px!important;border-radius:14px!important;}
  .social-icon-wrap svg{width:28px!important;height:28px!important;}
  .social-cta{min-height:36px!important;font-size:10px!important;padding:0 10px!important;}

  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .footer-column{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;}
  .footer-column strong{grid-column:1/-1;}
  .premium-footer .footer-bottom{flex-direction:column;gap:6px;}

  .article{width:calc(100% - 28px);margin-top:34px;}
  .article h1{font-size:33px;line-height:1.04;}
  .article-body{font-size:17px;}
}
@media(max-width:420px){
  .premium-brand-copy{display:none;}
  .lead-title{font-size:27px;}
  .social-grid{grid-template-columns:1fr!important;}
  .social-card,.social-x{grid-column:auto!important;min-height:168px!important;}
}

/* =========================================================
   BNN ÁFRICA 8.7 PREMIUM FINAL — Pulido de alta gama
   Mantiene la identidad 8.6 y mejora móvil, consistencia y legibilidad
   ========================================================= */

/* Header: estructura más limpia en tablet/móvil */
@media(max-width:1024px){
  .premium-header .header-row{
    grid-template-columns:auto 1fr auto!important;
    min-height:68px;
    gap:12px;
  }
  .premium-header .premium-logo{
    grid-column:1;
    justify-self:start;
    gap:9px;
  }
  .premium-header .header-actions{
    grid-column:3;
    justify-self:end;
    width:auto!important;
    gap:5px;
  }
  .premium-header .mobile-menu{margin-right:0!important;}
  .premium-logo-image{width:38px!important;height:38px!important;}
  .premium-brand-copy{display:flex!important;}
  .premium-brand-copy strong{font-size:11px;letter-spacing:.055em;}
  .premium-brand-copy small{display:none!important;}
}

/* Hero: más aire y mejor lectura */
.lead-text{padding-top:18px;}
.lead-meta{margin-top:14px;}
.secondary-card,.news-card{height:100%;}
.secondary-title,.news-title,.section-story-title,.section-mini-title{
  text-wrap:pretty;
}

/* BNN TV: contraste y sensación cinematográfica */
.multimedia .video-card{isolation:isolate;}
.multimedia .video-card:after{
  background:linear-gradient(180deg,rgba(0,0,0,.08) 28%,rgba(0,0,0,.36) 58%,rgba(0,0,0,.94) 100%)!important;
}
.multimedia .video-copy{
  text-shadow:0 2px 12px rgba(0,0,0,.9);
}
.multimedia .video-copy b{line-height:1.16;}
.bnn-tv-youtube{
  border-color:rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.2);
}
.bnn-tv-youtube:hover{
  background:#fff!important;
  color:#111!important;
}

/* Podcasts: el estado vacío se percibe como una decisión editorial */
.podcast-status{line-height:1.35;}
.premium-podcast-empty{position:relative;overflow:hidden;}
.premium-podcast-empty:after{
  content:"";position:absolute;right:-85px;top:-95px;width:250px;height:250px;border-radius:50%;
  background:radial-gradient(circle,rgba(181,19,44,.06),transparent 67%);pointer-events:none;
}

/* Redes: sistema visual más uniforme */
.social-grid{align-items:stretch!important;}
.social-card{height:100%;}
.social-copy{height:100%;display:flex;flex-direction:column;align-items:flex-start;}
.social-copy small{min-height:3.05em;}
.social-cta{margin-top:auto!important;}

/* Footer institucional ampliado */
.footer-grid{
  grid-template-columns:minmax(300px,1.65fr) repeat(3,minmax(120px,.7fr));
  gap:42px;
}
.footer-column a,.footer-radio{line-height:1.35;}

/* Controles flotantes propios del tema más discretos */
.radio-persistent,.player-dock{
  left:auto;
  right:14px;
  width:min(520px,calc(100% - 28px));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}

/* Ritmo consistente de secciones */
.section-head h2:after{width:44px;height:3px;border-radius:99px;}
.editorial-section .section-head,
.social .section-head,
.podcasts .section-head,
.topics .section-head{
  border-bottom-color:#d8d4cf;
}

@media(max-width:760px){
  .premium-header .header-row{min-height:64px;gap:8px;}
  .premium-logo-image{width:35px!important;height:35px!important;}
  .premium-brand-copy strong{font-size:10.5px;letter-spacing:.04em;}
  .premium-header .header-actions{gap:3px;}
  .premium-header .icon-btn{width:32px;height:32px;font-size:16px;}
  .premium-header .live-btn{min-height:34px;padding:8px 10px;}

  .lead-text{padding:13px 14px 0;}
  .lead-title{
    font-size:clamp(27px,7.2vw,31px)!important;
    line-height:1.025!important;
    letter-spacing:-.03em!important;
    margin-top:7px!important;
  }
  .lead-meta{margin-top:11px!important;padding-bottom:2px;}
  .secondary-grid{gap:24px 12px;}
  .secondary-card,.news-card{padding-bottom:15px;}
  .secondary-title,.news-title{line-height:1.18!important;}

  /* TV: principal protagonista y secundarios 2x2 */
  .multimedia{padding:38px 0!important;}
  .bnn-tv-header{gap:14px;margin-bottom:20px!important;}
  .bnn-tv-youtube{padding:10px 12px!important;min-height:38px;}
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .video-card:first-child{
    grid-column:1/-1!important;
    grid-row:auto!important;
    min-height:270px!important;
  }
  .video-card:not(:first-child){min-height:145px!important;}
  .video-copy{left:10px!important;right:10px!important;bottom:10px!important;}
  .video-copy b{font-size:13px!important;line-height:1.16!important;}

  .premium-podcast-empty{padding:22px!important;}
  .premium-podcast-empty h3{font-size:23px;}
  .premium-podcast-empty p{font-size:12px;line-height:1.5;}

  .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .social-card,.social-x{min-height:205px!important;padding:16px!important;}
  .social-copy small{min-height:3.4em;font-size:11px!important;line-height:1.35;}
  .social-cta{width:auto;min-width:0;}

  .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 22px;}
  .footer-brand{grid-column:1/-1;}
  .premium-footer{padding-bottom:82px;}

  .radio-persistent,.player-dock{
    left:10px;right:10px;width:auto;
    bottom:68px!important;
    border-radius:10px;
  }
  .radio-persistent{grid-template-columns:1fr auto;gap:8px;padding:9px 10px;}
  .radio-persistent .radio-info{display:none;}
  .radio-persistent audio{height:34px;}
}

@media(max-width:430px){
  .premium-brand-copy{display:flex!important;}
  .premium-brand-copy strong{font-size:9.5px;}
  .bnn-lang-switcher.compact{display:none;}
  .premium-header .header-actions{gap:1px;}
  .lead-title{font-size:26px!important;}
  .video-card:first-child{min-height:235px!important;}
  .video-card:not(:first-child){min-height:124px!important;}
  .social-grid{grid-template-columns:1fr!important;}
  .social-card,.social-x{min-height:172px!important;}
  .social-copy small{min-height:auto;}
  .footer-grid{grid-template-columns:1fr!important;}
  .footer-brand{grid-column:auto;}
}

/* Renderización: mejora ligera sin cambiar contenido */
@supports (content-visibility:auto){
  .editorial-section,.social,.podcasts{content-visibility:auto;contain-intrinsic-size:800px;}
}

/* =========================================================
   BNN ÁFRICA 8.7.3 — Menú móvil robusto + logo footer refinado
   ========================================================= */

/* El header debe poder contener el desplegable sin recortarlo */
.site-header.premium-header{
  overflow:visible!important;
}
.premium-header .header-row{
  position:relative;
}

@media(max-width:1024px){
  .premium-header .main-nav{
    display:none!important;
  }

  .premium-header .main-nav.is-open,
  .premium-header .main-nav[data-open="1"]{
    display:flex!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:10050!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    margin:0!important;
    padding:7px 14px 12px!important;
    max-height:calc(100dvh - 90px)!important;
    overflow-y:auto!important;
    background:#fff!important;
    border:1px solid #e5e1dc!important;
    border-top:0!important;
    border-radius:0 0 12px 12px!important;
    box-shadow:0 18px 38px rgba(16,16,20,.16)!important;
  }

  .premium-header .main-nav.is-open a,
  .premium-header .main-nav[data-open="1"] a{
    display:block!important;
    width:100%!important;
    padding:14px 8px!important;
    border-bottom:1px solid #eeeae5!important;
    color:#17171b!important;
    background:transparent!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1.15!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
  }

  .premium-header .main-nav.is-open a:last-child,
  .premium-header .main-nav[data-open="1"] a:last-child{
    border-bottom:0!important;
  }

  .premium-header .main-nav.is-open a:after,
  .premium-header .main-nav[data-open="1"] a:after{
    display:none!important;
  }

  .premium-header .main-nav.is-open a:hover,
  .premium-header .main-nav.is-open a:focus,
  .premium-header .main-nav[data-open="1"] a:hover,
  .premium-header .main-nav[data-open="1"] a:focus{
    color:var(--premium-wine,#a10f27)!important;
    background:#faf8f5!important;
  }

  .premium-header .mobile-menu[aria-expanded="true"]{
    background:#f0ede9!important;
  }
}

/* Logo inferior: más pequeño, pero sin recorte y con buen contraste */
.footer-logo-image{
  width:62px;
  height:62px;
  object-fit:contain;
  border-radius:9px;
  margin:0 0 14px;
  padding:0;
  background:#8f001e;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 9px 24px rgba(0,0,0,.26);
}
.footer-brand-title{margin-top:0;}

@media(max-width:760px){
  .footer-logo-image{
    width:54px;
    height:54px;
    margin-bottom:12px;
    border-radius:8px;
  }
}


/* ============================================================
   BNN ÁFRICA 8.7.4 — Logotipos superior e inferior más visibles
   ============================================================ */
.premium-logo-image{
  width:46px!important;
  height:46px!important;
}
.footer-logo-image{
  width:72px;
  height:72px;
}
@media(max-width:1024px){
  .premium-logo-image{
    width:42px!important;
    height:42px!important;
  }
}
@media(max-width:760px){
  .premium-logo-image{
    width:40px!important;
    height:40px!important;
  }
  .footer-logo-image{
    width:64px;
    height:64px;
  }
}


/* ============================================================
   BNN ÁFRICA 8.7.5 — Logos superior e inferior VISIBLES
   Aumento claro de tamaño y reglas fuertes para evitar overrides/caché.
   ============================================================ */
.premium-header .header-row{
  min-height:78px!important;
}
.premium-header .premium-logo-image,
.premium-header .logo img{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  flex:0 0 58px!important;
  object-fit:cover!important;
  border-radius:5px!important;
}
.premium-header .premium-brand-copy strong{
  font-size:13px!important;
}
.footer-logo-image{
  width:104px!important;
  height:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  object-fit:contain!important;
  border-radius:12px!important;
  margin-bottom:16px!important;
}
@media(max-width:760px){
  .premium-header .header-row{
    min-height:72px!important;
  }
  .premium-header .premium-logo-image,
  .premium-header .logo img{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    flex-basis:52px!important;
  }
  .premium-header .premium-brand-copy strong{
    font-size:11px!important;
  }
  .footer-logo-image{
    width:92px!important;
    height:92px!important;
    min-width:92px!important;
    max-width:92px!important;
  }
}
@media(max-width:430px){
  .premium-header .premium-logo-image,
  .premium-header .logo img{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    flex-basis:50px!important;
  }
  .footer-logo-image{
    width:88px!important;
    height:88px!important;
    min-width:88px!important;
    max-width:88px!important;
  }
}


/* ============================================================
   BNN ÁFRICA 8.7.6 — Modo noche / modo claro
   Persistente en el navegador y compatible con la preferencia del sistema.
   ============================================================ */
.theme-toggle{
  width:36px!important;height:36px!important;min-width:36px!important;
  display:inline-grid!important;place-items:center!important;
  border:1px solid #e3dfda!important;background:#fff!important;color:#17171b!important;
  border-radius:50%!important;font-size:17px!important;line-height:1!important;
  cursor:pointer!important;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.theme-toggle:hover{transform:translateY(-1px);background:#f4f2ef!important;}
.theme-toggle:focus-visible{outline:2px solid var(--premium-wine);outline-offset:2px;}
.theme-toggle .theme-icon{display:block;transform:translateY(-1px);}

html[data-theme="dark"]{color-scheme:dark;}
html[data-theme="dark"] body{
  background:#0d0e11!important;color:#f3f1ed!important;
}
html[data-theme="dark"] .site-header.premium-header{
  background:rgba(16,17,21,.97)!important;border-top-color:#f1eee8!important;border-bottom-color:#2d2e34!important;
  box-shadow:0 6px 22px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] .premium-header .main-nav a,
html[data-theme="dark"] .premium-brand-copy strong{color:#f5f2ee!important;}
html[data-theme="dark"] .premium-brand-copy small{color:#aaa7ad!important;}
html[data-theme="dark"] .premium-header .icon-btn,
html[data-theme="dark"] .theme-toggle{
  background:#17181d!important;color:#f7f4ef!important;border-color:#303139!important;
}
html[data-theme="dark"] .premium-header .icon-btn:hover,
html[data-theme="dark"] .theme-toggle:hover{background:#24252b!important;}
html[data-theme="dark"] .premium-header .mobile-menu[aria-expanded="true"]{background:#2b2c32!important;}

html[data-theme="dark"] .premium-ticker,
html[data-theme="dark"] .ticker,
html[data-theme="dark"] .hero,
html[data-theme="dark"] .topics,
html[data-theme="dark"] .editorial-sections{
  background:#111216!important;border-color:#2b2c31!important;
}
html[data-theme="dark"] .premium-ticker .ticker-item{color:#d9d6d2!important;}
html[data-theme="dark"] .lead,
html[data-theme="dark"] .secondary-card,
html[data-theme="dark"] .news-card,
html[data-theme="dark"] .editorial-section,
html[data-theme="dark"] .section-mini,
html[data-theme="dark"] .section-head{
  border-color:#303137!important;
}
html[data-theme="dark"] .lead-image,
html[data-theme="dark"] .secondary-image,
html[data-theme="dark"] .news-image,
html[data-theme="dark"] .section-lead-image,
html[data-theme="dark"] .section-mini-image{background:#18191e!important;}
html[data-theme="dark"] .lead-title,
html[data-theme="dark"] .secondary-title,
html[data-theme="dark"] .news-title,
html[data-theme="dark"] .section-story-title,
html[data-theme="dark"] .section-mini-title,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .article h1,
html[data-theme="dark"] .article h2,
html[data-theme="dark"] .article h3,
html[data-theme="dark"] .article-body,
html[data-theme="dark"] .article-body p,
html[data-theme="dark"] .article-body li,
html[data-theme="dark"] .page h1,
html[data-theme="dark"] .page h2,
html[data-theme="dark"] .page h3{color:#f5f2ed!important;}
html[data-theme="dark"] .lead-excerpt,
html[data-theme="dark"] .lead-meta,
html[data-theme="dark"] .news-meta,
html[data-theme="dark"] .social-intro{color:#aaa7a3!important;}

html[data-theme="dark"] .latest{
  background:#0d0e11!important;border-color:#292a30!important;
}
html[data-theme="dark"] .radio-strip{background:#17181c!important;}
html[data-theme="dark"] .topics{border-color:#292a30!important;}
html[data-theme="dark"] .topic-pills a{
  background:#17181d!important;color:#ece9e4!important;border-color:#373840!important;
}
html[data-theme="dark"] .topic-pills a:hover{
  background:#f0ede8!important;color:#15161a!important;border-color:#f0ede8!important;
}

html[data-theme="dark"] .podcasts{background:#15161a!important;}
html[data-theme="dark"] .premium-podcast-empty,
html[data-theme="dark"] .podcast-card{
  background:linear-gradient(110deg,#1a1b20 0%,#141519 100%)!important;
  border-color:#34353c!important;color:#eeeae5!important;
}
html[data-theme="dark"] .premium-podcast-empty h3,
html[data-theme="dark"] .podcast-card h3{color:#f5f2ed!important;}
html[data-theme="dark"] .premium-podcast-empty p,
html[data-theme="dark"] .podcast-empty{color:#aaa7a3!important;}

html[data-theme="dark"] .social{
  background:linear-gradient(180deg,#111216 0%,#0d0e11 100%)!important;
  border-color:#292a30!important;
}
html[data-theme="dark"] .social .section-head{border-bottom-color:#303137!important;}
html[data-theme="dark"] .social-intro{color:#aaa7a3!important;}

html[data-theme="dark"] .bnn-lang-current{
  background:#17181d!important;color:#f2efea!important;border-color:#34353c!important;
}
html[data-theme="dark"] .bnn-lang-current:hover{background:#23242a!important;border-color:#464750!important;}
html[data-theme="dark"] .bnn-lang-menu{
  background:#17181d!important;border-color:#34353c!important;box-shadow:0 16px 36px rgba(0,0,0,.38)!important;
}
html[data-theme="dark"] .bnn-lang-option{color:#eeeae5!important;}
html[data-theme="dark"] .bnn-lang-option:hover{background:#25262c!important;}
html[data-theme="dark"] .bnn-lang-option.active{background:#34131a!important;color:#ff7189!important;}

html[data-theme="dark"] .premium-header .main-nav.is-open,
html[data-theme="dark"] .premium-header .main-nav[data-open="1"]{
  background:#15161a!important;border-color:#303137!important;box-shadow:0 18px 38px rgba(0,0,0,.42)!important;
}
html[data-theme="dark"] .premium-header .main-nav.is-open a,
html[data-theme="dark"] .premium-header .main-nav[data-open="1"] a{
  color:#f2efea!important;border-bottom-color:#2b2c31!important;
}
html[data-theme="dark"] .premium-header .main-nav.is-open a:hover,
html[data-theme="dark"] .premium-header .main-nav.is-open a:focus,
html[data-theme="dark"] .premium-header .main-nav[data-open="1"] a:hover,
html[data-theme="dark"] .premium-header .main-nav[data-open="1"] a:focus{
  background:#202127!important;color:#ff7189!important;
}

html[data-theme="dark"] .mobile-bottom{
  background:#121318!important;border-top-color:#303137!important;box-shadow:0 -3px 14px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .mobile-bottom a,
html[data-theme="dark"] .mobile-bottom button{
  background:#121318!important;color:#eae7e2!important;
}
html[data-theme="dark"] .mobile-bottom .radio-open{color:#ff5c75!important;}

html[data-theme="dark"] .article,
html[data-theme="dark"] main,
html[data-theme="dark"] .page{color:#f3f1ed;}
html[data-theme="dark"] .article-body a{color:#ff7189;}
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{background:#17181d;color:#f3f1ed;border-color:#34353c;}

/* Las áreas de marca que ya son oscuras conservan su identidad. */
html[data-theme="dark"] .multimedia,
html[data-theme="dark"] .premium-footer,
html[data-theme="dark"] .footer{color:#fff!important;}

@media(max-width:760px){
  .theme-toggle{width:32px!important;height:32px!important;min-width:32px!important;font-size:15px!important;}
}
@media(max-width:430px){
  .theme-toggle{width:30px!important;height:30px!important;min-width:30px!important;font-size:14px!important;}
}

/* =========================================================
   BNN ÁFRICA 8.7.8 — Patrocinadores refinados
   ========================================================= */
.bnn-sponsors{
  padding:42px 0 30px;
  background:#f7f5f2;
  border-top:1px solid #e6e1db;
}
.bnn-sponsors-heading{
  text-align:center;
  margin:0 auto 22px;
}
.bnn-sponsors-heading span{
  display:block;
  margin-bottom:5px;
  color:var(--premium-wine,#a20f2d);
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.bnn-sponsors-heading h2{
  margin:0;
  color:#17171a;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(25px,3vw,34px);
  line-height:1.08;
  font-weight:700;
}
.bnn-sponsors-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  width:min(690px,100%);
  margin:0 auto;
}
.bnn-sponsor-card{
  min-height:230px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(25,25,28,.09);
  border-radius:16px;
  box-shadow:0 12px 34px rgba(23,19,17,.08);
}
.bnn-sponsor-card-light{background:#fff;}
.bnn-sponsor-card-dark{background:#080808;}
.bnn-sponsor-card img{
  width:100%;
  height:230px;
  object-fit:contain;
  object-position:center;
  transition:transform .2s ease;
}
/* Equilibrio óptico: Hdtexturehair tenía más aire interno que Luëma. */
.bnn-sponsor-card-light img{transform:scale(1.13);}
.bnn-sponsor-card-dark img{transform:scale(.96);}
html[data-theme="dark"] .bnn-sponsors{
  background:#111216;
  border-top-color:#292a30;
}
html[data-theme="dark"] .bnn-sponsors-heading h2{color:#f5f2ed;}
html[data-theme="dark"] .bnn-sponsor-card{
  border-color:#303137;
  box-shadow:0 14px 36px rgba(0,0,0,.22);
}
@media(max-width:620px){
  .bnn-sponsors{padding:32px 0 26px;}
  .bnn-sponsors-heading{margin-bottom:17px;}
  .bnn-sponsors-grid{
    grid-template-columns:1fr;
    width:min(310px,100%);
    gap:16px;
  }
  .bnn-sponsor-card{min-height:190px;height:190px;border-radius:14px;}
  .bnn-sponsor-card img{height:190px;}
  .bnn-sponsor-card-light img{transform:scale(1.12);}
  .bnn-sponsor-card-dark img{transform:scale(.96);}
}


/* ============================================================
   BNN ÁFRICA 9.0 — PREMIUM FINAL
   Pulido editorial, móvil, accesibilidad, rendimiento y coherencia.
   ============================================================ */
:root{
  --bnn-wine:#a60f2d;
  --bnn-red:#d51b37;
  --bnn-ink:#121217;
  --bnn-paper:#fff;
  --bnn-cream:#f6f3ef;
  --bnn-line:#e7e3de;
  --bnn-radius:12px;
  --bnn-shadow:0 16px 36px rgba(20,18,18,.08);
  --bnn-section-space:52px;
}
html{scroll-padding-top:92px;overflow-x:hidden;}
body{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
.wrap{width:min(1180px,calc(100% - 32px));}

/* Accesibilidad */
.skip-link{
  position:fixed;left:16px;top:-100px;z-index:20000;
  background:#111;color:#fff;padding:10px 14px;border-radius:0 0 8px 8px;
  font-weight:800;font-size:13px;transition:top .15s ease;
}
.skip-link:focus{top:0;}
a:focus-visible,button:focus-visible,input:focus-visible{
  outline:3px solid rgba(213,27,55,.42)!important;outline-offset:3px!important;
}

/* Cabecera editorial: logotipo primero, navegación central, acciones a la derecha */
.site-header.premium-header{
  border-top:2px solid var(--bnn-ink)!important;
  border-bottom:1px solid var(--bnn-line)!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:saturate(150%) blur(12px);
  -webkit-backdrop-filter:saturate(150%) blur(12px);
}
.premium-header .header-row{
  display:flex!important;grid-template-columns:none!important;
  min-height:78px!important;gap:20px!important;
}
.premium-header .premium-logo{order:1;display:flex!important;align-items:center!important;gap:11px!important;flex:0 0 auto;}
.premium-header .main-nav{order:2;margin-left:10px;display:flex;gap:18px;align-items:center;flex:1;}
.premium-header .header-actions{order:3;margin-left:auto;display:flex;align-items:center;gap:7px!important;flex:0 0 auto;}
.premium-header .main-nav a{
  position:relative;font-size:11px!important;letter-spacing:.045em;font-weight:850!important;
}
.premium-header .main-nav a:after{
  content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--bnn-red);transition:right .18s ease;
}
.premium-header .main-nav a:hover:after,.premium-header .main-nav a:focus-visible:after{right:0;}
.premium-header .premium-logo-image,
.premium-header .logo img{
  width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;
  object-fit:cover!important;border-radius:8px!important;box-shadow:0 4px 16px rgba(92,0,20,.12);
}
.premium-brand-copy{display:flex;flex-direction:column;line-height:1.05;}
.premium-brand-copy strong{font-size:13px!important;letter-spacing:.08em!important;}
.premium-brand-copy small{margin-top:5px;font-size:8px!important;letter-spacing:.08em;text-transform:uppercase;color:#777;}
.premium-header .icon-btn{border-radius:50%!important;transition:background .18s ease,transform .18s ease;}
.premium-header .icon-btn:hover{background:#f2efeb!important;transform:translateY(-1px);}
.premium-header .live-btn{
  min-height:38px;padding:9px 14px!important;border-radius:999px!important;
  box-shadow:0 7px 18px rgba(213,27,55,.16);transition:transform .18s ease,box-shadow .18s ease;
}
.premium-header .live-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(213,27,55,.22);}

/* Ticker discreto */
.premium-ticker{background:#fff!important;border-bottom:1px solid var(--bnn-line)!important;}
.premium-ticker .ticker-label{background:#111!important;letter-spacing:.06em;}
.premium-ticker .ticker-track{animation-duration:55s;}
.premium-ticker .ticker-item{font-size:10.5px!important;}

/* Jerarquía y ritmo editorial */
.hero{padding-bottom:36px!important;}
.lead-text{padding-top:14px!important;}
.lead-title{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(42px,5.15vw,68px)!important;line-height:.98!important;
  letter-spacing:-.035em!important;font-weight:800!important;max-width:1080px!important;
}
.lead-meta{display:flex;gap:14px;align-items:center;margin-top:14px!important;padding-top:0!important;color:#777!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.065em;}
.lead-meta span+span:before{content:'·';margin-right:14px;color:var(--bnn-red);font-weight:900;}
.lead-excerpt{max-width:760px;font-size:16px;line-height:1.55;color:#555;margin-top:14px;}
.secondary-grid{gap:30px 22px!important;margin-top:28px!important;}
.secondary-card,.news-card{display:flex!important;flex-direction:column;min-width:0;}
.secondary-title,.news-title{
  display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
  text-wrap:balance;
}
.secondary-title{min-height:3.45em;}
.news-title{min-height:3.45em;}
.news-meta{margin-top:auto!important;padding-top:7px;}

/* Títulos de sección: una sola firma visual coherente */
.section-head{position:relative;padding-bottom:14px!important;border-bottom:1px solid var(--bnn-line)!important;margin-bottom:22px!important;}
.section-head h2{font-size:30px!important;letter-spacing:-.035em!important;}
.section-head:after{
  content:"";position:absolute;left:0;bottom:-1px;width:48px;height:3px;background:var(--bnn-red);border-radius:99px;
}
.more{letter-spacing:.05em;}
.latest,.topics,.editorial-sections,.podcasts,.social{border-top-width:0!important;}
.latest{padding-top:42px!important;}
.news-grid{gap:34px 22px!important;}

/* Radio: premium, compacta y sin tapar contenido */
.radio-strip{padding:30px 0!important;border-top:1px solid var(--bnn-line)!important;background:var(--bnn-cream)!important;}
.premium-radio-box{border-radius:14px!important;overflow:hidden!important;box-shadow:var(--bnn-shadow);}
.radio-persistent.open{
  display:grid!important;grid-template-columns:auto minmax(220px,1fr) auto!important;
  position:fixed!important;left:50%!important;right:auto!important;bottom:16px!important;
  transform:translateX(-50%)!important;width:min(760px,calc(100% - 28px))!important;
  z-index:500!important;border-radius:16px!important;padding:11px 13px!important;
  background:rgba(15,15,19,.97)!important;border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.34)!important;backdrop-filter:blur(12px);
}
.radio-player-open{padding-bottom:92px!important;}
.radio-persistent audio{width:100%;min-width:0;}
.rp-close{border-radius:50%!important;}
.player-dock{display:none!important;}

/* Temas */
.topics{padding:38px 0!important;border-top:1px solid var(--bnn-line)!important;}
.topic-pills{gap:8px!important;}
.topic-pills a{border-radius:999px!important;padding:8px 13px!important;background:#fff;}

/* Secciones editoriales */
.editorial-sections{padding:0 0 12px;}
.editorial-section{padding:42px 0!important;border-top:1px solid var(--bnn-line)!important;}
.editorial-section:first-child{border-top:0!important;}
.section-story-title,.section-mini-title{
  text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;
}
.section-story-title{-webkit-line-clamp:3;}
.section-mini-title{-webkit-line-clamp:3;}
.section-mini{align-items:start!important;}

/* BNN TV: contraste y jerarquía cinematográfica */
.multimedia{padding:48px 0!important;background:#09090c!important;border-top:0!important;}
.bnn-tv-header{margin-bottom:22px!important;}
.bnn-tv-kicker{letter-spacing:.08em!important;}
.bnn-tv-youtube{border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;padding:10px 14px!important;}
.video-grid{gap:12px!important;}
.video-card{border-radius:10px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.09)!important;background:#17171c!important;}
.video-card:after{background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.94) 100%)!important;}
.video-card:before{
  content:'▶';position:absolute;z-index:3;left:13px;top:13px;width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;background:var(--bnn-red);color:#fff;font-size:12px;box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.video-copy{bottom:13px!important;}
.video-copy b{
  font-size:14px!important;line-height:1.2!important;text-shadow:0 2px 10px #000;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}

/* Podcasts: listo para episodios reales */
.podcasts{padding:44px 0!important;background:#f4f1ed!important;border-top:1px solid var(--bnn-line)!important;}
.podcast-grid{gap:16px!important;}
.podcast-card,.premium-podcast-empty{border-radius:12px!important;box-shadow:0 12px 30px rgba(44,37,33,.05);}
.podcast-card{display:flex;flex-direction:column;min-height:190px!important;}
.podcast-play{margin-top:auto!important;display:inline-flex;width:max-content;padding-top:16px;color:var(--bnn-red);font-size:12px;font-weight:900;text-transform:uppercase;}

/* Redes: alturas y CTA alineados */
.social{padding:44px 0 48px!important;border-top:1px solid var(--bnn-line)!important;}
.social-grid{align-items:stretch!important;}
.social-card{height:100%!important;min-height:270px!important;display:flex!important;flex-direction:column!important;border-radius:14px!important;overflow:hidden!important;}
.social-copy{display:flex!important;flex-direction:column!important;flex:1!important;}
.social-copy small{min-height:3.4em;}
.social-cta{margin-top:auto!important;align-self:flex-start!important;}

/* Patrocinadores: equilibrio y presencia institucional */
.bnn-sponsors{border-top:1px solid var(--bnn-line)!important;padding:38px 0 34px!important;}
.bnn-sponsors-heading{margin-bottom:18px!important;}
.bnn-sponsor-card{border-radius:14px!important;box-shadow:0 12px 28px rgba(33,26,22,.08)!important;transition:transform .18s ease,box-shadow .18s ease;}
a.bnn-sponsor-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(33,26,22,.12)!important;}
.bnn-sponsor-card img{max-height:170px!important;object-fit:contain!important;}
.bnn-sponsor-card-light img{transform:scale(1.06);}
.bnn-sponsor-card-dark img{transform:scale(.97);}

/* Footer institucional */
.premium-footer{padding:42px 0 30px!important;}
.footer-grid{grid-template-columns:1.3fr repeat(3,minmax(120px,.7fr))!important;gap:38px!important;}
.footer-column a,.footer-radio{transition:color .18s ease,transform .18s ease;}
.footer-column a:hover,.footer-radio:hover{color:#fff!important;transform:translateX(2px);}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:10px;color:#8c8b91;}
.footer-legal-links a:hover{color:#fff;}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.footer-logo-image{box-shadow:0 12px 30px rgba(0,0,0,.28)!important;}

/* Artículos: lectura más editorial */
.article-shell{padding:42px 0 64px;}
.article-header{max-width:920px;margin:0 auto 26px;}
.article-header h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,5.4vw,66px);line-height:1;letter-spacing:-.035em;margin:10px 0 16px;text-wrap:balance;}
.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.06em;}
.article-hero{width:min(1180px,100%);margin:26px auto 34px;}
.article-hero img{width:100%;height:auto;}
.article-body{width:min(760px,calc(100% - 32px));max-width:760px;margin:0 auto;font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.72;}
.article-body p{margin:0 0 1.25em;}
.article-body h2,.article-body h3{font-family:Arial,Helvetica,sans-serif;line-height:1.12;margin:1.6em 0 .7em;}
.article-body img{height:auto;border-radius:8px;}
.article-body a{text-decoration:underline;text-decoration-color:rgba(213,27,55,.45);text-underline-offset:3px;}

/* Paginación */
.navigation.pagination{margin:36px 0;}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;}
.page-numbers{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--bnn-line);border-radius:8px;font-weight:800;font-size:12px;}
.page-numbers.current{background:var(--bnn-ink);color:#fff;border-color:var(--bnn-ink);}

/* El viejo dock inferior se elimina: el menú principal vive en la cabecera */
.mobile-bottom{display:none!important;}

/* Modo noche: completar los nuevos elementos */
html[data-theme="dark"] .section-head{border-bottom-color:#303137!important;}
html[data-theme="dark"] .radio-strip{background:#131419!important;border-color:#292a30!important;}
html[data-theme="dark"] .topics,html[data-theme="dark"] .editorial-section,html[data-theme="dark"] .social,html[data-theme="dark"] .bnn-sponsors{border-color:#292a30!important;}
html[data-theme="dark"] .topic-pills a{background:#17181d!important;}
html[data-theme="dark"] .article-meta{color:#aaa7a3;}
html[data-theme="dark"] .page-numbers{border-color:#35363d;color:#eee;}
html[data-theme="dark"] .page-numbers.current{background:#eee;color:#111;border-color:#eee;}

/* Tablet */
@media(max-width:1024px){
  .premium-header .header-row{gap:10px!important;}
  .premium-header .main-nav{
    display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;
    width:100%!important;margin:0!important;padding:8px 16px 14px!important;z-index:10050!important;
    background:#fff!important;border:1px solid var(--bnn-line)!important;border-top:0!important;border-radius:0 0 14px 14px!important;
    box-shadow:0 20px 38px rgba(16,16,20,.14)!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
  }
  .premium-header .main-nav.is-open,.premium-header .main-nav[data-open="1"]{display:flex!important;}
  .premium-header .main-nav a{display:block!important;padding:14px 8px!important;border-bottom:1px solid #eeeae5!important;font-size:14px!important;text-transform:none!important;}
  .premium-header .main-nav a:after{display:none!important;}
  .premium-header .mobile-menu{display:grid!important;place-items:center!important;}
  .premium-header .premium-logo{margin-right:auto;}
  .premium-header .header-actions{margin-left:0!important;}
  .footer-grid{grid-template-columns:1fr 1fr!important;}
}

/* Móvil: limpieza, legibilidad y BNN TV realmente responsive */
@media(max-width:760px){
  :root{--bnn-section-space:36px;}
  .wrap{width:min(100% - 28px,1180px)!important;}
  .premium-header .header-row{min-height:70px!important;gap:7px!important;}
  .premium-header .premium-logo-image,.premium-header .logo img{
    width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;
  }
  .premium-brand-copy small{display:none!important;}
  .premium-brand-copy strong{font-size:10px!important;letter-spacing:.07em!important;}
  .premium-header .header-actions{gap:2px!important;}
  .premium-header .icon-btn,.theme-toggle{width:34px!important;height:34px!important;min-width:34px!important;}
  .premium-header .live-btn{min-height:34px!important;padding:8px 10px!important;font-size:10px!important;}
  .bnn-lang-current{min-height:34px!important;}
  .premium-ticker .ticker-row{min-height:32px!important;}
  .premium-ticker .ticker-label{padding:9px 10px!important;}

  .hero{padding-bottom:30px!important;}
  .lead-text{padding-top:11px!important;}
  .lead-title{font-size:clamp(31px,8.4vw,44px)!important;line-height:1!important;letter-spacing:-.032em!important;}
  .lead-meta{margin-top:11px!important;gap:9px!important;font-size:8.5px!important;}
  .lead-meta span+span:before{margin-right:9px!important;}
  .lead-excerpt{font-size:14px!important;}
  .secondary-grid,.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 14px!important;}
  .secondary-title,.news-title{font-size:14px!important;line-height:1.18!important;min-height:3.55em!important;-webkit-line-clamp:3!important;}
  .news-meta{font-size:9px!important;}
  .label{font-size:8px!important;padding:3px 5px!important;}
  .section-head{margin-bottom:18px!important;padding-bottom:12px!important;}
  .section-head h2{font-size:25px!important;}
  .latest{padding-top:34px!important;}

  .premium-radio-box{grid-template-columns:auto 1fr auto!important;gap:11px!important;padding:18px!important;}
  .premium-radio-box h2{font-size:24px!important;}
  .premium-radio-box p{font-size:11px!important;}
  .radio-play{width:50px!important;height:50px!important;}
  .radio-persistent.open{grid-template-columns:1fr auto!important;bottom:12px!important;padding:9px 10px!important;}
  .radio-persistent .radio-info{display:none!important;}
  .radio-persistent audio{height:36px!important;}
  .radio-player-open{padding-bottom:78px!important;}

  .editorial-section{padding:34px 0!important;}
  .editorial-grid{grid-template-columns:1fr!important;gap:18px!important;}
  .section-list{gap:14px!important;}
  .section-mini-title{font-size:13px!important;line-height:1.2!important;}

  .multimedia{padding:38px 0!important;}
  .bnn-tv-header{align-items:flex-start!important;gap:16px!important;}
  .bnn-tv-word{font-size:38px!important;}
  .bnn-tv-badge{font-size:20px!important;}
  .bnn-tv-youtube{font-size:9px!important;white-space:nowrap;}
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .video-card:first-child{grid-column:1/-1!important;grid-row:auto!important;min-height:300px!important;}
  .video-card:not(:first-child){min-height:160px!important;}
  .video-copy{left:10px!important;right:10px!important;bottom:10px!important;}
  .video-copy b{font-size:12.5px!important;-webkit-line-clamp:2!important;}
  .video-card:before{width:30px;height:30px;left:10px;top:10px;font-size:10px;}

  .podcasts,.social{padding:36px 0!important;}
  .premium-podcast-empty{grid-template-columns:auto 1fr!important;padding:20px!important;}
  .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .social-card{min-height:258px!important;padding:16px!important;}
  .social-copy b{font-size:19px!important;}
  .social-copy small{font-size:11px!important;line-height:1.4!important;}
  .social-cta{font-size:10px!important;}

  .bnn-sponsors{padding:30px 0 28px!important;}
  .bnn-sponsors-grid{gap:12px!important;}
  .bnn-sponsor-card{min-height:168px!important;}
  .bnn-sponsor-card img{max-height:142px!important;}

  .premium-footer{padding:36px 0 26px!important;}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 20px!important;}
  .footer-brand{grid-column:1/-1;}
  .footer-logo-image{width:92px!important;height:92px!important;}

  .article-shell{padding:30px 0 48px;}
  .article-header h1{font-size:clamp(34px,9.4vw,48px);}
  .article-body{font-size:18px;line-height:1.68;}
}

@media(max-width:430px){
  .premium-brand-copy{display:none!important;}
  .premium-header .premium-logo-image,.premium-header .logo img{
    width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;
  }
  .premium-header .header-actions{gap:1px!important;}
  .premium-header .icon-btn,.theme-toggle{width:32px!important;height:32px!important;min-width:32px!important;font-size:15px!important;}
  .premium-header .live-btn{padding:8px 9px!important;}
  .premium-header .live-btn .live-text{display:none!important;}
  .secondary-title,.news-title{font-size:13.5px!important;}
  .social-grid{grid-template-columns:1fr!important;}
  .social-card{min-height:245px!important;}
  .bnn-sponsors-grid{grid-template-columns:1fr 1fr!important;}
  .bnn-sponsor-card{min-height:150px!important;padding:10px!important;}
  .bnn-sponsor-card img{max-height:126px!important;}
  .footer-grid{grid-template-columns:1fr!important;}
  .footer-brand{grid-column:auto;}
  .video-card:first-child{min-height:270px!important;}
  .video-card:not(:first-child){min-height:145px!important;}
}

/* Respeto por usuarios con movimiento reducido */
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
  .ticker-track{animation:none!important;}
}

/* 9.0: el selector de idioma móvil redundante queda desactivado; el selector principal está en la cabecera. */
.mobile-language-bar{display:none!important;}

/* ============================================================
   BNN ÁFRICA 9.1 — PREMIUM PERFECT
   Pulido final: ritmo, tarjetas, patrocinadores, footer y cabecera.
   ============================================================ */

/* 1) Ritmo editorial: menos huecos, sin perder respiración */
.hero{padding-bottom:30px!important;}
.latest{padding-top:36px!important;padding-bottom:22px!important;}
.radio-strip{padding:26px 0!important;}
.topics{padding:32px 0!important;}
.editorial-section{padding:36px 0!important;}
.multimedia{padding:42px 0!important;}
.podcasts{padding:38px 0!important;}
.social{padding:38px 0 42px!important;}
.bnn-sponsors{padding:34px 0 30px!important;}
.section-head{margin-bottom:19px!important;padding-bottom:12px!important;}

/* Una sola firma roja por sección: elimina la doble línea heredada */
.section-head h2:after{display:none!important;content:none!important;}
.section-head:after{width:46px!important;height:3px!important;}

/* 2) Tarjetas con alturas y líneas consistentes */
.secondary-title,.news-title{
  height:3.55em!important;
  min-height:3.55em!important;
  max-height:3.55em!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}
.secondary-card,.news-card{height:100%!important;}
.news-grid,.secondary-grid{align-items:stretch!important;}
.section-mini-title{
  min-height:3.6em!important;
  max-height:3.6em!important;
  -webkit-line-clamp:3!important;
}

/* 3) Cabecera: más aire alrededor del logo sin hacerlo más grande */
.premium-header .header-row{
  min-height:82px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
  gap:22px!important;
}
.premium-header .premium-logo{gap:12px!important;padding-right:4px!important;}
.premium-header .main-nav{margin-left:16px!important;gap:19px!important;}
.premium-header .header-actions{gap:8px!important;}

/* 4) Patrocinadores: acabado corporativo de mayor categoría */
.bnn-sponsors{
  position:relative!important;
  background:linear-gradient(180deg,#faf8f5 0%,#f3eee8 100%)!important;
  border-top:1px solid #ded7cf!important;
}
.bnn-sponsors:before{
  content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:min(1180px,calc(100% - 32px));height:1px;
  background:linear-gradient(90deg,transparent,rgba(166,15,45,.35),transparent);
}
.bnn-sponsors-heading{margin-bottom:20px!important;}
.bnn-sponsors-heading span{letter-spacing:.19em!important;}
.bnn-sponsors-grid{width:min(720px,100%)!important;gap:24px!important;}
.bnn-sponsor-card{
  border:1px solid rgba(42,34,30,.10)!important;
  box-shadow:0 10px 28px rgba(32,25,21,.075)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
a.bnn-sponsor-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(166,15,45,.22)!important;
  box-shadow:0 18px 38px rgba(32,25,21,.12)!important;
}

/* 5) Footer: columnas más precisas y alineadas en escritorio */
.premium-footer{padding-top:40px!important;}
.footer-grid{
  grid-template-columns:minmax(300px,1.45fr) repeat(3,minmax(145px,.68fr))!important;
  gap:30px 52px!important;
  align-items:start!important;
}
.footer-column{padding-top:10px!important;min-width:0!important;}
.footer-column strong{min-height:18px!important;display:block!important;}
.footer-brand{padding-right:18px!important;}
.footer-brand p{max-width:380px!important;}
.footer-legal-links{margin-top:20px!important;}

/* 6) Redes: evita una última fila visualmente vacía en layouts de 2 columnas */
@media (min-width:431px) and (max-width:1024px){
  .social-x{grid-column:1/-1!important;}
  .social-x .social-copy small{max-width:360px!important;}
}

/* Modo noche para los refinamientos 9.1 */
html[data-theme="dark"] .bnn-sponsors{
  background:linear-gradient(180deg,#121318 0%,#0f1014 100%)!important;
  border-top-color:#2b2c32!important;
}
html[data-theme="dark"] .bnn-sponsors:before{
  background:linear-gradient(90deg,transparent,rgba(225,45,76,.34),transparent)!important;
}
html[data-theme="dark"] .bnn-sponsor-card{border-color:#303239!important;}

/* Tablet y móvil: conserva limpieza sin hacer la cabecera demasiado alta */
@media(max-width:1024px){
  .premium-header .header-row{
    min-height:72px!important;padding-top:5px!important;padding-bottom:5px!important;gap:10px!important;
  }
  .premium-header .main-nav{margin-left:0!important;}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 26px!important;}
  .footer-column{padding-top:4px!important;}
}

@media(max-width:760px){
  .premium-header .header-row{min-height:70px!important;padding-top:4px!important;padding-bottom:4px!important;gap:6px!important;}
  .premium-header .header-actions{gap:2px!important;}
  .hero{padding-bottom:26px!important;}
  .latest{padding-top:30px!important;}
  .topics{padding:30px 0!important;}
  .editorial-section{padding:31px 0!important;}
  .multimedia{padding:36px 0!important;}
  .podcasts,.social{padding:32px 0!important;}
  .secondary-title,.news-title{
    height:3.55em!important;min-height:3.55em!important;max-height:3.55em!important;
  }
  .bnn-sponsors{padding:28px 0 26px!important;}
  .bnn-sponsors-grid{gap:12px!important;}
  .footer-brand{padding-right:0!important;}
}

@media(max-width:430px){
  .footer-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .footer-column{padding-top:0!important;}
  .social-x{grid-column:auto!important;}
}

/* ============================================================
   BNN ÁFRICA 9.2 — PREMIUM PULIDO
   Etiquetas editoriales compactas + Última Hora más legible.
   ============================================================ */

/* 1) Etiquetas de categoría: compactas, uniformes y con menos peso visual */
.secondary-card > .label,
.news-card > .label{
  align-self:flex-start!important;
  width:auto!important;
  max-width:max-content!important;
  margin-top:1px!important;
  margin-bottom:2px!important;
}
.secondary-card > .label,
.news-card > .label,
.section-lead > .label,
.section-mini .label,
.lead-text > .label{
  background:var(--bnn-red,#d51b37)!important;
  color:#fff!important;
  border-radius:2px!important;
  padding:4px 7px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}

/* 2) Última Hora: titulares superiores algo más grandes y fáciles de leer */
.premium-ticker .ticker-row{
  min-height:42px!important;
}
.premium-ticker .ticker-label{
  padding:11px 13px!important;
  font-size:10.5px!important;
  line-height:1!important;
}
.premium-ticker .ticker-item{
  font-size:12.25px!important;
  line-height:1.2!important;
  font-weight:750!important;
  padding:10px 22px!important;
  letter-spacing:-.005em!important;
}
.premium-ticker .ticker-item:after{
  margin-left:22px!important;
}
.premium-ticker .ticker-track{
  animation-duration:60s!important;
}

/* 3) Un poco más de separación entre categoría y titular en las tarjetas */
.secondary-title,
.news-title{
  margin-top:6px!important;
}

/* Ajustes de tablet: mantener el ticker visible y legible sin hacerlo pesado */
@media (max-width:1024px) and (min-width:761px){
  .premium-ticker .ticker-row{min-height:40px!important;}
  .premium-ticker .ticker-label{padding:10px 11px!important;font-size:10px!important;}
  .premium-ticker .ticker-item{font-size:11.75px!important;padding:9px 18px!important;}
  .premium-ticker .ticker-item:after{margin-left:18px!important;}
}

/* Móvil: las etiquetas siguen compactas; no se convierten en franjas */
@media(max-width:760px){
  .secondary-card > .label,
  .news-card > .label,
  .section-lead > .label,
  .section-mini .label,
  .lead-text > .label{
    width:auto!important;
    max-width:max-content!important;
    padding:3px 6px!important;
    font-size:8.5px!important;
    border-radius:2px!important;
  }
}


/* ============================================================
   BNN ÁFRICA 9.3 — PREMIUM FINAL
   Micro-pulido: ticker, jerarquía, últimas noticias, cabecera,
   redes y footer institucional.
   ============================================================ */

/* 1) Última Hora: conservar legibilidad y dar más aire entre titulares */
.premium-ticker .ticker-item{
  padding-left:28px!important;
  padding-right:28px!important;
}
.premium-ticker .ticker-item:after{
  margin-left:28px!important;
  margin-right:4px!important;
  color:#aaa!important;
}

/* 2) Titular principal: apenas más contenido en pantallas medianas */
@media (min-width:761px) and (max-width:1180px){
  .lead-title{
    font-size:clamp(40px,4.9vw,64px)!important;
    line-height:.99!important;
  }
}

/* 3) Últimas noticias: títulos más homogéneos, 3 líneas máximo */
.latest .news-card .news-title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  min-height:3.45em!important;
  height:3.45em!important;
  max-height:3.45em!important;
  line-height:1.15!important;
}
.latest .news-card{height:100%!important;}
.latest .news-grid{align-items:stretch!important;}

/* 4) Cabecera: microseparación premium entre controles */
.premium-header .header-actions{
  gap:12px!important;
}
.premium-header .bnn-lang-switcher,
.premium-header .theme-toggle,
.premium-header .search-open,
.premium-header .live-btn{
  flex:0 0 auto!important;
}

/* 5) X: sigue destacada, pero con menos altura dominante */
.social-card.social-x{
  min-height:238px!important;
}

/* 6) Footer: más compacto y mejor aprovechado */
.premium-footer{
  padding-top:36px!important;
  padding-bottom:22px!important;
}
.footer-grid{
  gap:26px 46px!important;
}
.footer-column{gap:8px!important;}
.footer-rule{margin:26px 0 15px!important;}
.footer-legal-links{margin-top:14px!important;gap:7px 15px!important;}

/* 7) Etiquetas: mismo lenguaje visual, sin franjas completas */
.latest .label,
.secondary-card .label,
.section-lead .label,
.section-mini .label,
.lead-text .label{
  width:max-content!important;
  max-width:100%!important;
  align-self:flex-start!important;
}

/* Tablet */
@media (max-width:1024px) and (min-width:761px){
  .premium-header .header-actions{gap:8px!important;}
  .premium-ticker .ticker-item{padding-left:23px!important;padding-right:23px!important;}
  .premium-ticker .ticker-item:after{margin-left:23px!important;}
  .social-card.social-x{min-height:220px!important;}
}

/* Móvil */
@media (max-width:760px){
  .premium-header .header-actions{gap:5px!important;}
  .latest .news-card .news-title{
    min-height:3.55em!important;
    height:3.55em!important;
    max-height:3.55em!important;
  }
  .social-card.social-x{min-height:225px!important;}
  .premium-footer{padding-top:32px!important;padding-bottom:22px!important;}
  .footer-grid{gap:24px 18px!important;}
}

@media (max-width:430px){
  .premium-header .header-actions{gap:3px!important;}
  .social-card.social-x{min-height:210px!important;}
}

/* ============================================================
   BNN ÁFRICA 9.4 — RADIO CONTINUA
   Navegación suave solo durante una sesión activa de radio.
   ============================================================ */
body.bnn-soft-navigating{cursor:progress;}
body.bnn-soft-navigating #main-content{
  opacity:.58;
  transition:opacity .16s ease;
  pointer-events:none;
}
body.bnn-soft-navigating:before{
  content:"";
  position:fixed;
  z-index:10050;
  top:0;
  left:0;
  height:3px;
  width:38%;
  background:linear-gradient(90deg,var(--red),#ff5069);
  box-shadow:0 1px 8px rgba(213,27,55,.28);
  animation:bnnSoftNavProgress .8s ease-in-out infinite alternate;
}
@keyframes bnnSoftNavProgress{
  from{transform:translateX(-25%);opacity:.72;}
  to{transform:translateX(190%);opacity:1;}
}
@media (prefers-reduced-motion:reduce){
  body.bnn-soft-navigating #main-content{transition:none;}
  body.bnn-soft-navigating:before{animation:none;width:100%;}
}


/* ============================================================
   BNN ÁFRICA 9.5 — RADIO PERSISTENTE SIN MINI REPRODUCTOR
   El motor de audio queda oculto. El botón de radio es ON/OFF.
   ============================================================ */
#radioPersistent.bnn-radio-engine,
.radio-persistent,
.player-dock{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  position:absolute!important;
  pointer-events:none!important;
}
body.radio-player-open{padding-bottom:0!important;}
.radio-open{transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease;}
.radio-open.is-playing{box-shadow:0 0 0 2px rgba(213,27,55,.12),0 8px 22px rgba(0,0,0,.13);}
.live-btn.radio-open.is-playing{background:#111!important;color:#fff!important;}
.live-btn.radio-open.is-playing .live-dot{
  background:#ff3652!important;
  box-shadow:0 0 0 5px rgba(255,54,82,.14);
  animation:bnnRadioPulse 1.15s ease-in-out infinite;
}
.radio-play.radio-open.is-playing{background:#111!important;color:#fff!important;}
.footer-radio.radio-open.is-playing{color:#fff!important;font-weight:800;}
html[data-theme="dark"] .live-btn.radio-open.is-playing{background:#fff!important;color:#111!important;}
@keyframes bnnRadioPulse{0%,100%{transform:scale(.88);opacity:.78}50%{transform:scale(1.13);opacity:1}}
@media (prefers-reduced-motion:reduce){.live-btn.radio-open.is-playing .live-dot{animation:none;}}


/* ============================================================
   BNN ÁFRICA 9.6 — RADIO INVISIBLE PERSISTENTE
   El fallback oficial vive fuera de pantalla: nunca se muestra.
   ============================================================ */
#bnnRadioFallback.bnn-radio-fallback{
  display:block!important;
  position:fixed!important;
  left:-10000px!important;
  top:-10000px!important;
  width:1px!important;
  height:1px!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:-1!important;
}
#bnnRadioFallback.bnn-radio-fallback.open{display:block!important;}
#bnnRadioFallback .bnn-radio-panel{
  display:block!important;
  position:static!important;
  width:1px!important;
  height:1px!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#bnnRadioFallback .fallback-link,
#bnnRadioFallback .fallback-close{display:none!important;}
#bnnRadioFrame{
  display:block!important;
  width:1px!important;
  height:1px!important;
  border:0!important;
}

/* ============================================================
   BNN ÁFRICA 9.7 — RADIO INVISIBLE AUDIBLE
   El PWA BRLOGIC queda fuera del lienzo, pero conserva un viewport real.
   No usamos display:none, visibility:hidden ni un iframe de 1px porque
   algunos reproductores móviles no inicializan audio en esas condiciones.
   ============================================================ */
#bnnRadioFallback.bnn-radio-fallback{
  display:block!important;
  position:fixed!important;
  left:-560px!important;
  top:0!important;
  width:430px!important;
  height:920px!important;
  min-width:430px!important;
  min-height:920px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  opacity:.001!important;
  visibility:visible!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:1!important;
  contain:none!important;
}
#bnnRadioFallback .bnn-radio-panel{
  display:block!important;
  position:static!important;
  width:430px!important;
  height:920px!important;
  min-width:430px!important;
  min-height:920px!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  visibility:visible!important;
}
#bnnRadioFrame{
  display:block!important;
  width:430px!important;
  height:920px!important;
  min-width:430px!important;
  min-height:920px!important;
  border:0!important;
  opacity:1!important;
  visibility:visible!important;
}


/* ============================================================
   BNN ÁFRICA 9.8 — RADIO DIRECTA BRLOGIC
   El audio es invisible; únicamente cambia el estado de los botones ON/OFF.
   ============================================================ */
#radioPersistent.bnn-radio-engine{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;}
#bnnPersistentAudio{width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}

/* ============================================================
   BNN ÁFRICA 9.9 — RADIO DIRECTA SIN MODAL
   Cualquier resto de reproductor/modal de versiones anteriores queda anulado.
   El único motor válido es #bnnPersistentAudio.
   ============================================================ */
#bnnRadioFallback,
.bnn-radio-fallback,
.bnn-radio-panel,
.radio-persistent,
.player-dock{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.radio-player-open{padding-bottom:0!important;overflow:auto!important;}
#radioPersistent.bnn-radio-engine{
  position:fixed!important;
  left:-9999px!important;
  top:-9999px!important;
  width:2px!important;
  height:2px!important;
  overflow:hidden!important;
  opacity:.001!important;
  pointer-events:none!important;
}
#bnnPersistentAudio{display:block!important;width:2px!important;height:2px!important;opacity:.001!important;}