/* Fontstipografia para body*/

body {
    font-family: 'Montserrat';
  }
  
  .azul {
    color: #009DE2;
  }

  .morado {
    color: #6E3F81;
  }

  .blanco{
    color: white;
  }
  .mini {
    font-size: 15px;
  }
  .letra_menu {
    font-size: 13px;
  }
  .minimini {
    font-size: 8px;
    color: white;
  }
  .letra_mini_celular {
    font-size: 9px;
  }
  .minifooter{
    font-size: 13px;
  }
  .botonmini {
    height: 25px;
  }
  a {
    text-decoration: none;
    color: black;
  }
  a:hover {
    color: #009DE2;
  }
  
 
  .fondo-contacto{
    background-image: url("../img/contacto.png");
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
  }
  .inter{
    line-height: 3px;
  }
  .inter2{
    line-height: 20px;
  }

  /*------ Listas Circle ---------*/
  #lista {
    list-style: none;
  }
  #lista li::before {
      content: "\2022";
      color: #009de2;
      display: inline-block;
      width: 15px;
      margin-left: -1em;
      font-size: 26px;
      line-height: 10px;
  }
  .accordion-button:not(.collapsed) {
      background-color: #FFFFFF !important;
      border-bottom: 1px solid #FFFFFF !important;
  }

  /*Listas Circle Movil*/
  #lista-movil {
    list-style: none;
  }
  #lista-movil li::before {
      content: "\2022";
      color: #009de2;
      display: inline-block;
      width: 15px;
      margin-left: -1em;
      font-size: 26px;
      line-height: 10px;
  }
  .accordion-button:not(.collapsed) {
      background-color: #FFFFFF !important;
      border-bottom: 1px solid #FFFFFF !important;
  }
  @media only screen and (max-width: 600px) {
    .btn-flotante {
      font-size: 14px;
      padding: 12px 20px;
      bottom: 20px;
      right: 20px;
    }
  }

  /*------ Boton Flotante Lista ----------*/
  .btn-flotante2 {
    font-size: 16px; 
    border-radius: 50px;
    background-color: #009DE2;
    padding: 5px;
    position: fixed;
    bottom: 380px;
    right: 40px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
  }
  .btn-flotante2:hover {
    background-color: #6E3F81;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-7px);
  }
  @media only screen and (max-width: 600px) {
    .btn-flotante2 {
      font-size: 14px;
      padding: 3px;
      bottom: 400px;
      right: 20px;
    }
  }


  /*------ Boton Flotante Carrito ----------*/
  .btn-flotante {
    font-size: 16px; 
    border-radius: 50px; 
    background-color: #009DE2;
    padding: 5px;
    position: fixed;
    bottom: 300px;
    right: 40px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
  }
  .btn-flotante:hover {
    background-color: #6E3F81; 
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-7px);
  }
  @media only screen and (max-width: 600px) {
    .btn-flotante {
      font-size: 14px;
      padding: 3px;
      bottom: 320px;
      right: 20px;
    }
  }






/* Aminacion Ondas*/
#movimiento {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(0deg, #009DE2 0%, #6E3F81 100%);

  padding: 0;
}
.hero-waves {
	display: block;
	width: 100%;
	height: 60px;
	position: relative;
  }
  
  .wave1 use {
	-webkit-animation: move-forever1 10s linear infinite;
	animation: move-forever1 10s linear infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
  }
  
  .wave2 use {
	-webkit-animation: move-forever2 8s linear infinite;
	animation: move-forever2 8s linear infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
  }
  
  .wave3 use {
	-webkit-animation: move-forever3 6s linear infinite;
	animation: move-forever3 6s linear infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
  }
  
  
@media (min-width: 1024px) {
  #hero p {
    width: 60%;
  }
  #hero .carousel-control-prev, #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-width: 768px) {
  #hero .carousel-container {
    height: 90vh;
  }
  #hero h2 {
    font-size: 28px;
  }
}

.hero-waves {
  display: block;
  width: 100%;
  height: 60px;
  position: relative;
}

.wave1 use {
  -webkit-animation: move-forever1 10s linear infinite;
  animation: move-forever1 10s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave2 use {
  -webkit-animation: move-forever2 8s linear infinite;
  animation: move-forever2 8s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave3 use {
  -webkit-animation: move-forever3 6s linear infinite;
  animation: move-forever3 6s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

@-webkit-keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@-webkit-keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@-webkit-keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}


.borde-giratorio {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12rem;
  height: 12rem;
  border: 3px solid #6E3F81;
  margin-left: -6rem;
  margin-top: -6rem;
  border-radius: 100%;
  border-left-color: #009DE2;
  border-right-color: #009DE2;
  border-bottom-color: transparent;
  animation: 2s rotate infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(400deg);
  }
  100% {
    transform: rotate(1000deg);
  }
}

.marquee-w {
  position: relative;
  display: block;
  width: 100%;
  height: 150px;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}   
.marquee {
  position: absolute;
  display: block;
  margin: auto auto;
  white-space: nowrap;
  overflow: hidden;
}
.marquee2 {
  position: absolute;
  display: block;
  margin: auto auto;
  white-space: nowrap;
  overflow: hidden;
}
.marquee span {
  display: inline-block;
  padding-left: 100%;
  text-align: center;
  white-space: nowrap;
  min-width: 100%;
  height: 100%;
  line-height: 140px;
  font-size: 80px;
  animation: marquee 10s linear infinite;
}
.marquee2 span {
  animation-delay: 5s;
}
.marquee3 span {
  animation-delay: 3s;
}
@keyframes marquee {
  0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-100%, 0);
  }
}

@font-face {
  font-family: 'led_counter-7';
  src: url('../fonts/led_counter-7.ttf');
}
.puntos{
  font-family: led_counter-7;
}

@font-face {
  font-family: 'titulos_bold';
  src: url('../fonts/Montserrat-Bold.ttf');
}
.titulos{
  font-family: titulos_bold;
}