/* responsive.css */

/* Dispositivos móviles (hasta 576px) */
@media (max-width: 576px) {
    h1 {
      font-size: 1.5rem;
    }
  
    nav.navbar {
      font-size: 0.9rem;
    }
  
    .carousel-item img {
      max-width: 80%;
      margin: 0 auto;
    }
  }
  
  /* Tablets y pantallas medianas (576px a 768px) */
  @media (min-width: 576px) and (max-width: 768px) {
    .col-md-6 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  
    .container {
      padding: 0 20px;
    }
  }
  
  /* Pantallas grandes (768px en adelante) */
  /* Ajusta si lo consideras necesario */
  @media (min-width: 768px) {
    .navbar-brand {
      font-size: 1.25rem;
    }
  }