.elementor-8930 .elementor-element.elementor-element-f79bfc2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-repeater-item-3bf9420 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://tecnoayudasistemas.com/wp-content/uploads/2026/05/ChatGPT-Image-10-may-2026-20_53_24.webp);background-size:cover;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-repeater-item-3bf9420 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-repeater-item-0110cd6 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://tecnoayudasistemas.com/wp-content/uploads/2026/05/ChatGPT-Image-10-may-2026-22_16_32.webp);background-size:cover;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-repeater-item-0110cd6 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-slide{transition-duration:calc(5000ms*1.2);height:1000px;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-slide-button{background-color:var( --e-global-color-astglobalcolor1 );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;border-width:0px;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-slide-contents{max-width:100%;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-slide-inner{text-align:center;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-slide-heading{color:var( --e-global-color-astglobalcolor5 );font-family:"Poppins", Sans-serif;font-size:72px;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-slide-description{color:#F5F5F5CC;font-size:24px;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-swiper-button{font-size:23px;color:var( --e-global-color-astglobalcolor5 );}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-swiper-button svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-pagination-bullet{height:13px;width:13px;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-horizontal .swiper-pagination-progressbar{height:13px;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-pagination-fraction{font-size:13px;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#F2C84A;opacity:1;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-pagination-bullet-active{background-color:#727272;}@media(max-width:767px){.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-slide{height:700px;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-slide-heading{font-size:36px;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-slide-description{font-size:18px;}.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-slide-button{font-size:18px;}}/* Start custom CSS for slides, class: .elementor-element-3a08ae9 *//* Estilo para las flechas */
.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-swiper-button {
    border: 1px solid #0b81ad33; /* Borde suave */
    border-radius: 50%; /* Las hace circulares */
    width: 50px;
    height: 50px;
    background-color: #0b81ad14;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Efecto al pasar el cursor (Hover) */
.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-swiper-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #46A5B4; /* Color cian de tu marca */
}

/* Ajustar el tamaño del icono de la flecha */
.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-swiper-button i {
    font-size: 18px;
    color: #ffffff;
}




/* Estilo base del botón */
.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-button {
    background: #0081ab; /* Tu color base azul */
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
}

/* El destello blanco */
.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent);
    transform: skewX(-25deg);
    transition: none;
}

/* Animación al hacer Hover */
.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.6s ease;
}

.elementor-8930 .elementor-element.elementor-element-3a08ae9 .elementor-button:hover {
    background: #0099cc; /* Un azul un poco más brillante */
    box-shadow: 0px 10px 20px rgba(0, 129, 171, 0.4); /* Sombra elegante */
    transform: translateY(-2px); /* Pequeña elevación */
}













/* 1. Creamos el espacio para las esquinas en el contenedor del slide */
.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-slide-inner {
    position: relative;
    overflow: hidden;
}

/* 2. Dibujamos las esquinas usando pseudoelementos (Antes y Después) */
.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-slide-inner::before,
.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-slide-inner::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    transition: all 0.5s ease;
    z-index: 10;
    pointer-events: none; /* Para que no estorben al hacer clic */
}

/* Esquina Superior Izquierda */
.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-slide-inner::before {
    top: 20px;
    left: 20px;
    border-top: 3px solid #46A5B4; /* Azul */
    border-left: 3px solid #46A5B4;
}

/* Esquina Inferior Derecha */
.elementor-8930 .elementor-element.elementor-element-3a08ae9 .swiper-slide-inner::after {
    bottom: 20px;
    right: 20px;
    border-bottom: 3px solid #46A5B4; /* Azul */
    border-right: 3px solid #46A5B4;
}

/* 3. EFECTO HOVER: Cambiamos el color a Amarillo cuando pasas el mouse */
.elementor-8930 .elementor-element.elementor-element-3a08ae9:hover .swiper-slide-inner::before,
.elementor-8930 .elementor-element.elementor-element-3a08ae9:hover .swiper-slide-inner::after {
    border-color: #F1D06E; /* Amarillo */
    box-shadow: 0 0 10px rgba(241, 208, 110, 0.4); /* Brillo */
}

/* Opcional: que se cierren un poco al hacer hover */
.elementor-8930 .elementor-element.elementor-element-3a08ae9:hover .swiper-slide-inner::before {
    top: 15px;
    left: 15px;
}
.elementor-8930 .elementor-element.elementor-element-3a08ae9:hover .swiper-slide-inner::after {
    bottom: 15px;
    right: 15px;
}/* End custom CSS */