/* Estilos adicionales */
body {
  font-family: Montserrat, Lato;
  background-color: #ffffff;
  color: #555555;
}

h1 {
  font-size: 3rem;
}

/* NAVBAR */
.navbar {
  font-size: 0.9rem;
}

.navbar-brand, .nav-link {
  color: #fff;
}

.navbar-brand img, .nav-link img {
  max-width: 120px;
}

.navbar-brand:hover, .nav-link:hover {
  color: #cfeaf6;
  /* Efecto hover */
}

.nav-tabs .nav-link {
  color: #495057;
}

.nav-tabs:hover .nav-link:hover {
  color: #495057;
}

.navbar-toggler {
  border: none;
}

.navbar-toggler:focus, .navbar-toggler:active {
  border: none;
  box-shadow: none;
}

.main {
  background-color: #fff;
  padding: 2rem;
}

/* CARRUSEL */
.carousel img {
  object-fit: cover;
  height: 650px;
}

.modal-body .carousel {
  height: 100%;
}

.modal-body .carousel-inner {
  height: 100%;
}

.modal-body .carousel-item {
  height: 100%;
}

.modal-body .carousel-item img {
  height: 100%;
}

/* FOOTER */
footer {
  background-color: #336699;
  color: #fff;
}

footer p {
  margin: 0;
}

.navbar {
  background-color: #ffffff;
}

.navbar-brand img {
  max-width: 200px;
  margin: 20px;
}

.nav-link {
  color: #237b91 !important;
}

.navbar-toggler {
  border: none;
}

.ellipsis {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

footer {
  background-color: #237b91 !important;
}

.btn-primary {
  background-color: #237b91 !important;
  border: none;
}