/* =========================
   RESPONSIVE.CSS
   Ajustes adaptativos para pantallas pequeñas
========================= */

@media (max-width: 992px) {
  .header {
    flex-direction: column;
    text-align: center;
  }

  .nav {
    margin-top: 10px;
  }

  .card img {
    height: 160px;
  }
}

@media (max-width: 600px) {
  body {
    font-size: 14px;
  }

  .header {
    padding: 10px;
  }

  .btn-primary {
    width: 100%;
  }

  .card-info {
    padding: 10px;
  }
}