/* Ajustes de Tabulado (04-10-2026). Se carga despues de style.min.css. */

/* 1. Tablet (768-991 px) con los mismos tamanos de titulo que escritorio */
@media (min-width: 768px) and (max-width: 991px) {
  h1, .h1 { font-size: 2.5rem; }
  h2, .h2 { font-size: 2rem; }
  h3, .h3 { font-size: 1.5rem; }
  h4, .h4 { font-size: 1.25rem; }
  h5, .h5 { font-size: 1rem; }
  h6, .h6 { font-size: 0.875rem; }
  .heading-large { font-size: 3.25rem; }
}

/* 2. Portada en celular: titulos de notas -2 px, texto -1 px */
@media (max-width: 767px) {
  .home-template .hero-post-card .post-title,
  .home-template .post-card .post-title { font-size: 1.375rem; }      /* 24 -> 22 px */
  .home-template .hero-post-card .post-excerpt { font-size: 1.0625rem; } /* 18 -> 17 px */
  .home-template .post-card .post-excerpt { font-size: 0.9375rem; }    /* 16 -> 15 px */
}

/* 3. Notas en celular: justificado, sin division de palabras */
@media (max-width: 767px) {
  .single-post-content p,
  .single-post-content li { text-align: justify; }
}

/* 4. Celular: texto de las notas a 15 px (antes 16) y margenes laterales mas angostos */
@media (max-width: 767px) {
  .single-post-content { font-size: 0.9375rem; }
  .container { padding-left: 12px; padding-right: 12px; }   /* antes 20 px */
  .row { margin-left: -12px; margin-right: -12px; }
  .row > [class*="col-"] { padding-left: 12px; padding-right: 12px; }
  .single-post-card { padding: 17px; }                   /* antes 32 px */
}