/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 21 2023 | 22:10:17 */
/*------------- Colores Globales---------------------*/
::root{
  --azul: #27BDFA;
  --morado: #7E72F3;
  --purpura: #9F54F0;
  --morado-brillante: #C037ED;
  --magenta: #F904E8;
  --cian-brillante: #00E0FF;
  --azul-marido: #011230;
  --azul-profundo: #0961D3;
}


/*------------------- Header -----------------------*/
.header_container{
    transition:.3s all ease;
    border-bottom:1px solid #ffffff54
}

.header_container.elementor-sticky--effects{
    background:#0700149e
}
.header_container .logo a{
    width:100%
}
.header_container .logo img{
    width:200px !important;
    height:55px;
    transition:.3s all ease
}

.header_container.elementor-sticky--effects .logo img{
    height:45px
}

/*------------- Boton ------------------------------*/

.boton_transparente .elementor-button {
  position: relative;
  padding: 8px 25px;
  display: inline-block;
  font-size: 18px;
  background: transparent;
  border-radius: 3em;
  transition: .3s all ease
}
.boton_transparente .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 2px 3px; /* control the border thickness */
  background: linear-gradient(180deg, #00E1FF, #FF00E9);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

.boton_transparente .elementor-button:hover{
  background: linear-gradient(180deg, #00E1FF, #FF00E9);
}

/*---------------------- Arrow Scroll -------------------------*/
.arrow-scroll .elementor-icon{
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
    padding:0px 5px;
    cursor:pointer
}

.arrow-scroll .elementor-icon::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 15px;
    padding: 2px 2px; /* control the border thickness */
    background: linear-gradient(180deg, #00E1FF, #FF00E9);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    height:50px;
    transform: translateY(-15px)
}


@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(20px); }
}

/*-------------------- Titulo flotante ---------------------------*/
.titulo_flotante{
  position: absolute;
  bottom: 50px;
  left:50px
}

.carrusel_titulos .slick-arrow.slick-disabled{
    opacity:.3
}

.linea-de-tiempo .jet-arrow::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    padding: 2px;
    background: linear-gradient(90deg, #00E1FF, #FF00E9);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}