.elementor-1462 .elementor-element.elementor-element-da760d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-98px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:198px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1462 .elementor-element.elementor-element-da760d8:not(.elementor-motion-effects-element-type-background), .elementor-1462 .elementor-element.elementor-element-da760d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-146a5d9 );}.elementor-1462 .elementor-element.elementor-element-2e463b7{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1462 .elementor-element.elementor-element-9718dce{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 50px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-1462 .elementor-element.elementor-element-9718dce.elementor-element{--align-self:flex-start;}.elementor-1462 .elementor-element.elementor-element-9718dce .elementor-heading-title{color:#FFFFFF;}.elementor-1462 .elementor-element.elementor-element-4de1211{width:100%;max-width:100%;}.elementor-1462 .elementor-element.elementor-element-b2aa5d7{--spacer-size:200px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-4de1211 */div.asl_r .results .item .asl_content .asl_desc {
    display: none;
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
}

div.asl_r.vertical {
    padding: 18px;
    background: #1f2937;
   
}

div.asl_r .results .item {
    height: auto;
    background: #1f2937;
     border-left: 0px solid rgba(255, 255, 255, .6);
    border-right: 0px solid rgba(255, 255, 255, .4);
}


div.asl_r .results .item .asl_content {
    overflow: hidden;
    height: auto;
    background: transparent;
    margin: 0;
    padding: 26px 0px 26px 0px;
}

 div.asl_r .results .item .asl_content h3 a {

    line-height: inherit;
    font-weight: 400;
    font-family: 'DM Sans';
    color: #ffffff;
    font-size: 16px;
}

div.asl_r .results .item .asl_content h3 a:hover {
    font-weight: 400;
    font-family: 'DM Sans';
    color: #00b8ea;
    font-size: 16px;
    line-height: 20px;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

div.asl_r {
    box-sizing: border-box;
    margin: 36px 0 0 0;
}

div.asl_r.vertical {
    padding: 16px 0px;
    background: transparent;
}

div.asl_r .results .item {

    background: transparent;
}


div.asl_w .probox .promagnifier {
    
    box-shadow: 0px 0px 0 0 rgba(255, 255, 255, .0) inset;
}

#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
    font-weight: 400;
    font-family: 'DM SANS';
    color: #ffffff !important;
    font-size: 19px;
}

#ajaxsearchlite1 .probox, div.asl_w .probox {
 border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 0px;
    padding: 8px 8px 8px 0px;
}


div.proinput form input[type="search"].orig {
    color: #fff !important;
}

div.proinput form input[type="search"].orig::placeholder {
    padding-left: 10px;
    color: #fff !important;
    opacity: 1 !important;
}


div.asl_m .probox .proinput {
    margin: 0 0 0 0px;
  
}


div.asl_m .probox .proclose svg {
    background: #33333300;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 50%;
    margin-left: -10px;
    fill: #fefefe;
    padding: 4px;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
}

.asl_m .probox svg {
    fill: rgb(255 255 255) !important;
}

div.asl_r.asl_w.vertical .results .item::after {
    background: #3a4049;
}



div.asl_r .results .asl_nores {
    background: #e8e8e800;
    color: #c1c1c1;
}


div.asl_w .probox div.asl_simple-circle {
    border: 2px solid #fff;
}


/* =========================================
   RESULTADOS AJAX SEARCH LITE
   ========================================= */

#ajaxsearchliteres1 .item {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

#ajaxsearchliteres1 .asl_content {
    width: 100%;
}


/* =========================================
   ETIQUETAS
   ========================================= */

#ajaxsearchliteres1 .item.asl_r_cursos .asl_content::after,
#ajaxsearchliteres1 .item.asl_r_page .asl_content::after,
#ajaxsearchliteres1 .item.asl_r_post .asl_content::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 135px;
    height: 52px;
    box-sizing: border-box;

    padding: 0 20px;

    border: 1px solid #fff;
    border-radius: 30px;

    font-size: 16px;
    font-weight: 400;
    line-height: 1;
font-family: 'DM Sans';
    white-space: nowrap;
}


/* CURSO */
#ajaxsearchliteres1 .item.asl_r_cursos .asl_content::after {
    content: "Formación";
    color: #fff;
}


/* PÁGINA */
#ajaxsearchliteres1 .item.asl_r_page .asl_content::after {
    content: "Página";
        color: #fff;
}


/* BLOG */
#ajaxsearchliteres1 .item.asl_r_post .asl_content::after {
    content: "Blog";
        color: #fff;
}



#ajaxsearchliteres1 .item {
    position: relative;
    padding-right: 170px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e463b7 */.elementor-1462 .elementor-element.elementor-element-2e463b7 {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da760d8 */.elementor-1462 .elementor-element.elementor-element-da760d8 {
    position: relative;
    overflow: hidden;
}

.elementor-1462 .elementor-element.elementor-element-da760d8 .bola-luz {
    position: absolute;
    width: 600px;
    height: 600px;
    top: -140px;
    right: -350px;
    border-radius: 50%;
    
background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.55) 0%,
    rgba(255, 255, 255, 0.25) 25%,
    rgba(255, 255, 255, 0.08) 45%,
    rgba(255, 255, 255, 0) 70%
);
    
    filter: blur(25px);
    pointer-events: none;
    z-index: 0;

    animation: luz-h2o 7s ease-in-out infinite;
}

.elementor-1462 .elementor-element.elementor-element-da760d8 .elementor-element-cb651f2 {
    position: relative;
    z-index: 2;
}

@keyframes luz-h2o {
    0% {
        opacity: 0;
        transform: translate(100px, -50%) scale(0.7);
    }

    20% {
        opacity: 0.8;
        transform: translate(40px, -50%) scale(0.9);
    }

    45% {
        opacity: 1;
        transform: translate(0, -50%) scale(1.1);
    }

    65% {
        opacity: 0.7;
        transform: translate(-30px, -50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(-100px, -50%) scale(0.7);
    }
}/* End custom CSS */