/* HIPERDIARIO - PERFORMANCE / CLS / LEGIBILIDAD MÓVIL */
/* Nota: el CSS no afecta el ranking de Google Discover ni si una IA
   te cita directamente. Esto ayuda a Core Web Vitals (CLS, legibilidad),
   que SÍ son señal de ranking y SÍ favorecen que el contenido se vea
   limpio cuando un crawler o IA renderiza la página. */

@media (max-width:768px){

  /* ===== EVITAR LAYOUT SHIFT EN IMÁGENES ===== */
  /* Reserva espacio antes de que la imagen cargue, evita "saltos" */
  /* Solo aplica a imágenes de tarjetas de noticias, NO al logo ni otras imágenes del sitio */
  .recent-news .post figure{
    aspect-ratio: 16 / 9 !important;
  }

  .recent-news .post figure img{
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  /* ===== EVITAR LAYOUT SHIFT EN ANUNCIOS ===== */
  /* Reserva un alto mínimo fijo para los bloques de Adsense
     (ajusta el valor según el tamaño real de tus anuncios) */
  ins.adsbygoogle{
    min-height: 250px !important;
    display: block !important;
    background: #f5f5f5 !important;
  }

  /* ===== LEGIBILIDAD / CONTRASTE ===== */
  body{
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }

  h1, h2, h3{
    line-height: 1.3 !important;
  }

  p{
    color: #1a1a1a !important;
  }

  /* Evitar texto demasiado pequeño en móvil (mínimo legible) */
  .date, small, .meta{
    font-size: 0.8rem !important;
  }

}