html {
  font-size: 18px;
}

span.navbar-title {
  display: block;
}

span.navbar-subtitle {
  display: block;
  font-size: 0.7em;
}

@media (min-width: 768px) {
  .width-md-120px {
    width: 120px !important;
  }
}

@media (min-width: 768px) {
  .width-md-240px {
    width: 240px !important;
  }
}

img.propiedad-img {
  width: 100%;
  height: 100%;
  max-height: 300px;
  object-fit: cover;
}

@media (min-width: 768px) {
  img.propiedad-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.icon {
  width: 1.2em;
  height: 1.2em;
  fill: currentColor; /* Hereda el color del texto */
  vertical-align: text-top;
}

td.propiedad-data {
  text-align: right;
  font-size: 0.9rem !important;
}

.nav-link:hover {
  background-color: #495057; /* bg-secondary */
}

.carousel {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  background-color: #1a1a1a;
}

.carousel-inner,
.carousel-item {
  height: 100%;
}

img.carousel-img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.modal,
.modal-dialog,
.modal-content,
.modal-body {
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  background-color: #1a1a1a;
  border: 0;
  padding: 0;
  margin: 0;
}

#modal-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

img.carrusel-img {
  height: 200px;
  object-fit: contain;
  width: 100%;
  background-color: #f0f1f2;
}