/*
Theme Name: Ranking Político
Theme URI: https://rankingpolitico.net/
Author: Equipo ACN
Author URI: https://rankingpolitico.net/
Description: Tema propio de Ranking Político: el Baúl de la Política, Perfiles, Propuestas y Análisis. Portada por gavetas, artículo con columna derecha, categorías y buscador reales, modo Archivo Nocturno y Open Graph.
Version: 1.3
License: GNU General Public License v2 or later
Text Domain: rankingpolitico
*/

/* El cuerpo del artículo toma su color del tema (claro u oscuro);
   nunca se fuerza color en línea en el HTML del artículo. */
.rp-contenido {
  line-height: 1.8;
}
.rp-contenido p {
  margin-bottom: 1.1em;
}
.rp-contenido img {
  max-width: 100%;
  height: auto;
}
.rp-contenido h2, .rp-contenido h3 {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  margin: 1.2em 0 0.5em;
}
.rp-contenido ul, .rp-contenido ol {
  margin: 0 0 1.1em 1.4em;
}

/* Logo de cabecera: tamaño explícito, sin depender solo de
   utilidades de Tailwind (lección MediosACN v1.4/v1.5). */
.rp-logo img {
  height: 72px;
  width: auto;
  max-width: none;
  display: block;
}
@media (min-width: 640px) {
  .rp-logo img {
    height: 84px;
  }
}
/* En escritorio el logo manda en la cabecera, como en el demo
   (columna central de 240 px aprox.): 150 px de alto ≈ 204 px de ancho. */
@media (min-width: 1024px) {
  .rp-logo img {
    height: 150px;
  }
}

/* Paginación */
.rp-paginacion .nav-links {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.rp-paginacion .page-numbers {
  padding: 0.6rem 1rem;
  border: 1px solid #d8ceb8;
  font-size: 0.75rem;
  font-weight: 700;
  background: #fff;
}
.dark .rp-paginacion .page-numbers {
  background: #161513;
  border-color: #3a3733;
}
.rp-paginacion .page-numbers.current {
  background: #e61919;
  color: #fff;
  border-color: #e61919;
}

/* Formularios de comentarios: legibles en claro y oscuro */
.rp-comentarios input[type="text"], .rp-comentarios input[type="email"],
.rp-comentarios input[type="url"], .rp-comentarios textarea {
  width: 100%;
  border: 1px solid #d8ceb8;
  padding: 0.6rem 0.8rem;
  font-size: 0.9rem;
  background: #fff;
  color: #161513;
}
.dark .rp-comentarios input[type="text"], .dark .rp-comentarios input[type="email"],
.dark .rp-comentarios input[type="url"], .dark .rp-comentarios textarea {
  background: #161513;
  border-color: #3a3733;
  color: #faf7f0;
}
.rp-comentarios .comment-body {
  border: 1px solid #d8ceb8;
  padding: 1rem;
}
.dark .rp-comentarios .comment-body {
  border-color: #3a3733;
}

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