.size-icon {
  width: 30px;
  height: 30px;
}

.content-box {
  flex: 1 1 400px;
}

.form-box {
  flex: 0 1 400px;
  min-width: auto;
}

/* ============================================
   ESTILOS DE LOS DETALLES EXPANDIBLES DEL ITINERARIO
   ============================================ */

details {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
}

details summary {
  list-style: none;
}

details summary::-webkit-details-marker {
  display: none;
}

details[open] {
  summary {
    border-bottom: var(--bs-border-width) var(--bs-border-style)
      var(--bs-border-color);
  }

  summary i.fa-chevron-down {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
  }
}

/* details.summary-hover:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 1px;
} */

/* ============================================
   ESTILOS DEL CARRUSEL DEL BANNER DE TOURS
   ============================================ */

#tourCarousel {
  height: 60dvh;
  height: 60vh;
  max-height: 850px;

  /* 1 slide */
  &:has(.tour-slide:only-child) .tour-slide {
    width: 100%;
  }

  /* 2 slides */
  &:has(.tour-slide:nth-child(2)):not(:has(.tour-slide:nth-child(3)))
    .tour-slide {
    width: 50%;
  }

  /* 3 slides */
  &:has(.tour-slide:nth-child(3)):not(:has(.tour-slide:nth-child(4)))
    .tour-slide {
    width: 33.33%;
  }

  /* Default: 4+ */
  .tour-slide {
    width: 33.33%;
  }

  .tour-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* Tablets */
@media (max-width: 1024px) {
  #tourCarousel .tour-slide {
    width: 50%;
  }
}

/* Móviles */
@media (max-width: 768px) {
  #tourCarousel {
    height: 50dvh;
    height: 50vh;
  }
  #tourCarousel .tour-slide {
    width: 100%;
  }
}