.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(--colorA);

  font-size: 1rem;

  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/logo.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;
}