/*
Theme Name: FRECUENCIA F MULTIMEDIOS
Theme URI: https://frefm.com/
Author: Medios ACN
Description: Tema propio de frefm.com: análisis claro y directo para entender el presente y anticipar el futuro.
Version: 1.4
License: GNU General Public License v2 or later
Text Domain: frefm
*/

/* Logo de cabecera: tamaño explícito en CSS + atributos width/height reales en el <img>.
   Lección MediosACN v1.4/v1.5: no fiar el tamaño del logo a utilidades de Tailwind. */
.ff-logo img { height: 56px; width: auto; max-width: none; display: block; }
@media (min-width: 640px) { .ff-logo img { height: 64px; } }
@media (min-width: 1024px) { .ff-logo img { height: 76px; } }
.ff-logo-pie img { height: 56px; width: auto; max-width: none; display: block; }

/* Cinta roja superior y acentos del demo. */
.ff-cinta { background: #14213D; }
.ff-titular { font-family: 'Montserrat', sans-serif; }
.ff-cuerpo { font-family: 'Inter', system-ui, sans-serif; }
.ff-serif { font-family: 'Merriweather', Georgia, serif; }

/* El contenido del artículo nunca lleva colores de texto forzados en línea:
   el tema aplica su color y así no se pierde en modo oscuro. */
.ff-articulo { color: #1c1917; line-height: 1.8; }
.ff-articulo p { margin-bottom: 1.25rem; }
.ff-articulo h2, .ff-articulo h3 { font-family: 'Montserrat', sans-serif; font-weight: 800; margin: 1.5rem 0 0.75rem; }
.ff-articulo img { max-width: 100%; height: auto; display: block; margin: 1.25rem auto; }
.ff-articulo ul, .ff-articulo ol { margin: 0 0 1.25rem 1.5rem; }

/* Leyenda debajo de la foto y fuente al final: siempre en letra muy pequeña. */
.ff-pie-foto, .ff-fuente { font-size: 11px; line-height: 1.4; }

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