/* HIPERDIARIO - USABILIDAD MÓVIL (Google Search Console) */
/* Esto NO mejora la indexación directamente (eso depende de robots.txt,
   sitemap, contenido y enlaces internos), pero sí corrige señales de
   "Usabilidad móvil" que Google reporta y que afectan el posicionamiento. */

@media (max-width:768px){

  /* ===== EVITAR SCROLL HORIZONTAL (muy penalizado) ===== */
  html, body{
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  img:not(.custom-logo):not(.site-logo), video, iframe, table{
    max-width: 100% !important;
    height: auto !important;
  }

  /* ===== TEXTO LEGIBLE SIN ZOOM ===== */
  body, p, li, a{
    font-size: 16px !important;
  }

  /* ===== ÁREAS TÁCTILES SUFICIENTES (mínimo ~44-48px) ===== */
  /* Excluye el carrusel/slider para no romper su diseño */
  a:not(.carousel-item):not(.carousel-control-prev):not(.carousel-control-next),
  button:not(.owl-nav button),
  .btn,
  input[type="submit"]{
    min-height: 44px !important;
  }

  /* Espaciado entre links seguidos para que no se toquen por error */
  nav a, .menu a, .menu-item a{
    padding: 10px 12px !important;
  }

  /* ===== EVITAR QUE POP-UPS/BANNERS TAPEN CONTENIDO ===== */
  /* Ajusta estos selectores según el plugin de pop-up/newsletter que uses */
  .hda-sticky-footer,
  #hda-sticky{
    max-height: 90px !important;
  }

}