/*
Theme Name: MediosACN
Theme URI: https://mediosacn.com/
Author: Equipo ACN
Author URI: https://mediosacn.com/
Description: Tema propio de MediosACN, construido desde el diseño aprobado por el periódico: portada con héroe y secundarias, sección de YouTube, explorador con las 9 categorías anteriores, lo más leído, encuestas funcionales con estadística y boletín, con modo oscuro.
Version: 1.26
License: GNU General Public License v2 or later
Text Domain: mediosacn
*/

/* Logo de la cabecera: tamaño explícito, sin depender de las utilidades
   de altura/ancho de Tailwind, que en la v1.4 dejaban la caja en 0 px. */
.macn-logo img {
  height: 56px;
  width: auto;
  max-width: none;
  display: block;
}

/* Contenido del artículo: lectura cómoda y foto a todo ancho. */
.macn-contenido p {
  margin-bottom: 1.1em;
  line-height: 1.75;
}
.macn-contenido img {
  max-width: 100%;
  height: auto;
  border-radius: 0.75rem;
}
.macn-contenido h2, .macn-contenido h3 {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  margin: 1.2em 0 0.5em;
}
.macn-contenido ul, .macn-contenido ol {
  margin: 0 0 1.1em 1.4em;
}

/* Paginación */
.macn-paginacion .nav-links {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.macn-paginacion .page-numbers {
  padding: 0.6rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  font-size: 0.75rem;
  font-weight: 700;
  background: #fff;
}
.dark .macn-paginacion .page-numbers {
  background: #0f172a;
  border-color: #1e293b;
}
.macn-paginacion .page-numbers.current {
  background: #0284c7;
  color: #fff;
  border-color: #0284c7;
}

/* Formulario de comentarios: campos legibles en claro y oscuro */
.macn-comentarios input[type="text"],
.macn-comentarios input[type="email"],
.macn-comentarios input[type="url"],
.macn-comentarios textarea {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 0.6rem 0.8rem;
  font-size: 0.9rem;
  background: #fff;
  color: #1e293b;
}
.dark .macn-comentarios input[type="text"],
.dark .macn-comentarios input[type="email"],
.dark .macn-comentarios input[type="url"],
.dark .macn-comentarios textarea {
  background: #0f172a;
  border-color: #334155;
  color: #f1f5f9;
}
.macn-comentarios .comment-form-author label,
.macn-comentarios .comment-form-email label,
.macn-comentarios .comment-form-url label,
.macn-comentarios .comment-form-comment label {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.3rem;
}
.macn-comentarios .comment-body {
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 1rem;
}
.dark .macn-comentarios .comment-body {
  border-color: #334155;
}

/* Publicidad lateral fija 160x600: dos rascacielos pegados al cuerpo,
   fijos en pantalla al hacer scroll. Solo PC de pantalla ancha
   (>=1640px) para no tapar el contenido; en pantallas menores
   y en móvil quedan ocultos. */
.acn-sky { display: none; }
@media (min-width: 1640px) {
  .acn-sky {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    position: fixed; top: 50%; transform: translateY(-50%);
    width: 160px; height: 600px; z-index: 30;
    border: 2px dashed #cbd5e1; background: #f8fafc;
  }
  .acn-sky-left { left: auto; right: calc(50% + 640px + 12px); }
  .acn-sky-right { left: calc(50% + 640px + 12px); right: auto; }
  .acn-sky-label { font-family: monospace; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #94a3b8; text-align: center; }
  .acn-sky-size { font-family: monospace; font-size: 12px; color: #94a3b8; }
}

/* Publicidad RLCD (v1.21): los rascacielos laterales muestran el banner del evento. */
.acn-sky-ad { border: none; background: none; padding: 0; overflow: hidden; }
.acn-sky-ad a { display: block; line-height: 0; }
.acn-sky-ad img { width: 160px; height: 600px; object-fit: cover; display: block; }

/* Ajuste de ancho en móvil (2026-11-03): ninguna columna, foto ni anuncio
   puede salirse del cuadro de la pantalla; la página no se mueve a los lados. */
html, body { overflow-x: clip; }
.grid > * { min-width: 0; }
article, aside, main { min-width: 0; }
img, video, iframe, table, figure { max-width: 100%; }

/* Corrección 2026-11-13: los laterales quedan DENTRO de su zona (el
   contenido principal, entre el encabezado y el pie). El carril ocupa
   la zona completa y la caja de 600px se pega solo dentro del carril:
   ya no flota sobre el logo, el menú, los comentarios ni el pie. */
.acn-sky-zone { position: relative; }
@media (min-width: 1640px) {
  .acn-sky {
    display: block; position: absolute; top: 0; bottom: 0; height: auto;
    transform: none; width: 160px; z-index: 30; border: none; background: none;
  }
  .acn-sky-left { left: auto; right: calc(50% + 640px + 12px); }
  .acn-sky-right { left: calc(50% + 640px + 12px); right: auto; }
  .acn-sky-stick {
    position: sticky; top: 12px; height: 600px; overflow: hidden;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    border: 2px dashed #cbd5e1; background: #f8fafc;
  }
}

.acn-sky-ad .acn-sky-stick { border: none; background: none; }