/*
Theme Name: TeleMacro
Theme URI: https://telemacro.net/
Author: Equipo ACN
Author URI: https://telemacro.net/
Description: Tema propio de TeleMacro, construido desde el diseño enviado por José: geometría estricta sin bordes redondeados, barra cuádruple rojo/azul/verde/amarillo, portada de 3 columnas (Radar al Minuto, Cobertura Central y Lo más leído), artículo con foto destacada y relacionadas, y Open Graph para compartir. Sin contenido demo.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: telemacro
*/

/* Geometría estricta del demo: sin bordes redondeados. */
* { border-radius: 0 !important; }

.tm-logo-wordmark {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  letter-spacing: 0.05em;
  transform: scaleX(1.09);
  transform-origin: left center;
}
.tm-logo-slogan {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.hairline-grid {
  background-size: 40px 40px;
  background-image:
    linear-gradient(to right, rgba(148, 163, 184, 0.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #091d42; }
::-webkit-scrollbar-thumb { background: #E31E24; }

/* Cuerpo del artículo: tipografía de lectura, sin color de texto forzado
   en línea en el HTML (el tema aplica su color; en modo oscuro hereda el
   color claro del contenedor). */
.tm-contenido { line-height: 1.75; }
.tm-contenido p { margin-bottom: 1.1em; }
.tm-contenido h2, .tm-contenido h3 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin: 1.2em 0 0.5em;
}
.tm-contenido ul, .tm-contenido ol { margin: 0 0 1.1em 1.4em; }
.tm-contenido img { max-width: 100%; height: auto; }
.tm-contenido figure { margin: 0 0 1.2em; }
.tm-contenido figcaption { font-size: 11px; margin-top: 6px; }
.tm-contenido blockquote {
  padding: 1.25rem;
  border-left: 4px solid #E31E24;
  font-style: italic;
}
.tm-contenido a { text-decoration: underline; }

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

/* Comentarios */
.tm-comentarios input[type="text"],
.tm-comentarios input[type="email"],
.tm-comentarios input[type="url"],
.tm-comentarios textarea {
  width: 100%;
  border: 1px solid #cbd5e1;
  padding: 0.6rem 0.8rem;
  font-size: 0.9rem;
  background: #fff;
}
.dark .tm-comentarios input[type="text"],
.dark .tm-comentarios input[type="email"],
.dark .tm-comentarios input[type="url"],
.dark .tm-comentarios textarea { background: #0f172a; border-color: #334155; }
.tm-comentarios .comment-body { border: 1px solid #cbd5e1; padding: 1rem; }
.dark .tm-comentarios .comment-body { border-color: #334155; }

/* Panel de búsqueda del encabezado (oculto hasta pulsar el botón). */
.tm-search-panel { display: none; }
.tm-search-panel.open { display: block; }

/* Menú móvil (oculto hasta pulsar el botón, solo en pantallas chicas). */
@media (max-width: 1023px) {
  .tm-nav-links { display: none; }
  .tm-nav-links.open { display: flex; }
}