/* Media Queries para diferentes tamaños de pantalla */

/* Dispositivos extra pequeños (teléfonos, 600px y menos) */
@media only screen and (max-width: 600px) {
  .blog-post-title {
    font-size: 1.5rem;
  }
  
  .step-section {
    padding: 0.8rem;
  }
  
  .sidebar-widget {
    margin-top: 2rem;
  }
}

/* Dispositivos pequeños (tablets verticales, 600px y más) */
@media only screen and (min-width: 600px) {
  .blog-post-title {
    font-size: 1.8rem;
  }
}

/* Dispositivos medianos (tablets horizontales, 768px y más) */
@media only screen and (min-width: 768px) {
  .blog-post-title {
    font-size: 2rem;
  }
  
  .blog-sidebar {
    padding-left: 1.5rem;
  }
}

/* Dispositivos grandes (laptops/desktops, 992px y más) */
@media only screen and (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

/* Dispositivos extra grandes (desktops grandes, 1200px y más) */
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}