/* Eliminar flechas del input tipo number */
.form-control-no-arrows::-webkit-inner-spin-button,
.form-control-no-arrows::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-control-no-arrows {
  -moz-appearance: textfield;
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}


.carousel-item img {
  height: 700px;
  object-fit: cover;
}

@media (max-width: 768px) {
  .carousel-item img {
    height: 300px; /* o lo que se vea bien en tu diseño*/
  }
}



/* Main carousel style - ahora es responsivo */
.carousel {
  width: 100%;
  max-width: 100%;
}

/* Indicators list style */
.article-slide .carousel-indicators {
  bottom: 0;
  left: 0;
  margin-left: 5px;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* Indicators list style */
.article-slide .carousel-indicators li {
  border: none;
  border-radius: 0;
  height: 54px;
  margin: 2px;
  width: 80px;
}

/* Indicators images style */
.article-slide .carousel-indicators img {
  border: 2px solid #FFFFFF;
  height: 54px;
  width: 80px;
  object-fit: cover;
}

/* Indicators active image style */
.article-slide .carousel-indicators .active img {
  border: 2px solid #428BCA;
  opacity: 0.7;
}


/*Invisible Captcha agrega CSS para ocultar el campo invisible.*/
.invisible-captcha {
  display: none;
}



/* Dropdown anidados (submenús) para Bootstrap 5 */

.dropdown-menu .dropdown-menu {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  display: none;
  min-width: 220px;
}
.dropend:hover > .dropdown-menu,
.dropend:focus-within > .dropdown-menu {
  display: block;
}
.dropdown-menu > .dropend > .dropdown-toggle::after {
  transform: rotate(-90deg);
}