/* VANDAL / RANDOM — TINTA · 15 octubre 2026 · v10 (viñetas con carácter)
 * Capa visual para el HTML existente de noticias. Cargar al FINAL del <head>.
 * Conserva el CSS actual, el JavaScript y los espacios publicitarios.
 * Random se identifica con el atributo existente data-edicion="random".
 * No incluye reglas para #footer ni .vf-*. No está destinado a AMP.
 */

@font-face {
  font-family: "Vandal Tinta";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyUypfBJ.ttf") format("truetype");
}

/* 01. Las únicas diferencias de tema. */
body#body {
  --vc-accent: #00aeef;
  --vc-link: #00658c;
  --vc-tint: #eaf8fe;
  --vc-ink: #191c22;
  --vc-muted: #626873;
  --vc-rule: #dce0e3;
  --vc-paper: #f4f3ef;
  --vc-backdrop: #142536;
  --vc-backdrop-light: #283e52;
  --vc-yellow: #ffdf4f;
  --vc-highlight: #fff09a;
  --vc-display: "Vandal Tinta", "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  --vc-text: Arial, "Helvetica Neue", Helvetica, sans-serif;
  background-color: var(--vc-backdrop);
}
body#body[data-edicion="random"] {
  --vc-accent: #6f34e5;
  --vc-link: #5b2bb3;
  --vc-tint: #f2edfd;
  --vc-backdrop: #241c32;
  --vc-backdrop-light: #40314f;
}

/* 01b. Fondo: pequeñas viñetas con un ritmo de página de cómic.
 * Filas alineadas de 64 px y anchuras variadas; biseles y semitono localizados.
 * Mosaico de 240 x 192 px con márgenes iguales: repetición continua y tranquila.
 * Mismo SVG integrado en ambas ediciones, sin peticiones adicionales.
 */
body#body {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22192%22%20viewBox%3D%220%200%20240%20192%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22d%22%20width%3D%226%22%20height%3D%226%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Ccircle%20cx%3D%222%22%20cy%3D%222%22%20r%3D%22.7%22%20fill%3D%22white%22%20opacity%3D%22.09%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Cg%20stroke%3D%22%23080d14%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%20fill%3D%22white%22%20fill-opacity%3D%22.012%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2272%22%20height%3D%2256%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M84%204H228L236%2012V60H84Z%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2268%22%20width%3D%22152%22%20height%3D%2256%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M164%2068H236V116L228%20124H164Z%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%22132%22%20width%3D%22112%22%20height%3D%2256%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%22124%22%20y%3D%22132%22%20width%3D%22112%22%20height%3D%2256%22%20rx%3D%221%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M91%2011H139L91%2041Z%22%20fill%3D%22url%28%23d%29%22%2F%3E%3Cpath%20d%3D%22M131%20139H173L131%20169Z%22%20fill%3D%22url%28%23d%29%22%2F%3E%3Cg%20stroke%3D%22white%22%20stroke-opacity%3D%22.07%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M132%20112L142%20102M137%20117L147%20107M142%20118L149%20111%22%2F%3E%3Cpath%20d%3D%22M57%2049L65%2041M62%2053L70%2045%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),
    linear-gradient(90deg, var(--vc-backdrop), var(--vc-backdrop-light) 50%, var(--vc-backdrop));
  background-size: 240px 192px, 100% 100%;
  background-position: center top;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll;
}

/* 02. Cabecera: se conservan altura, posición, navegación y logos reales. */
body#body #cabeceramenu,
body#body #cabecera1,
body#body #cabecera2 { background-color: #fff; }
body#body #cabeceramenu {
  box-shadow: 0 3px 0 var(--vc-ink);
}
body#body #cabecera1 { border-bottom-color: var(--vc-rule); }
body#body #cabecera1_cen {
  width: 174px;
  height: 50px;
  box-sizing: border-box;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body#body #cabecera1_cen a { display: block; width: 100%; line-height: 1; }
body#body #cabecera1_cen img {
  display: block;
  width: 100%;
  height: 34px;
  object-fit: contain;
  max-width: 174px;
  max-height: 34px;
}
body#body #cabecera2 { border-top: 1px solid var(--vc-rule); box-sizing: border-box; }
body#body #menuplataformas > ul > li { border-radius: 0; }
body#body #menuplataformas > ul > li > a {
  font-family: var(--vc-text);
  color: var(--vc-ink);
  font-size: 13px;
  font-weight: 700;
  border-radius: 0;
  padding-left: 8px;
  padding-right: 8px;
}
body#body #menuplataformas > ul > li > a:hover,
body#body #menuplataformas > ul > li > a:focus-visible {
  background-color: var(--vc-yellow);
  color: var(--vc-ink);
  box-shadow: 2px 2px 0 var(--vc-ink);
  text-decoration: none;
}
/* El CSS heredado fija color blanco !important para este estado. */
body#body #menuplataformas > ul > li > a:hover { color: var(--vc-ink) !important; }
body#body #menuplataformas li ul {
  background-color: #fff;
  border-color: var(--vc-ink);
  border-radius: 0;
  box-shadow: 4px 4px 0 var(--vc-ink);
}
body#body #menuplataformas li ul a { color: var(--vc-ink); }
body#body #buscar {
  border: 1px solid var(--vc-ink);
  border-radius: 2px;
  background-color: var(--vc-paper);
  color: var(--vc-ink);
  box-shadow: 2px 2px 0 var(--vc-ink);
}
body#body #temasdeldia a { color: var(--vc-ink); }

/* 03. El ancho exterior sigue siendo 990px: anuncios y cierre no se ensanchan. */
body#body #globalwrap { background-color: #fff; }
body#body article#articulo.fblanco.froboto {
  background: #fff;
  color: var(--vc-ink);
  font-family: var(--vc-text);
  box-sizing: border-box;
  border-top: 6px solid var(--vc-accent);
}
body#body #articulo #intro_noticia.intro_noticia2 {
  position: relative;
  float: none;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding: 30px 25px 0;
  margin: 0;
}
/* Trama limitada a una esquina; nunca detrás del texto. */
body#body #articulo #intro_noticia::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 48px;
  background-image: radial-gradient(var(--vc-accent) 1px, transparent 1px);
  background-size: 6px 6px;
  clip-path: polygon(20% 0, 100% 0, 100% 100%);
  pointer-events: none;
  opacity: .7;
}
body#body #intro_noticia > div > .pt005.pl1 { margin: 0; padding: 0; }
body#body #intro_noticia .migaja2 {
  padding: 0;
  margin: 0 0 24px;
  color: var(--vc-ink);
  font: 700 11px/1.6 var(--vc-text);
  letter-spacing: .035em;
  text-transform: uppercase;
}
body#body #intro_noticia .migaja2 ol {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 5px 11px;
  background: var(--vc-yellow);
  border: 1px solid var(--vc-ink);
  box-shadow: 3px 3px 0 var(--vc-ink);
}
body#body #intro_noticia .migaja2 a { color: var(--vc-ink); }
body#body #intro_noticia .migaja2 li { margin-bottom: 0; }
body#body #intro_noticia .migaja2 li:last-child:not(:has(a)) { display: none; }
body#body #intro_noticia .migaja2 li:has(+ li:last-child:not(:has(a)))::after { content: none; }
body#body #articulo #intro_noticia .articulofrontal.pl1.pr1 { padding: 0; }
body#body #articulo #intro_noticia .articulofrontal > h1.mt07 {
  margin: 0 0 20px;
  padding: 0;
  max-width: none;
  color: var(--vc-ink);
  font-family: var(--vc-display);
  font-size: clamp(34px, 4.5vw, 52px);
  font-weight: 800;
  font-style: normal;
  line-height: 1.055;
  letter-spacing: -.022em;
  text-align: left;
  text-wrap: pretty;
  text-shadow: none;
}
body#body #intro_noticia .articulofrontal .descart {
  margin: 0;
  padding: 1px 0 1px 17px;
  max-width: 830px;
  color: #515762;
  border-left: 4px solid var(--vc-accent);
  font: 400 18px/1.55 var(--vc-text);
  text-align: left;
}
body#body #intro_noticia .descart .summary { font: inherit; color: inherit; }

/* 04. Viñeta principal. Se neutraliza el antiguo padding-ratio de ambas webs. */
body#body #articulo #intro_noticia #maxwidthnoticia.pt05.mb1.mt15 {
  width: 100%;
  max-width: none;
  margin: 28px 0 0;
  padding: 0 6px 6px 0;
  box-sizing: border-box;
}
body#body #intro_noticia #maxwidthnoticia .imagenprincipal {
  position: relative;
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 2px solid var(--vc-ink);
  border-radius: 2px 2px 14px 2px;
  background-color: var(--vc-ink);
  box-shadow: 6px 6px 0 var(--vc-ink);
}
body#body #intro_noticia .imagenprincipal #linkimagengoogle,
body#body #intro_noticia .imagenprincipal picture { display: block; }
body#body #intro_noticia #maxwidthnoticia .imagenprincipal img {
  position: static;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  border-radius: 0 0 11px 0;
}

/* 05. Firma y botones: misma disposición, se conservan los SVG originales. */
body#body #articulo #intro_noticia .nuevocuadro_autor_compartir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin: 22px 0 0;
  padding: 0 0 22px;
  border-bottom: 1px solid var(--vc-rule);
  color: var(--vc-muted);
}
body#body #intro_noticia .nuevocuadro_autor_compartir::after { content: none; }
body#body #intro_noticia .nuevazona_compartir {
  float: none;
  height: auto;
  padding: 0 3px 3px 0;
  order: 2;
  text-align: left;
}
body#body #intro_noticia .nuevazona_compartir_dentro { display: flex; align-items: center; gap: 9px; }
body#body #intro_noticia .nuevazona_compartir_dentro::after { content: none; }
body#body #intro_noticia .share_margin { margin: 0; }
body#body #intro_noticia .share_movil_boton,
body#body #intro_noticia .share_movil_comentarios {
  box-sizing: border-box;
  border: 1px solid var(--vc-ink);
  border-radius: 3px;
  box-shadow: 2px 2px 0 var(--vc-ink);
  background-color: #fff;
  background-position: center;
  width: 38px;
  height: 38px;
}
/* Iconos de tinta autocontenidos: los antiguos eran blancos sobre color. */
body#body #intro_noticia #share_fb_movil {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23191c22' d='M13.5 21v-8h2.7l.4-3h-3.1V8.1c0-.9.3-1.5 1.6-1.5H17V3.9c-.3 0-1.4-.1-2.6-.1-2.6 0-4.3 1.6-4.3 4.4V10H7.3v3h2.8v8z'/%3E%3C/svg%3E");
  background-size: 23px 23px;
}
body#body #intro_noticia #share_twitter_movil {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 4 14 16h-4L1 4z' transform='translate(2 0)' fill='none' stroke='%23191c22' stroke-width='1.7'/%3E%3Cpath d='M20 4 4 20' stroke='%23191c22' stroke-width='1.7'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}
body#body #intro_noticia #share_whatsapp_movil {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191c22' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.8a8.6 8.6 0 0 1-12.8 7.5L3 21l1.5-4.8A8.6 8.6 0 1 1 20.5 11.8Z'/%3E%3Cpath d='m8 7 2 3-1 1c1 2 2 3 4 3l1-1 3 2c-1 3-4 2-7 0S5 9 8 7Z'/%3E%3C/svg%3E");
  background-size: 22px 22px;
}
body#body #intro_noticia .share_movil_comentarios {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191c22' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v12h-9l-5 4v-4H4z'/%3E%3Cpath d='M8 8h8M8 12h5'/%3E%3C/svg%3E");
  background-size: 23px 23px;
}
body#body #intro_noticia .share_movil_comentarios {
  width: 70px;
  background-color: var(--vc-yellow);
  background-position: right 7px center;
}
body#body #intro_noticia #share_movil_comentarios_texto {
  color: var(--vc-ink);
  font: 700 15px/36px var(--vc-text);
  padding: 0 33px 0 5px;
  text-align: center;
}
body#body #intro_noticia .share_movil_boton:hover,
body#body #intro_noticia .share_movil_comentarios:hover { background-color: var(--vc-highlight); opacity: 1; }
body#body #intro_noticia .nuevocuadro_autor_compartir .autorarticulo {
  float: none;
  margin: 0;
  padding: 0;
  text-align: left;
  font: 400 12px/1.6 var(--vc-text);
}
body#body #intro_noticia .autorarticulo > a { color: var(--vc-ink); font-size: 14px; font-weight: 700; }
body#body #intro_noticia .autorarticulo > .mt03 { margin-top: 2px; }
body#body #intro_noticia .autorarticulo > .mt03 > .t09 { font-size: 11px; }

/* 06. Columnas. Sólo la fila principal; no altera grids de galerías u ofertas. */
body#body #articulo > .articulo.noticia.container {
  width: 100%;
  max-width: none;
  padding: 30px 25px 32px;
  margin: 0;
  box-sizing: border-box;
}
body#body #articulo > .articulo.noticia.container > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: start;
  gap: 20px;
  width: 100%;
  margin: 0;
}
body#body #articulo > .articulo.noticia.container > .row::before,
body#body #articulo > .articulo.noticia.container > .row::after { content: none; }
body#body #articulo > .articulo.noticia.container > .row > #articulo_noticia.span8 {
  float: none;
  clear: none;
  width: 100%;
  min-width: 0;
  max-width: none !important; /* La plantilla antigua contiene max-width !important. */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: var(--vc-ink);
  font-family: var(--vc-text);
}
body#body #articulo > .articulo.noticia.container > .row > .span4 {
  float: none;
  width: 300px;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
}
body#body #articulo_noticia #contenidonoticia.textart {
  width: 100%;
  margin: 0;
  padding: 0;
  font: 400 18px/1.72 var(--vc-text);
  color: var(--vc-ink);
  overflow-wrap: break-word;
}
body#body #contenidonoticia > p { margin: 0 0 1.35em; }
body#body #contenidonoticia > p:first-of-type { margin-top: 0; }
body#body #contenidonoticia :is(p, li) :is(b, strong) {
  color: inherit;
  font-weight: 700;
  background-image: linear-gradient(transparent 65%, var(--vc-highlight) 65%, var(--vc-highlight) 94%, transparent 94%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
body#body #contenidonoticia :is(p, li) a {
  color: var(--vc-link);
  text-decoration: underline;
  text-decoration-color: var(--vc-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
body#body #contenidonoticia :is(p, li) a:hover { text-decoration-thickness: 2px; }
body#body #contenidonoticia :is(h2, h3).titulo2,
body#body #contenidonoticia > :is(h2, h3) {
  position: relative;
  clear: both;
  box-sizing: border-box;
  width: fit-content;
  max-width: calc(100% - 4px);
  margin: 36px 4px 24px 0;
  padding: 11px 16px 12px;
  border: 2px solid var(--vc-ink);
  border-radius: 1px 1px 10px 1px;
  box-shadow: 4px 4px 0 var(--vc-ink);
  background: var(--vc-yellow);
  color: var(--vc-ink);
  font: 800 27px/1.16 var(--vc-display);
  letter-spacing: -.012em;
  text-align: left;
}
body#body #contenidonoticia :is(h2, h3) :is(b, strong) { font: inherit; background: none; }
body#body #contenidonoticia > blockquote:not(.instagram-media):not(.twitter-tweet):not(.tiktok-embed) {
  margin: 32px 4px 32px 0;
  padding: 22px 24px;
  border: 2px solid var(--vc-ink);
  border-left: 7px solid var(--vc-accent);
  box-shadow: 4px 4px 0 var(--vc-ink);
  background: var(--vc-tint);
  color: var(--vc-ink);
  font: 800 25px/1.25 var(--vc-display);
}
body#body #contenidonoticia > blockquote:not(.instagram-media):not(.twitter-tweet):not(.tiktok-embed) > p:last-child { margin-bottom: 0; }

/* Bocadillo de cómic: conserva .cita, .cita_comillas y .cita_texto. */
body#body #contenidonoticia .cita {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  position: relative;
  float: none;
  clear: both;
  width: auto;
  max-width: calc(100% - 7px);
  box-sizing: border-box;
  margin: 38px 7px 58px 0;
  padding: 28px 32px 28px 25px;
  border: 3px solid var(--vc-ink);
  border-radius: 42px 48px 40px 25px / 34px 40px 36px 28px;
  box-shadow: none;
  filter: drop-shadow(5px 6px 0 var(--vc-ink));
  background: #fff;
  color: var(--vc-ink);
  overflow: visible;
}
body#body #contenidonoticia .cita::before,
body#body #contenidonoticia .cita::after {
  content: "";
  display: block;
  position: absolute;
  clear: none;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 0;
  pointer-events: none;
  clip-path: polygon(0 0, 100% 0, 6% 100%);
}
/* La pieza blanca abre el contorno inferior sin una línea atravesando la cola. */
body#body #contenidonoticia .cita::before {
  left: 57px;
  bottom: -27px;
  width: 40px;
  height: 30px;
  background: var(--vc-ink);
}
body#body #contenidonoticia .cita::after {
  left: 60px;
  bottom: -23px;
  width: 34px;
  height: 28px;
  background: #fff;
}
body#body #contenidonoticia .cita > .cita_comillas {
  display: grid;
  place-items: center;
  float: none;
  position: static;
  width: 48px;
  height: 52px;
  margin: 0;
  padding: 12px 0 0;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--vc-accent);
  font: 700 82px/1 Georgia, "Times New Roman", serif;
  text-align: center;
}
body#body #contenidonoticia .cita > .cita_texto {
  float: none;
  position: static;
  width: auto;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  color: var(--vc-ink);
  background: transparent;
  font: 800 27px/1.25 var(--vc-display);
  letter-spacing: -.01em;
  text-align: left;
  overflow-wrap: break-word;
}
body#body #contenidonoticia .cita_texto > p { margin: 0 0 .6em; font: inherit; color: inherit; }
body#body #contenidonoticia .cita_texto > p:last-child { margin-bottom: 0; }
body#body #contenidonoticia .cita_texto :is(b, strong) { font-weight: inherit; background: none; }
body#body #contenidonoticia .cita_texto a { color: var(--vc-link); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767px) {
  body#body #contenidonoticia .cita {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
    margin-top: 30px;
    margin-bottom: 54px;
    padding: 22px 20px 22px 16px;
    border-radius: 32px 38px 32px 22px / 30px 34px 28px 24px;
    filter: drop-shadow(4px 5px 0 var(--vc-ink));
  }
  body#body #contenidonoticia .cita > .cita_comillas {
    width: 32px;
    height: 40px;
    padding-top: 9px;
    font-size: 62px;
  }
  body#body #contenidonoticia .cita > .cita_texto { font-size: 23px; line-height: 1.3; }
}
body#body #contenidonoticia :is(figure, .figura_maquetacion_3) { max-width: 100%; }
body#body #contenidonoticia figcaption {
  font: 400 12px/1.5 var(--vc-text);
  color: var(--vc-muted);
  text-align: left;
  padding: 10px 0;
}

/* 07. Ficha de autor y relacionados existentes. */
body#body #articulo .cuadro_autor_informacion {
  position: relative;
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  width: auto;
  min-width: 0;
  margin: 30px 4px 28px 0;
  padding: 16px 18px 16px 22px;
  border: 1px solid var(--vc-ink);
  border-radius: 3px 8px 3px 3px;
  background: linear-gradient(90deg, var(--vc-accent) 0 3px, #fafaf8 3px 100%);
  box-shadow: 3px 3px 0 var(--vc-ink);
  box-sizing: border-box;
  scroll-margin-top: 125px;
}
body#body #articulo .cuadro_autor_informacion::after,
body#body #articulo .cuadro_autor_info::after,
body#body #articulo .cuadro_autor_info1::after,
body#body #articulo .cuadro_autor_redes::after { content: none; }
body#body #articulo .cuadro_autor_foto {
  float: none;
  width: 60px;
  margin: 0;
  padding: 0;
}
body#body #articulo .cuadro_autor_foto img {
  display: block;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  margin: 0;
  border: 1px solid var(--vc-ink);
  border-radius: 3px;
  object-fit: cover;
  box-shadow: 2px 2px 0 var(--vc-ink);
}
body#body #articulo .cuadro_autor_info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}
body#body #articulo .cuadro_autor_info1 {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
  margin: 0;
  padding: 0;
}
body#body #articulo .cuadro_autor_nombre {
  float: none;
  margin: 0;
  padding: 0;
  color: var(--vc-ink);
  font: 700 20px/1.25 var(--vc-text);
  overflow-wrap: anywhere;
}
body#body #articulo .cuadro_autor_nombre a {
  color: inherit;
  font: inherit;
  text-decoration: none;
}
body#body #articulo .cuadro_autor_nombre a:hover { text-decoration: underline; text-underline-offset: 4px; }
body#body #articulo .cuadro_autor_cargo {
  order: 0;
  float: none;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--vc-muted);
  font: 400 12px/1.4 var(--vc-text);
  letter-spacing: .04em;
  text-transform: uppercase;
}
body#body #articulo .cuadro_autor_redes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  float: none;
  margin: 0;
  padding: 0;
}
body#body #articulo .cuadro_autor_red {
  position: relative;
  float: none;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  margin: 0;
  border: 1px solid var(--vc-ink);
  border-radius: 3px;
  box-shadow: 2px 2px 0 var(--vc-ink);
  background-position: center;
  background-repeat: no-repeat;
}
body#body #articulo .cuadro_autor_red.share_movil_twitter_autor {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 4 14 16h-4L1 4z' transform='translate(2 0)' fill='none' stroke='%23191c22' stroke-width='1.7'/%3E%3Cpath d='M20 4 4 20' stroke='%23191c22' stroke-width='1.7'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}
body#body #articulo .cuadro_autor_red.share_movil_twitter_autor:hover { background-color: var(--vc-yellow); }
body#body #articulo .cuadro_autor_red > a {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
body#body #articulo .cuadro_autor_informacion a:focus-visible {
  outline: 3px solid var(--vc-link);
  outline-offset: 5px;
}
@media (max-width: 767px) {
  body#body #articulo .cuadro_autor_informacion {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
    padding: 14px 14px 14px 18px;
    align-items: center;
  }
  body#body #articulo .cuadro_autor_foto,
  body#body #articulo .cuadro_autor_foto img { width: 52px; }
  body#body #articulo .cuadro_autor_foto img { height: 52px; }
  body#body #articulo .cuadro_autor_nombre { font-size: 18px; line-height: 1.25; }
}
body#body #articulo .noticia_sugerencia_texto a { color: var(--vc-ink); }
body#body #articulo .noticia_sugerencia_texto { font-family: var(--vc-text); line-height: 1.4; }
body#body #articulo_noticia > .row:has(> .noticia_sugerencia) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 26px 0;
}
body#body #articulo_noticia > .row:has(> .noticia_sugerencia)::before,
body#body #articulo_noticia > .row:has(> .noticia_sugerencia)::after { content: none; }
body#body #articulo_noticia .noticia_sugerencia { float: none; width: auto; margin: 0; min-width: 0; }
body#body #articulo_noticia .noticia_sugerencia_texto { height: auto; }

/* 08. Lateral: orden editorial y numeración de viñeta. */
body#body #lateralnoticias { width: 100%; max-width: 300px; margin: 0; padding: 0; box-sizing: border-box; }
body#body #lateralnoticias .articulos_mas_vistos { margin: 0; }
body#body #lateralnoticias .articulos_mas_vistos_titulo {
  width: fit-content;
  margin: 0 4px 23px 0;
  padding: 8px 15px;
  border: 2px solid var(--vc-ink);
  border-radius: 1px;
  box-shadow: 4px 4px 0 var(--vc-ink);
  background: var(--vc-yellow);
  color: var(--vc-ink);
  font: 800 23px/1.1 var(--vc-display);
  letter-spacing: .01em;
  text-transform: uppercase;
}
body#body #lateralnoticias .articulos_mas_vistos_articulo {
  padding: 16px 0;
  border-top: 1px solid var(--vc-rule);
}
body#body #lateralnoticias .articulos_mas_vistos_articulo_foto { width: 43%; position: relative; }
body#body #lateralnoticias :is(.articulos_mas_vistos_articulo_foto2, .articulos_mas_vistos_articulo_foto3) {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  float: none;
  margin: 0;
  padding: 0;
}
body#body #lateralnoticias .articulos_mas_vistos_articulo_foto picture { display: block; }
body#body #lateralnoticias .articulos_mas_vistos_articulo_foto::before {
  position: absolute;
  z-index: 1;
  top: -5px;
  left: -3px;
  display: grid;
  place-items: center;
  float: none;
  box-sizing: border-box;
  width: 25px;
  height: 27px;
  margin: 0;
  border: 1px solid var(--vc-ink);
  background: var(--vc-yellow);
  color: var(--vc-ink);
  box-shadow: 2px 2px 0 var(--vc-ink);
  font: 800 18px/1 var(--vc-display);
}
body#body #lateralnoticias .articulos_mas_vistos_articulo_imagen {
  position: static;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid var(--vc-ink);
  box-sizing: border-box;
  border-radius: 1px;
}
body#body #lateralnoticias .articulos_mas_vistos_articulo_titular {
  width: 53%;
  margin-left: 4%;
  padding: 0;
  color: var(--vc-ink);
}
body#body #lateralnoticias .articulos_mas_vistos_articulo_titular_titulo {
  margin-left: 0;
  color: var(--vc-ink);
  font: 700 13px/1.35 var(--vc-text);
}
body#body #lateralnoticias a:hover .articulos_mas_vistos_articulo_titular_titulo { color: var(--vc-link); }

/* 09. Comunidad. Sólo estas pestañas: no afecta a las fichas de juegos.
 * El JS puede reescribir className como "fleft pest pselec" / "fleft pest".
 * Por eso se neutralizan float y clear sobre .pest, también tras el clic.
 */
body#body #globalwrap .seccionesjuego_wrapper:has(#comentariost) {
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: #fff;
  border-top: 2px solid var(--vc-ink);
  border-bottom: 1px solid var(--vc-rule);
  text-align: left;
  scroll-margin-top: 105px;
}
body#body #globalwrap .seccionesjuego:has(> #comentariost) {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  height: auto;
  max-height: none;
  box-sizing: border-box;
  margin: 0;
  padding: 18px 25px 17px;
  background: #fff;
  color: var(--vc-ink);
  font: 700 14px/1.3 var(--vc-text);
  text-align: left;
  text-transform: none;
}
body#body #globalwrap .seccionesjuego:has(> #comentariost)::before,
body#body #globalwrap .seccionesjuego:has(> #comentariost)::after { content: none; }
body#body #globalwrap .seccionesjuego:has(> #comentariost) > .pest {
  display: flex;
  align-items: stretch;
  float: none;
  clear: none;
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: 44px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 2px solid var(--vc-rule);
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
  color: var(--vc-ink);
  font: inherit;
  text-align: center;
  text-transform: none;
}
body#body #globalwrap .seccionesjuego:has(> #comentariost) > .pest > a {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-width: 0;
  box-sizing: border-box;
  padding: 10px 15px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: none;
  white-space: nowrap;
}
body#body #globalwrap .seccionesjuego:has(> #comentariost) > .pest > span {
  align-self: center;
  padding-right: 10px;
  color: var(--vc-muted);
  font: 400 12px/1.2 var(--vc-text);
}
body#body #globalwrap .seccionesjuego:has(> #comentariost) > .pest > span:empty { display: none; }
body#body #globalwrap .seccionesjuego:has(> #comentariost) > .pest:not(.pselec):hover {
  border-color: var(--vc-accent);
  background: var(--vc-tint);
}
body#body #globalwrap .seccionesjuego:has(> #comentariost) > .pest.pselec {
  border-color: var(--vc-ink);
  background: var(--vc-yellow);
  box-shadow: 3px 3px 0 var(--vc-ink);
}
body#body #globalwrap .seccionesjuego:has(> #comentariost) > .pest > a:focus-visible {
  outline: 3px solid var(--vc-link);
  outline-offset: 4px;
}
body#body #globalwrap #comentariosp .pildora { border-radius: 2px; background: var(--vc-tint); }
body#body #globalwrap #comentariosp .pildora a,
body#body #globalwrap #comentariosp .pildora .falsolink { color: var(--vc-link); }
body#body #globalwrap #comentariosp .pildora:hover { background: var(--vc-highlight); }
body#body #globalwrap :is(#comentariosp, #valoradosp, #amigosp, #expertosp) { max-width: 100%; box-sizing: border-box; }
body#body #comentarios .unpost_comentarios { padding: 18px 0; border-bottom: 1px solid var(--vc-rule); }
body#body #comentarios .unpost_cita { border-left: 3px solid var(--vc-accent); border-radius: 0; background: var(--vc-tint); }

/* 10. Foco visible y anclas bajo la cabecera fija. */
body#body #articulo a:focus-visible,
body#body #cabecera_wrap :is(a, input, button):focus-visible,
body#body #comentariosp a:focus-visible {
  outline: 3px solid var(--vc-link);
  outline-offset: 4px;
}
body#body :is(#contenidonoticia h2, #contenidonoticia h3, #comentarios) { scroll-margin-top: 105px; }

/* 11. Tablet: una columna de lectura, sin comprimir el texto junto a 300px. */
@media (max-width: 979px) {
  body#body #articulo > .articulo.noticia.container > .row { grid-template-columns: minmax(0, 1fr); }
  body#body #articulo > .articulo.noticia.container > .row > #articulo_noticia.span8 { max-width: 680px !important; margin-inline: auto; }
  body#body #articulo > .articulo.noticia.container > .row > .span4 { max-width: 100%; margin-inline: auto; }
  body#body #articulo #intro_noticia.intro_noticia2 { max-width: none; }
  body#body #articulo #intro_noticia .articulofrontal > h1.mt07 { font-size: clamp(34px, 5.2vw, 48px); }
}

/* 12. Móvil: aire suficiente y sombras más cortas, sin recortar contenido. */
@media (max-width: 767px) {
  body#body #cabecera1_cen { width: 145px; }
  body#body #cabecera1_cen img { max-width: 145px; max-height: 30px; height: 30px; }
  body#body #articulo #intro_noticia.intro_noticia2 { padding: 23px 18px 0; }
  body#body #intro_noticia .migaja2 { font-size: 10px; margin-bottom: 22px; }
  body#body #intro_noticia .migaja2 ol { padding: 4px 8px; }
  body#body #articulo #intro_noticia .articulofrontal > h1.mt07 { font-size: 36px; line-height: 1.06; margin-bottom: 18px; letter-spacing: -.015em; }
  body#body #intro_noticia .articulofrontal .descart { font-size: 16px; line-height: 1.5; padding-left: 12px; border-left-width: 3px; }
  body#body #articulo #intro_noticia #maxwidthnoticia.pt05.mb1.mt15 { margin-top: 23px; padding-right: 4px; padding-bottom: 4px; }
  body#body #intro_noticia #maxwidthnoticia .imagenprincipal { box-shadow: 4px 4px 0 var(--vc-ink); }
  body#body #articulo #intro_noticia .nuevocuadro_autor_compartir { margin-top: 18px; padding-bottom: 20px; gap: 16px; }
  body#body #intro_noticia .nuevazona_compartir { margin: 0; }
  body#body #articulo > .articulo.noticia.container { padding: 25px 18px 28px; }
  body#body #articulo_noticia #contenidonoticia.textart { font-size: 17px; line-height: 1.7; }
  body#body #contenidonoticia :is(h2, h3).titulo2,
  body#body #contenidonoticia > :is(h2, h3) { font-size: 25px; margin-top: 30px; padding: 10px 13px; }
  body#body #globalwrap .seccionesjuego:has(> #comentariost) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 16px 18px 18px;
    font-size: 13px;
  }
  body#body #globalwrap .seccionesjuego:has(> #comentariost) > .pest > a { padding: 10px; }
  body#body #articulo_noticia > .row:has(> .noticia_sugerencia) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
}
@media (max-width: 359px) {
  body#body #articulo #intro_noticia .articulofrontal > h1.mt07 { font-size: 32px; }
  body#body #cabecera1_cen { width: 126px; }
  body#body #cabecera1_cen img { max-width: 126px; }
}

/* Impresión: tinta, enlaces y jerarquía sin sombras decorativas. */
@media print {
  body#body { background: #fff; }
  body#body #articulo { border-top: 0; }
  body#body #articulo > .articulo.noticia.container > .row { display: block; }
  body#body #articulo #intro_noticia::before { display: none; }
  body#body #articulo :is(.imagenprincipal, .migaja2 ol, h2.titulo2, h3.titulo2, blockquote, .cita, .cita_comillas) { box-shadow: none; }
  body#body #contenidonoticia .cita { filter: none; }
}