/* ... [Resto completo del CSS original] ... */

/* ============================================= */
/*               MEDIA QUERIES                   */
/* ============================================= */
@media (max-width: 768px) {
  /* ... [Contenido completo de media queries] ... */
}

@media (min-width: 1024px) {
  /* Carrusel */
  .carousel-slide {
    flex: 0 0 30%;
  }
}

/* Opcional: Ocultar texto en móviles */
@media (max-width: 768px) {
    .menu-text {
        display: none;
    }
    .nav-links {
        gap: 1.2rem;
    }
}