/* estilos.css */

/* Carrusel reducido y responsivo */
.carousel-img {
  height: 300px;
  object-fit: cover;
}

/* Pie de página */
footer {
  font-size: 0.9rem;
  background-color: #222;
  color: #fff;
}

/* Botones del listado */
.table button {
  white-space: normal;
}

/* Encabezados */
h1,
h2,
h3 {
  color: #1a1a1a;
  font-weight: bold;
}

/* Modal */
.modal-body img {
  border-radius: 10px;
}

/* Responsive ajustes adicionales */
@media (max-width: 768px) {
  .carousel-img {
    height: 200px;
  }

  h1 {
    font-size: 1.8rem;
  }

  h2 {
    font-size: 1.4rem;
  }
}

/* Enlaces de navegación */
.navbar-nav .nav-link.active {
  font-weight: bold;
  text-decoration: underline;
}

/* Ajustes generales */
body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f9f9f9;
  color: #333;
}