/*
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.20
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; }
}