/* ==============================================================
   CEZ NEXT — Editorial
   Artículos / Entrevistas / Tutoriales (listados + contenido)
   Capa exclusivamente visual. La lógica y el cambio de vista
   siguen siendo los canónicos de Clásico.
   ============================================================== */

body.cez-next3:not(.skin-retro){
  /* Misma gramática que Index/Games: naranja en la zona general y color1
     únicamente cuando estamos dentro de una sección. */
  --nx-editorial-accent:var(--nx-orange);
  --nx-editorial-surface:var(--nx-panel);
  --nx-editorial-surface-strong:var(--nx-panel2);
  --nx-editorial-border:var(--nx-line);
  --nx-editorial-rule:var(--nx-line);
  --nx-editorial-muted:var(--nx-soft);
}
html:not(.default-theme) body.cez-next3:not(.skin-retro){
  --nx-editorial-accent:var(--color1);
}
body.cez-next3.theme-light:not(.skin-retro){
  --nx-editorial-surface:#f8fafc;
  --nx-editorial-surface-strong:#fff;
  --nx-editorial-border:#cbd5df;
  --nx-editorial-rule:#d6dee7;
  --nx-editorial-muted:#607286;
}

/* ---------- Contenedor/lista ---------- */
.cez-next3 .cez-artwrap.cventanas-m30{
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.cez-next3 #originalView.cez-artview{display:flex;flex-direction:column;gap:10px;}
.cez-next3 #originalView .cez-artitem--list{
  display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;gap:0!important;
  height:160px!important;min-height:160px!important;max-height:160px!important;
  margin:0!important;padding:0 15px 0 0!important;
  border:1px solid var(--nx-editorial-border)!important;border-radius:0!important;
  background:var(--nx-editorial-surface)!important;box-shadow:none!important;overflow:hidden!important;
  transition:background-color .14s ease,border-color .14s ease!important;
}
.cez-next3 #originalView .cez-artitem--list::before{content:none!important;}
.cez-next3 #originalView .cez-artitem--list:hover{
  transform:none!important;box-shadow:none!important;
  border-color:color-mix(in srgb,var(--nx-editorial-accent) 34%,var(--nx-editorial-border))!important;
  background:color-mix(in srgb,var(--nx-editorial-accent) 4%,var(--nx-editorial-surface-strong))!important;
}
.cez-next3 #originalView .cez-artitem__media{
  width:210px!important;max-width:210px!important;height:160px!important;min-height:160px!important;max-height:160px!important;
  border:0!important;border-right:1px solid var(--nx-editorial-border)!important;border-radius:0!important;background:var(--nx-editorial-surface-strong)!important;box-shadow:none!important;
}
.cez-next3 #originalView .cez-artitem__img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:0!important;box-shadow:none!important;}
.cez-next3 #originalView .cez-artitem__body{padding:15px 0 14px 17px!important;justify-content:center!important;}
.cez-next3 #originalView .cez-artitem__title{
  margin:0 0 7px!important;color:var(--text-1)!important;
  font:850 1.08rem/1.18 "Exo",sans-serif!important;letter-spacing:0!important;text-transform:none!important;
}
.cez-next3 #originalView .cez-artitem__title:hover{color:var(--nx-editorial-accent)!important;}
.cez-next3 #originalView .cez-artitem__desc{margin:0 0 9px!important;color:var(--text-2)!important;font-size:.93rem!important;line-height:1.42!important;-webkit-line-clamp:2!important;}
.cez-next3 #originalView .cez-artitem__meta{gap:7px!important;padding-top:8px!important;border-top:1px solid var(--nx-editorial-rule)!important;max-height:38px!important;}

/* Metadatos más editoriales y menos 'pastilla' */
.cez-next3 .cez-artitem__meta .cez-chip{
  min-height:24px!important;padding:3px 7px!important;border:1px solid var(--nx-editorial-border)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;font-size:.78rem!important;
}
.cez-next3 .cez-artitem__meta a.cez-chip:hover{border-color:var(--nx-editorial-accent)!important;color:var(--nx-editorial-accent)!important;background:color-mix(in srgb,var(--nx-editorial-accent) 4%,transparent)!important;}

/* ---------- Vista de cuadros ---------- */
.cez-next3 #alternateView .cez-artgrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.cez-next3 #alternateView .cez-artitem--card{
  padding:0!important;border:1px solid var(--nx-editorial-border)!important;border-radius:0!important;
  background:var(--nx-editorial-surface)!important;box-shadow:none!important;overflow:hidden!important;
  transition:background-color .14s ease,border-color .14s ease!important;
}
.cez-next3 #alternateView .cez-artitem--card::before{content:none!important;}
.cez-next3 #alternateView .cez-artitem--card:hover{transform:none!important;box-shadow:none!important;border-color:color-mix(in srgb,var(--nx-editorial-accent) 34%,var(--nx-editorial-border))!important;background:color-mix(in srgb,var(--nx-editorial-accent) 4%,var(--nx-editorial-surface-strong))!important;}
.cez-next3 #alternateView .cez-artitem__media{aspect-ratio:16/10!important;border:0!important;border-bottom:1px solid var(--nx-editorial-border)!important;border-radius:0!important;background:var(--nx-editorial-surface-strong)!important;box-shadow:none!important;}
.cez-next3 #alternateView .cez-artitem__img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;box-shadow:none!important;}
.cez-next3 #alternateView .cez-artitem__title--card{padding:11px 11px 6px!important;color:var(--text-1)!important;font:850 .93rem/1.18 "Exo",sans-serif!important;letter-spacing:0!important;text-transform:none!important;}
.cez-next3 #alternateView .cez-artitem__title--card:hover{color:var(--nx-editorial-accent)!important;}
.cez-next3 #alternateView .cez-artitem__meta{padding:5px 10px 11px!important;gap:5px!important;}

/* ---------- Información canónica al pie del listado ---------- */
.cez-next3 .cez-artwrap + .tabletitpeq,
.cez-next3 .cez-artwrap ~ .tabletitpeq{border-radius:0!important;box-shadow:none!important;}

/* ============================================================
   Artículo / entrevista / tutorial individual
   ============================================================ */
/* El tipo ya aparece como kicker dentro del hero: evita el rótulo clásico duplicado. */
.cez-next3 #cuerpo > .tabletit:not(.cez-arthead):has(+ .cez-article){display:none!important;}
.cez-next3 .cez-article.cventanas-m30{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
.cez-next3 .cez-article{--cez-max:940px;}
.cez-next3 .cez-article__hero{
  margin:0 0 24px!important;padding:19px 21px 20px!important;
  border:1px solid var(--nx-editorial-border)!important;border-radius:0!important;
  background:var(--nx-editorial-surface)!important;box-shadow:none!important;overflow:hidden!important;
}
.cez-next3 .cez-article__hero::before{content:none!important;}
.cez-next3 .cez-article__kicker{justify-content:flex-start!important;margin:0 0 12px!important;color:var(--nx-editorial-accent)!important;}
.cez-next3 .cez-article__kicker::before,
.cez-next3 .cez-article__kicker::after{content:none!important;}
.cez-next3 .cez-article__kicker span{min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.cez-next3 .cez-article__title{
  max-width:940px!important;margin:0 0 18px!important;text-align:left!important;
  font:900 clamp(1.8rem,3.3vw,3rem)/1.02 "Exo",sans-serif!important;letter-spacing:-.03em!important;text-wrap:balance!important;
}
.cez-next3 .cez-article__heroDeck{max-width:none!important;grid-template-columns:minmax(0,1fr) minmax(280px,38%)!important;gap:22px!important;}
.cez-next3 .cez-article__media{min-height:220px!important;padding:0!important;border:1px solid var(--nx-editorial-border)!important;border-radius:0!important;background:var(--nx-editorial-surface-strong)!important;box-shadow:none!important;overflow:hidden!important;}
.cez-next3 .cez-article__media::before{content:none!important;}
.cez-next3 .cez-article__img{width:100%!important;height:100%!important;max-width:none!important;max-height:300px!important;object-fit:cover!important;border-radius:0!important;box-shadow:none!important;}
.cez-next3 .cez-article__meta{gap:7px!important;margin:0 0 12px!important;}
.cez-next3 .cez-article__meta .cez-chip{border-radius:0!important;box-shadow:none!important;background:transparent!important;border-color:var(--nx-editorial-border)!important;}
.cez-next3 .cez-article__lede{margin:10px 0 0!important;padding:11px 14px!important;border:0!important;border-left:3px solid var(--nx-editorial-accent)!important;border-radius:0!important;background:var(--nx-editorial-surface-strong)!important;box-shadow:none!important;font-style:normal!important;line-height:1.58!important;}
.cez-next3 .cez-article__rt{margin-top:10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--nx-editorial-muted)!important;font-size:.78rem!important;}
.cez-next3 .cez-article__body{max-width:940px!important;margin:0 auto!important;color:var(--text-1)!important;font-size:1.02rem!important;line-height:1.72!important;}
.cez-next3 .cez-article__body p{margin:0 0 1.15em!important;}
.cez-next3 .cez-article__body img{border-radius:0!important;box-shadow:none!important;}
.cez-next3 .cez-article__byline{max-width:940px!important;margin:18px auto 0!important;padding-top:12px!important;border-top:1px solid var(--nx-editorial-rule)!important;}
.cez-next3 .cez-article__sep{max-width:940px!important;background:var(--nx-editorial-rule)!important;opacity:1!important;}
.cez-next3 .cez-article__links{max-width:940px!important;padding:13px 15px!important;border:1px solid var(--nx-editorial-border)!important;border-radius:0!important;background:var(--nx-editorial-surface)!important;box-shadow:none!important;}
.cez-next3 .cez-article__back{width:min(940px,100%)!important;margin:20px auto 0!important;padding:0!important;border:0!important;border-top:1px solid var(--nx-editorial-rule)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;justify-content:flex-end!important;}
.cez-next3 .cez-article__backLink{width:auto!important;min-height:38px!important;padding:0 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--nx-editorial-accent)!important;font:800 .78rem/1 "Orbitron",sans-serif!important;letter-spacing:.05em!important;}
.cez-next3 .cez-article__backLink::after{content:"  →";}

/* Comentarios: rectos, ligeros; la funcionalidad canónica no cambia. */
.cez-next3 .cez-article-comments{width:min(940px,100%)!important;}
.cez-next3 .cez-article-comments .cez-commentsTitle,
.cez-next3 .cez-article-comments .cez-comment,
.cez-next3 .cez-article-comments .coment-form{
  border:1px solid var(--nx-editorial-border)!important;border-radius:0!important;background:var(--nx-editorial-surface)!important;box-shadow:none!important;
}
.cez-next3 .cez-article-comments .cez-comment__head{background:var(--nx-editorial-surface-strong)!important;border-bottom-color:var(--nx-editorial-rule)!important;}
.cez-next3 .cez-article-comments .coment-form input,
.cez-next3 .cez-article-comments .coment-form textarea,
.cez-next3 .cez-article-comments .coment-form button{border-radius:0!important;box-shadow:none!important;}

/* ---------- Tema claro / oscuro ---------- */
html.theme-light .cez-next3 #originalView .cez-artitem--list,
html.theme-light .cez-next3 #alternateView .cez-artitem--card,
html.theme-light .cez-next3 .cez-article__hero,
html.theme-light .cez-next3 .cez-article-comments .cez-comment,
html.theme-light .cez-next3 .cez-article-comments .coment-form{background:#f7f9fc!important;}
html.theme-light .cez-next3 .cez-article__lede,
html.theme-light .cez-next3 .cez-article__media,
html.theme-light .cez-next3 .cez-article-comments .cez-comment__head{background:#eef3f8!important;}
html.theme-dark .cez-next3 #originalView .cez-artitem--list,
html.theme-dark .cez-next3 #alternateView .cez-artitem--card,
html.theme-dark .cez-next3 .cez-article__hero,
html.theme-dark .cez-next3 .cez-article-comments .cez-comment,
html.theme-dark .cez-next3 .cez-article-comments .coment-form{background:rgba(11,17,26,.72)!important;}
html.theme-dark .cez-next3 .cez-article__lede,
html.theme-dark .cez-next3 .cez-article__media,
html.theme-dark .cez-next3 .cez-article-comments .cez-comment__head{background:rgba(15,23,34,.82)!important;}

/* ---------- Responsive ---------- */
@media (max-width:1180px){.cez-next3 #alternateView .cez-artgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (max-width:900px){
  .cez-next3 #originalView .cez-artitem--list{grid-template-columns:170px minmax(0,1fr)!important;height:140px!important;min-height:140px!important;max-height:140px!important;}
  .cez-next3 #originalView .cez-artitem__media{width:170px!important;max-width:170px!important;height:140px!important;min-height:140px!important;max-height:140px!important;}
  .cez-next3 #alternateView .cez-artgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .cez-next3 .cez-article__heroDeck{grid-template-columns:1fr!important;grid-template-areas:"info" "media"!important;}
  .cez-next3 .cez-article__media{max-width:none!important;}
}
@media (max-width:700px){
  .cez-next3 #originalView .cez-artitem--list{grid-template-columns:minmax(108px,34%) minmax(0,1fr)!important;height:116px!important;min-height:116px!important;max-height:116px!important;padding-right:8px!important;}
  .cez-next3 #originalView .cez-artitem__media{width:100%!important;max-width:none!important;height:116px!important;min-height:116px!important;max-height:116px!important;}
  .cez-next3 #originalView .cez-artitem__body{padding:9px 0 8px 10px!important;}
  .cez-next3 #originalView .cez-artitem__title{font-size:.92rem!important;}
  .cez-next3 #originalView .cez-artitem__desc{font-size:.80rem!important;-webkit-line-clamp:2!important;}
  .cez-next3 #alternateView .cez-artgrid{gap:8px!important;}
  .cez-next3 .cez-article__hero{padding:14px!important;}
  .cez-next3 .cez-article__title{font-size:clamp(1.45rem,7vw,2rem)!important;}
  .cez-next3 .cez-article__body{font-size:.98rem!important;line-height:1.68!important;}
}

@media (max-width:480px){.cez-next3 #alternateView .cez-artgrid{grid-template-columns:1fr!important;}}

/* ==============================================================
   V99 — pasada editorial completa
   El HTML y la lógica siguen siendo los canónicos; Next recompone
   únicamente la presentación y sustituye las columnas clásicas por
   un rail editorial propio.
   ============================================================== */

/* El layout y el rail viven en common.css. */
body.cez-next3:not(.skin-retro) .cez-with-editorial-rail .nx-site-affiliates,
body.cez-next3:not(.skin-retro) .cez-with-editorial-rail>footer,
body.cez-next3:not(.skin-retro) .cez-with-editorial-rail>.pie,
body.cez-next3:not(.skin-retro) .cez-with-editorial-rail>#pie{clear:both!important;}

/* V101 — superficies/padding coherentes con Index Next.
   Los contenedores estructurales no pintan fondo: solo lo hacen las tarjetas/módulos. */
body.cez-next3:not(.skin-retro) .cez-artwrap,
body.cez-next3:not(.skin-retro) #originalView.cez-artview,
body.cez-next3:not(.skin-retro) #alternateView,
body.cez-next3:not(.skin-retro) #alternateView .cez-artgrid,
body.cez-next3:not(.skin-retro) .cez-article{
  background:transparent!important;
  box-shadow:none!important;
}

/* --- Lista: más editorial, menos tarjeta clásica --- */
body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list{
  grid-template-columns:224px minmax(0,1fr)!important;
  height:164px!important;
  min-height:164px!important;
  max-height:164px!important;
  padding:0 20px 0 0!important;
  border:0!important;
  border-left:2px solid transparent!important;
  border-bottom:1px solid var(--nx-editorial-rule)!important;
  background:var(--nx-editorial-surface)!important;
}
body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list:first-child{
  border-top:1px solid var(--nx-editorial-rule)!important;
}
body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list:hover{
  border-left-color:var(--nx-editorial-accent)!important;
  border-bottom-color:var(--nx-editorial-rule)!important;
  background:color-mix(in srgb,var(--nx-editorial-accent) 4%,transparent)!important;
}
body.cez-next3:not(.skin-retro) #originalView .cez-artitem__media{
  width:224px!important;
  max-width:224px!important;
  height:164px!important;
  min-height:164px!important;
  max-height:164px!important;
  border:0!important;
  border-right:1px solid var(--nx-editorial-rule)!important;
  background:transparent!important;
}
body.cez-next3:not(.skin-retro) #originalView .cez-artitem__body{
  padding:18px 0 15px 20px!important;
  justify-content:center!important;
}
body.cez-next3:not(.skin-retro) #originalView .cez-artitem__title{
  margin-bottom:7px!important;
  font-size:1.15rem!important;
  line-height:1.15!important;
}
body.cez-next3:not(.skin-retro) #originalView .cez-artitem__desc{
  max-width:68ch!important;
  margin-bottom:11px!important;
  color:var(--text-2)!important;
  font-size:.94rem!important;
  line-height:1.42!important;
}
body.cez-next3:not(.skin-retro) #originalView .cez-artitem__meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:0!important;
  max-height:none!important;
  padding-top:8px!important;
  border-top:1px solid var(--nx-editorial-rule)!important;
}
body.cez-next3:not(.skin-retro) .cez-artitem__meta .cez-chip{
  min-height:22px!important;
  margin:0 9px 0 0!important;
  padding:2px 9px 2px 0!important;
  border:0!important;
  border-right:1px solid var(--nx-editorial-rule)!important;
  background:transparent!important;
  color:var(--nx-editorial-muted)!important;
  font-size:.76rem!important;
}
body.cez-next3:not(.skin-retro) .cez-artitem__meta .cez-chip:last-child{border-right:0!important;}
body.cez-next3:not(.skin-retro) .cez-artitem__meta .cez-chip:hover{
  color:var(--nx-editorial-accent)!important;
  background:transparent!important;
}
html.theme-light body.cez-next3:not(.skin-retro) .cez-artitem__meta .cez-chip img{
  filter:none!important;
}

/* Publicidad intercalada: que no parezca una fila rota. */
body.cez-next3:not(.skin-retro) .cez-art__ad{
  margin:4px 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.cez-next3:not(.skin-retro) .cez-art__ad:empty{display:none!important;}

/* --- Cuadrícula: revista/archivo, no ventana clásica --- */
body.cez-next3:not(.skin-retro) #alternateView .cez-artgrid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.cez-next3:not(.skin-retro) #alternateView .cez-artitem--card{
  border:0!important;
  border-bottom:1px solid var(--nx-editorial-rule)!important;
  background:var(--nx-editorial-surface)!important;
  overflow:hidden!important;
}
body.cez-next3:not(.skin-retro) #alternateView .cez-artitem--card:hover{
  border-bottom-color:var(--nx-editorial-accent)!important;
  background:transparent!important;
}
body.cez-next3:not(.skin-retro) #alternateView .cez-artitem__media{
  aspect-ratio:16/10!important;
  border:1px solid var(--nx-editorial-border)!important;
  border-radius:0!important;
  background:var(--nx-editorial-surface-strong)!important;
  overflow:hidden!important;
}
body.cez-next3:not(.skin-retro) #alternateView .cez-artitem__title--card{
  padding:11px 12px 6px!important;
  font-size:1rem!important;
  line-height:1.18!important;
}
body.cez-next3:not(.skin-retro) #alternateView .cez-artitem__meta{
  padding:4px 12px 12px!important;
}

/* La ventana de información canónica al final del listado conserva su texto,
   pero pierde por completo la apariencia de ventana clásica. */
body.cez-next3:not(.skin-retro) .cez-artwrap~.tabletit:not(.cez-arthead){
  min-height:0!important;
  margin:26px 0 0!important;
  padding:12px 0 8px!important;
  border:0!important;
  border-top:1px solid var(--nx-editorial-rule)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--nx-editorial-muted)!important;
  font:800 .65rem/1 "Orbitron",sans-serif!important;
  letter-spacing:.10em!important;
  text-align:left!important;
}
body.cez-next3:not(.skin-retro) .cez-artwrap~.tabletit:not(.cez-arthead)::before,
body.cez-next3:not(.skin-retro) .cez-artwrap~.tabletit:not(.cez-arthead)::after{display:none!important;content:none!important;}
body.cez-next3:not(.skin-retro) .cez-artwrap~.tabletit:not(.cez-arthead)+.cventanas-m30{
  margin:0!important;
  padding:13px 18px 13px 20px!important;
  border:0!important;
  border-left:3px solid var(--nx-editorial-accent)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--text-2)!important;
  line-height:1.55!important;
}

/* --- Artículo individual: cabecera editorial, no una gran ventana --- */
body.cez-next3:not(.skin-retro) .cez-article__hero{
  padding:20px 22px 22px!important;
  border:1px solid var(--nx-editorial-border)!important;
  background:var(--nx-editorial-surface)!important;
}
body.cez-next3:not(.skin-retro) .cez-article__title{
  max-width:100%!important;
  margin:0 0 16px!important;
  font-size:clamp(2rem,3.35vw,3.25rem)!important;
  line-height:.98!important;
}
body.cez-next3:not(.skin-retro) .cez-article__heroDeck{
  grid-template-columns:minmax(0,1fr) minmax(250px,34%)!important;
  gap:26px!important;
  align-items:start!important;
}
body.cez-next3:not(.skin-retro) .cez-article__media{
  min-height:0!important;
  aspect-ratio:16/10!important;
  border:1px solid var(--nx-editorial-border)!important;
  background:transparent!important;
}
body.cez-next3:not(.skin-retro) .cez-article__img{
  max-height:none!important;
  object-fit:cover!important;
}
body.cez-next3:not(.skin-retro) .cez-article__meta{
  gap:0!important;
  margin:0 0 13px!important;
}
body.cez-next3:not(.skin-retro) .cez-article__meta .cez-chip{
  min-height:24px!important;
  margin:0 10px 5px 0!important;
  padding:2px 10px 2px 0!important;
  border:0!important;
  border-right:1px solid var(--nx-editorial-rule)!important;
  background:transparent!important;
  color:var(--nx-editorial-muted)!important;
}
body.cez-next3:not(.skin-retro) .cez-article__meta .cez-chip:last-child{border-right:0!important;}
body.cez-next3:not(.skin-retro) .cez-article__lede{
  margin:8px 0 0!important;
  padding:12px 16px 12px 18px!important;
  border-left:3px solid var(--nx-editorial-accent)!important;
  background:transparent!important;
}
body.cez-next3:not(.skin-retro) .cez-article__rt{
  margin:10px 0 0!important;
  padding:0!important;
  background:transparent!important;
}
body.cez-next3:not(.skin-retro) .cez-article__body{
  max-width:none!important;
  margin:0!important;
  padding:24px 26px!important;
  border:1px solid var(--nx-editorial-border)!important;
  border-radius:0!important;
  background:var(--nx-editorial-surface)!important;
}
body.cez-next3:not(.skin-retro) .cez-article__body h2,
body.cez-next3:not(.skin-retro) .cez-article__body h3,
body.cez-next3:not(.skin-retro) .cez-article__body h4{
  color:var(--text-1)!important;
  font-family:"Exo",sans-serif!important;
}
body.cez-next3:not(.skin-retro) .cez-article__byline,
body.cez-next3:not(.skin-retro) .cez-article__sep,
body.cez-next3:not(.skin-retro) .cez-article__links,
body.cez-next3:not(.skin-retro) .cez-article__back,
body.cez-next3:not(.skin-retro) .cez-article-comments{
  max-width:none!important;
}

/* Claro: como Index Next, superficie sobre fondo. Oscuro: más plano. */
html.theme-light body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list,
html.theme-light body.cez-next3:not(.skin-retro) #alternateView .cez-artitem--card,
html.theme-light body.cez-next3:not(.skin-retro) .cez-article__body{
  background:#fff!important;
}
html.theme-light body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list:hover,
html.theme-light body.cez-next3:not(.skin-retro) #alternateView .cez-artitem--card:hover{
  background:color-mix(in srgb,var(--nx-editorial-accent) 3.5%,#fff)!important;
}
/* En oscuro seguimos la portada Next: superficies oscuras, pero sin "cajas dentro de cajas". */
html.theme-dark body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list,
html.theme-dark body.cez-next3:not(.skin-retro) #alternateView .cez-artitem--card,
html.theme-dark body.cez-next3:not(.skin-retro) .cez-article__body{
  background:var(--nx-editorial-surface)!important;
}

/* Responsive */
@media (max-width:1180px){
  body.cez-next3:not(.skin-retro) #alternateView .cez-artgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:980px){
}
@media (max-width:760px){
  body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list{
    grid-template-columns:150px minmax(0,1fr)!important;
    height:132px!important;min-height:132px!important;max-height:132px!important;
  }
  body.cez-next3:not(.skin-retro) #originalView .cez-artitem__media{
    width:150px!important;max-width:150px!important;height:132px!important;min-height:132px!important;max-height:132px!important;
  }
  body.cez-next3:not(.skin-retro) #originalView .cez-artitem__body{padding:11px 0 10px 12px!important;}
  body.cez-next3:not(.skin-retro) #originalView .cez-artitem__title{font-size:1rem!important;}
  body.cez-next3:not(.skin-retro) #originalView .cez-artitem__desc{font-size:.82rem!important;}
  body.cez-next3:not(.skin-retro) #alternateView .cez-artgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.cez-next3:not(.skin-retro) .cez-article__heroDeck{grid-template-columns:1fr!important;}
  body.cez-next3:not(.skin-retro) .cez-article__body{padding:17px 16px!important;}
}
@media (max-width:500px){
  body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list{
    grid-template-columns:112px minmax(0,1fr)!important;
    height:112px!important;min-height:112px!important;max-height:112px!important;
  }
  body.cez-next3:not(.skin-retro) #originalView .cez-artitem__media{
    width:112px!important;max-width:112px!important;height:112px!important;min-height:112px!important;max-height:112px!important;
  }
  body.cez-next3:not(.skin-retro) #originalView .cez-artitem__desc{display:none!important;}
  body.cez-next3:not(.skin-retro) #alternateView .cez-artgrid{grid-template-columns:1fr!important;}
}

/* Ningún fondo de contenedor debe aparecer en los huecos entre tarjetas. */
html.theme-light body.cez-next3:not(.skin-retro) .cez-artwrap,
html.theme-light body.cez-next3:not(.skin-retro) #originalView.cez-artview,
html.theme-light body.cez-next3:not(.skin-retro) #alternateView,
html.theme-light body.cez-next3:not(.skin-retro) #alternateView .cez-artgrid,
html.theme-dark body.cez-next3:not(.skin-retro) .cez-artwrap,
html.theme-dark body.cez-next3:not(.skin-retro) #originalView.cez-artview,
html.theme-dark body.cez-next3:not(.skin-retro) #alternateView,
html.theme-dark body.cez-next3:not(.skin-retro) #alternateView .cez-artgrid{
  background:transparent!important;
}

/* ========================================================================== 
   v102 · canvas editorial coherente con Games/Index
   No basta con transparencia: algunos padres clásicos tienen superficie propia.
   Forzamos el fondo principal entre módulos/tarjetas y dejamos la superficie
   únicamente en los elementos que realmente son contenido.
   ========================================================================== */
body.cez-next3:not(.skin-retro) .cez-artwrap.cventanas-m30,
body.cez-next3:not(.skin-retro) #originalView.cez-artview,
body.cez-next3:not(.skin-retro) #alternateView,
body.cez-next3:not(.skin-retro) #alternateView .cez-artgrid,
body.cez-next3:not(.skin-retro) .cez-art__ad{
  background:var(--nx-bg)!important;
  box-shadow:none!important;
}

/* Los huecos entre registros son canvas real; la superficie empieza y acaba
   en cada registro. */
body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list,
body.cez-next3:not(.skin-retro) #alternateView .cez-artitem--card{
  background:var(--nx-editorial-surface)!important;
}
html.theme-light body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list,
html.theme-light body.cez-next3:not(.skin-retro) #alternateView .cez-artitem--card{
  background:#fff!important;
}

/* El artículo individual mantiene módulos propios, pero el espacio entre hero,
   cuerpo y bloques auxiliares vuelve a ser siempre el canvas principal. */
body.cez-next3:not(.skin-retro) .cez-article{
  background:var(--nx-bg)!important;
}

/* ========================================================================== 
   v103 · misma gramática de superficies que Games, literalmente
   - canvas entre registros: --nx-bg
   - registro/módulo: --nx-panel (en claro #f8fafc, no blanco puro)
   - separación vertical: 5px, igual que border-spacing de Games
   ========================================================================== */
body.cez-next3:not(.skin-retro) #originalView.cez-artview{
  gap:5px!important;
  padding:0!important;
  margin:0!important;
  background:var(--nx-bg)!important;
}
body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list,
body.cez-next3:not(.skin-retro) #alternateView .cez-artitem--card,
body.cez-next3:not(.skin-retro) .cez-article__hero,
body.cez-next3:not(.skin-retro) .cez-article__body{
  background:var(--nx-panel)!important;
}
body.cez-next3:not(.skin-retro) #originalView .cez-artitem__body,
body.cez-next3:not(.skin-retro) #originalView .cez-artitem__meta,
body.cez-next3:not(.skin-retro) #alternateView .cez-artitem__meta{
  background:transparent!important;
}
body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list:hover,
body.cez-next3:not(.skin-retro) #alternateView .cez-artitem--card:hover{
  background:color-mix(in srgb,var(--nx-editorial-accent) 6%,var(--nx-panel))!important;
}

/* En claro, igual que Games/Index: panel frío sobre canvas gris; nada de blanco puro. */
html.theme-light body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list,
html.theme-light body.cez-next3:not(.skin-retro) #alternateView .cez-artitem--card,
html.theme-light body.cez-next3:not(.skin-retro) .cez-article__hero,
html.theme-light body.cez-next3:not(.skin-retro) .cez-article__body,
body.cez-next3.theme-light:not(.skin-retro) #originalView .cez-artitem--list,
body.cez-next3.theme-light:not(.skin-retro) #alternateView .cez-artitem--card,
body.cez-next3.theme-light:not(.skin-retro) .cez-article__hero,
body.cez-next3.theme-light:not(.skin-retro) .cez-article__body{
  background:var(--nx-panel)!important;
}
html.theme-light body.cez-next3:not(.skin-retro) #originalView .cez-artitem--list:hover,
html.theme-light body.cez-next3:not(.skin-retro) #alternateView .cez-artitem--card:hover,
body.cez-next3.theme-light:not(.skin-retro) #originalView .cez-artitem--list:hover,
body.cez-next3.theme-light:not(.skin-retro) #alternateView .cez-artitem--card:hover{
  background:color-mix(in srgb,var(--nx-editorial-accent) 6%,var(--nx-panel))!important;
}

/* ========================================================================== 
   v106 · artículo individual y CEZ markup
   - hero/cuerpo separados por el mismo canvas real que Games
   - [tit], [tit6], [tit7], quote e imágenes con gramática Next
   ========================================================================== */
body.cez-next3:not(.skin-retro) .cez-article.cventanas-m30,
body.cez-next3:not(.skin-retro) .cez-article{
  background:var(--nx-bg)!important;
}
body.cez-next3:not(.skin-retro) .cez-article__hero{
  margin:0 0 5px!important;
}
body.cez-next3:not(.skin-retro) .cez-article__body{
  margin-top:0!important;
}

/* El estilo CEZ BBCode ([tit], [quote], imágenes y enlaces) vive en common.css
   para que sea idéntico en Index y Ficha Next. */

/* ==========================================================================
   v107 · tipografía editorial alineada con los análisis de ficha
   ========================================================================== */
body.cez-next3:not(.skin-retro) .cez-article__body{
  font-size:13.8px!important;
  line-height:1.6!important;
}
body.cez-next3:not(.skin-retro) .cez-article__lede{
  font-size:13.8px!important;
  line-height:1.6!important;
}
@media (max-width:700px){
  body.cez-next3:not(.skin-retro) .cez-article__body,
  body.cez-next3:not(.skin-retro) .cez-article__lede{
    font-size:13.8px!important;
    line-height:1.6!important;
  }
}
