.scrolled {

  background-color: rgba(255, 255, 255, 0.74);

  transition: 1s;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -ms-transition: 1s;

  -o-transition: 1s;

  border-bottom: 6px solid var(--colorA) !important;

}

.textoMenuScroll {

  color: var(--colorC);

  font-size: 2rem;

  text-decoration: none;

  transition: 1s;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -ms-transition: 1s;

  -o-transition: 1s;

 border-bottom: none !important;
}

.textoMenuScroll:hover {
  color: var(--colorC) !important;

  font-size: 2.5rem;

  text-decoration: none;

  transition: 1s;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -ms-transition: 1s;

  -o-transition: 1s;

}

.textoMenuScroll2 {

  color: var(--colorA);

  font-size: 1rem;

  text-decoration: none;

  transition: 1s;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -ms-transition: 1s;

  -o-transition: 1s;

}

.textoMenuScroll:hover {

  color: var(--colorA);

  text-decoration: none;

  border-bottom: solid 2px var(--colorA);

  padding-bottom: 0.3rem !important;

  transition: 1s;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -ms-transition: 1s;

  -o-transition: 1s;

}

.textoMenuScroll2:hover {

  color: var(--colorA);

  text-decoration: none;

  border-bottom: solid 2px var(--colorA);

  padding-bottom: 0.3rem !important;

  transition: 1s;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -ms-transition: 1s;

  -o-transition: 1s;

}

.logo2 {

  transition: 1s;

  background-image: url('../../assets/img/logo/TRANSPORTES EL ARCA FONDO BLANCO.png') !important;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -ms-transition: 1s;

  -o-transition: 1s;

}

.menu {
  position: fixed;
  z-index: 1999;
  border-bottom: 6px solid rgba(255, 255, 255, 0);
}

.buscar2 {

  border-radius: 50px 50px 50px 50px;

  -webkit-border-radius: 50px 50px 50px 50px;

  -moz-border-radius: 50px 50px 50px 50px;

  -ms-border-radius: 50px 50px 50px 50px;

  -o-border-radius: 50px 50px 50px 50px;

  border: solid 1px var(--colorA);

  outline: none;

  background: none;

  transition: 1s;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -ms-transition: 1s;

  -o-transition: 1s;

}

.buscar2>input::placeholder,

.buscar2>i {

  color: var(--colorA) !important;

  transition: 1s;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -ms-transition: 1s;

  -o-transition: 1s;

}



.queEsAMAFondo {

  background-image: url('../../assets/img/que es ama/Encabezado 2.jpg');

  background-size: cover;

  background-position: center;



}

.queEsAMAFondo::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.5);

}

.w-63 {

  width: 80% !important;

}

.bg-dona-menu {

  background-color: rgb(255 255 255 / 60%);

  height: 0px;

  overflow: hidden;

}



.dona-color-scroll {

  color: var(--colorB) !important;

}

.menu-dona {
  z-index: 10;
  height: 100%;
  width: 50vw;
  background-color: white;
  left: 0;
  bottom: 0;
  position: fixed;
  margin-top: 3em;
  z-index: 9999999999999999999;
}

/*search*/
/* Estilos para el input de búsqueda */

/* Estilos para el recuadro de resultados */
.autocomplete-results {
  border: 1px solid #ccc;
  border-top: none;
  max-height: 200px;
  overflow-y: auto;
  background-color: #fff;
  width: 100%;
  z-index: 1000;
  display: none;
  display: none;
  position: fixed;
  inset: 0px;
  align-self: center;
}

#search {
  color: var(--colorA);
}

.autocomplete-results div {
  padding: 10px;
  cursor: pointer;
}

.autocomplete-results div:hover {
  background-color: #f0f0f0;
}

.txtA {
  color: var(--colorA);
}

.txtW {
  color: white;
}