/* =====================================================================
   Ajustes propios del tema WordPress (lo demás viene del prototipo:
   estilos.css + v2.css).
   ===================================================================== */

/* Contenido escrito en el editor de bloques */
.contenido-wp { max-width: 78ch; }
.contenido-wp > * + * { margin-top: 1em; }
.contenido-wp h2 { font-size: 26px; font-weight: 800; margin-top: 1.6em; }
.contenido-wp h3 { font-size: 20px; font-weight: 800; margin-top: 1.4em; }
.contenido-wp a { color: var(--c11-azul); text-decoration: underline; }
.contenido-wp ul, .contenido-wp ol { padding-left: 1.4em; }
.contenido-wp ul { list-style: disc; }
.contenido-wp ol { list-style: decimal; }
.contenido-wp img { border-radius: 12px; }
#descripcion { padding-block: 40px 0; }

/* Publicidad sobre fondo oscuro (En Vivo) */
.publicidad--oscura { background: var(--ink-2); border-color: var(--ink-3); }

/* Especial: imagen horizontal en el hero */
.ficha2-hero__grid--especial { grid-template-columns: 1fr; }
.especial-hero__img img { width: 100%; border-radius: 16px; aspect-ratio: 16 / 9; object-fit: cover; }
@media (min-width: 900px) {
  .ficha2-hero__grid--especial { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; }
}

/* Novela con video real */
.vplayer__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #000; }

/* Barra de administración de WordPress sobre la cabecera fija */
.admin-bar .cabecera { top: 32px; }
.admin-bar .subnav { top: calc(var(--header-h) + 32px); }
@media (max-width: 782px) { .admin-bar .cabecera { top: 0; } .admin-bar .subnav { top: var(--header-h); } }

/* Espacios de Google Ad Manager (reservan alto para que la página no salte al cargar el anuncio) */
.anuncio-slot { display: flex; justify-content: center; padding: 12px var(--gutter, 16px); min-height: 124px; }
.anuncio-slot .anuncio:empty { min-height: 100px; }
@media (min-width: 768px) { .anuncio-slot { min-height: 114px; } .anuncio-slot .anuncio:empty { min-height: 90px; } }
