/* CSXXI – Mejoras de celular para todo el sitio */

@media (max-width: 767px) {

  /* --- Notas: el texto usaba 295 de 375 px por padding triple; ahora 343 px --- */
  .single-post .grid-container,
  .single-post .cell.large-auto {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* La grilla compensa con márgenes negativos un padding que ya no existe */
  .single-post .grid-x.grid-padding-x,
  .single-post .grid-x.grid-margin-x {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Publicidad de cabecera compacta: que no empuje el logo y la nota hacia abajo */
  .csx-ad--header_top .csx-ad__label {
    display: none;
  }

  .csx-ad--header_top .csx-ad__house {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 50px;
    padding: 8px 12px;
    justify-content: space-between;
  }

  .csx-ad--header_top .csx-ad__house-text {
    display: none;
  }

  .csx-ad--header_top .csx-ad__house-title {
    font-size: 15px;
  }

  .single-content-wrap {
    padding: 16px !important;
    border-radius: 0;
  }

  /* Foto de cabecera más baja: el título aparece sin tener que bajar */
  .single-post-feat-bg-outer {
    max-height: 200px;
    overflow: hidden;
  }

  /* Migas de pan: en celular solo ocupan lugar */
  .single-post .breadcrumb-wrap {
    display: none;
  }

  .single-title .entry-title {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }

  .single-entry h2 {
    font-size: 21px !important;
  }

  .single-entry h3 {
    font-size: 19px !important;
  }

  /* Imágenes y videos embebidos nunca más anchos que la pantalla */
  .single-entry img,
  .single-entry iframe,
  .single-entry video,
  .single-entry figure {
    max-width: 100% !important;
  }

  .single-entry iframe {
    width: 100%;
  }

  .single-entry figure {
    margin-left: 0;
    margin-right: 0;
  }

  /* Barra lateral: la lista de 40 categorías ocupaba 2.300 px de scroll */
  .widget_categories {
    display: none !important;
  }

  .widget_recent_entries li {
    padding: 4px 0;
  }

  /* Navegación anterior / siguiente cómoda para el dedo */
  .single-nav a {
    display: block;
    padding: 12px 0;
  }

  /* --- Listados de categorías: tarjetas en una columna, sin aire de más --- */
  .archive .grid-container,
  .search .grid-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .archive .post-title,
  .search .post-title {
    font-size: 18px !important;
  }

  /* Paginación con botones grandes */
  .pagination .page-numbers,
  .nav-links .page-numbers {
    display: inline-block;
    min-width: 44px;
    min-height: 44px;
    line-height: 44px;
    text-align: center;
  }

  /* --- Pie: enlaces apilados y legibles --- */
  .elementor-location-footer .elementor-widget-text-editor,
  .elementor-location-footer p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  /* El botón "volver arriba" no debe tapar la barra de publicidad */
  .scroll_to_top {
    bottom: 84px !important;
  }

  /* Evita el zoom automático de iOS al tocar campos de búsqueda/formularios */
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}