/* GENERAL */
@keyframes opacidad_delay {
    from { opacity: 1; }
    to { opacity: 1; }
}
@keyframes anim_titulo {
    from { opacity: 0; transform: scale(5, 1); filter: blur(2vw); }
    to { opacity: 1; transform: scale(1, 1); filter: blur(0); }
}
/* INICIO */
#inicio_txt_izq { position: relative; opacity: 0; }
#inicio_txt_izq.animar { opacity: 1; animation: inicio_txt_izq 3s 1; }
@keyframes inicio_txt_izq {
    from { left: -55vw; }
    to { left: 0vw; }
}
#inicio_btn_izq { position: relative; opacity: 0; }
#inicio_btn_izq.animar { animation: inicio_btn_izq 3s 1s 1, opacidad_delay 1s 1.1s infinite; }
@keyframes inicio_btn_izq {
    from { left: -55vw; }
    to { left: 0vw; }
}
#inicio_img_izq { position: relative; opacity: 0; }
#inicio_img_izq.animar { opacity: 1; animation: inicio_img_izq 2s 1; }
@keyframes inicio_img_izq {
    from { bottom: -55vw; }
    to { bottom: 0vw; }
}
#inicio_txt_der { position: relative; opacity: 0; }
#inicio_txt_der.animar { opacity: 1; animation: inicio_txt_der 3s 1; }
@keyframes inicio_txt_der {
    from { right: -55vw; }
    to { right: 0vw; }
}
#inicio_btn_der { position: relative; opacity: 0; }
#inicio_btn_der.animar { animation: inicio_btn_der 3s 1s 1, opacidad_delay 1s 1.1s infinite; }
@keyframes inicio_btn_der {
    from { right: -55vw; }
    to { right: 0vw; }
}
#inicio_img_der { position: relative; opacity: 0; }
#inicio_img_der.animar { opacity: 1; animation: inicio_img_der 3s 1; }
@keyframes inicio_img_der {
    from { opacity: 0; }
    to { opacity: 1; }
}
@media screen and (max-width: 500px) {
    @keyframes inicio_txt_izq {
        from { left: -100vw; }
        to { left: 0vw; }
    }
    @keyframes inicio_btn_izq {
        from { left: -100vw; }
        to { left: 0vw; }
    }
    @keyframes inicio_img_izq {
        from { bottom: -70vw; }
        to { bottom: 0vw; }
    }
    @keyframes inicio_txt_der {
        from { right: -100vw; }
        to { right: 0vw; }
    }
    @keyframes inicio_btn_der {
        from { right: -100vw; }
        to { right: 0vw; }
    }
}
/* QUIÉNES SOMOS */
#somos_titulo { position: relative; opacity: 0; }
#somos_titulo.animar { animation: anim_titulo 1s 2s 1, opacidad_delay 1s 2.1s infinite; }

#somos_img_izq { position: relative; opacity: 0; }
#somos_img_izq.animar { opacity: 1; animation: somos_img_izq 3s 1; }
@keyframes somos_img_izq {
    from { opacity: 0; }
    to { opacity: 1; }
}
#somos_txt_arr { position: relative; opacity: 0; }
#somos_txt_arr.animar { animation: somos_txt_arr 1s 1s 1, opacidad_delay 1s 1.1s infinite; }
@keyframes somos_txt_arr {
    from { opacity: 0; transform: scale(0, 1); }
    to { opacity: 1; transform: scale(1, 1); }
}
#somos_img_der { position: relative; opacity: 0; }
#somos_img_der.animar { opacity: 1; animation: somos_img_der 3s 1; }
@keyframes somos_img_der {
    from { opacity: 0; }
    to { opacity: 1; }
}
#somos_objetivos { position: relative; opacity: 0; }
#somos_objetivos.animar { animation: somos_objetivos 0.5s 1s 1, opacidad_delay 1s 1.1s infinite; }
@keyframes somos_objetivos {
    from { opacity: 0; }
    to { opacity: 1; }
}
#somos_objetivo_1 { position: relative; opacity: 0; }
#somos_objetivo_1.animar { animation: somos_objetivo_1 0.5s 2s 1, opacidad_delay 1s 2.1s infinite; }
@keyframes somos_objetivo_1 {
    from { opacity: 0; }
    to { opacity: 1; }
}
#somos_objetivo_2 { position: relative; opacity: 0; }
#somos_objetivo_2.animar { animation: somos_objetivo_2 0.5s 2.5s 1, opacidad_delay 1s 2.6s infinite; }
@keyframes somos_objetivo_2 {
    from { opacity: 0; }
    to { opacity: 1; }
}
#somos_objetivo_3 { position: relative; opacity: 0; }
#somos_objetivo_3.animar { animation: somos_objetivo_3 0.5s 3s 1, opacidad_delay 1s 3.1s infinite; }
@keyframes somos_objetivo_3 {
    from { opacity: 0; }
    to { opacity: 1; }
}
@media screen and (max-width: 500px) {
}
/* SALUD MENTAL */
#mental_titulo { position: relative; opacity: 0; }
#mental_titulo.animar { animation: anim_titulo 1s 2s 1, opacidad_delay 1s 2.1s infinite; }

#mental_txt_arr { position: relative; opacity: 0; }
#mental_txt_arr.animar { opacity: 1; animation: mental_txt_arr 3s 1; }
@keyframes mental_txt_arr {
    from { left: -55vw; }
    to { left: 0vw; }
}
#mental_img_abj { position: relative; opacity: 0; }
#mental_img_abj.animar { opacity: 1; animation: mental_img_abj 2s 1; }
@keyframes mental_img_abj {
    from { opacity: 0; }
    to { opacity: 1; }
}
#mental_li_1 { position: relative; opacity: 0; }
#mental_li_1.animar { animation: mental_li 1s 2s 1, opacidad_delay 1s 2.1s infinite; }
#mental_li_2 { position: relative; opacity: 0; }
#mental_li_2.animar { animation: mental_li 1s 2.1s 1, opacidad_delay 1s 2.2s infinite; }
#mental_li_3 { position: relative; opacity: 0; }
#mental_li_3.animar { animation: mental_li 1s 2.2s 1, opacidad_delay 1s 2.3s infinite; }
#mental_li_4 { position: relative; opacity: 0; }
#mental_li_4.animar { animation: mental_li 1s 2.3s 1, opacidad_delay 1s 2.4s infinite; }
#mental_li_5 { position: relative; opacity: 0; }
#mental_li_5.animar { animation: mental_li 1s 2.4s 1, opacidad_delay 1s 2.5s infinite; }
#mental_li_6 { position: relative; opacity: 0; }
#mental_li_6.animar { animation: mental_li 1s 2.5s 1, opacidad_delay 1s 2.6s infinite; }
#mental_li_7 { position: relative; opacity: 0; }
#mental_li_7.animar { animation: mental_li 1s 2.6s 1, opacidad_delay 1s 2.7s infinite; }
#mental_li_8 { position: relative; opacity: 0; }
#mental_li_8.animar { animation: mental_li 1s 2.7s 1, opacidad_delay 1s 2.8s infinite; }
#mental_li_9 { position: relative; opacity: 0; }
#mental_li_9.animar { animation: mental_li 1s 2.8s 1, opacidad_delay 1s 2.9s infinite; }
@keyframes mental_li {
    from { transform: rotateX(90deg); }
    to { transform: rotateX(0deg); }
}
@media screen and (max-width: 500px) {
    #mental_txt_arr_2 { position: relative; opacity: 0; }
    #mental_txt_arr_2.animar { opacity: 1; animation: mental_txt_arr_2 3s 1; }
    @keyframes mental_txt_arr_2 {
        from { left: -100vw; }
        to { left: 0vw; }
    }
}
/* ÁREA JURÍDICA */
#juridica_titulo { position: relative; opacity: 0; }
#juridica_titulo.animar { animation: anim_titulo 1s 2s 1, opacidad_delay 1s 2.1s infinite; }

#juridica_txt_arr:after { content: ''; }
#juridica_txt_arr.animar:after { animation: juridica_txt_arr 3s 2s linear, juridica_txt_arr_fin 1s 5s infinite; }
@keyframes juridica_txt_arr {
    0% { content: ''; }
    10% { content: 'NO'; }
    20% { content: 'NO HAY'; }
    40% { content: 'NO HAY SALUD'; }
    50% { content: 'NO HAY SALUD MENTAL'; }
    70% { content: 'NO HAY SALUD MENTAL SIN'; }
    80% { content: 'NO HAY SALUD MENTAL SIN JUSTICIA'; }
    100% { content: 'NO HAY SALUD MENTAL SIN JUSTICIA SOCIAL.'; }
}
@keyframes juridica_txt_arr_fin {
    0% { content: 'NO HAY SALUD MENTAL SIN JUSTICIA SOCIAL.'; }
    100% { content: 'NO HAY SALUD MENTAL SIN JUSTICIA SOCIAL.'; }
}
#juridica_img_izq { position: relative; opacity: 0; }
#juridica_img_izq.animar { animation: juridica_img_izq 3s 2s 1, opacidad_delay 1s 2.1s infinite; }
@keyframes juridica_img_izq {
    from { left: -34vw; }
    to { left: 0vw; }
}
#juridica_txt_cen { position: relative; opacity: 0; }
#juridica_txt_cen.animar { animation: juridica_txt_cen 2s 2s 1, opacidad_delay 1s 2.1s infinite; }
@keyframes juridica_txt_cen {
    from { transform: scale(0); filter: blur(2vw); opacity: 0; }
    to { transform: scale(1);filter: blur(0); opacity: 1; }
}
#juridica_txt_der { position: relative; opacity: 0; }
#juridica_txt_der.animar { animation: juridica_txt_der 3s 2s 1, opacidad_delay 1s 2.1s infinite; }
@keyframes juridica_txt_der {
    from { right: -34vw; }
    to { right: 0vw; }
}
#juridica_btn_der { position: relative; opacity: 0; }
#juridica_btn_der.animar { animation: juridica_btn_der 3s 3s 1, opacidad_delay 1s 3.1s infinite; }
@keyframes juridica_btn_der {
    from { right: -34vw; }
    to { right: 0vw; }
}
@media screen and (max-width: 500px) {
    @keyframes juridica_img_izq {
        from { left: -40vw; }
        to { left: 0vw; }
    }
    @keyframes juridica_txt_der {
        from { right: -100vw; }
        to { right: 0vw; }
    }
    @keyframes juridica_btn_der {
        from { right: -100vw; }
        to { right: 0vw; }
    }
}
/* FORMACIÓN */
#formacion_titulo { position: relative; opacity: 0; }
#formacion_titulo.animar { animation: anim_titulo 1s 2s 1, opacidad_delay 1s 2.1s infinite; }

#formacion_txt { position: relative; opacity: 0; }
#formacion_txt.animar { opacity: 1; animation: formacion_txt 4s 1; }
@keyframes formacion_txt {
    from { filter: blur(2vw); opacity: 0; }
    to { filter: blur(0); opacity: 1; }
}
#formacion_li_1 { position: relative; opacity: 0; }
#formacion_li_1.animar { animation: formacion_li 2s 1s 1, opacidad_delay 1s 1.1s infinite; }
#formacion_li_2 { position: relative; opacity: 0; }
#formacion_li_2.animar { animation: formacion_li 2s 1.5s 1, opacidad_delay 1s 1.6s infinite; }
#formacion_li_3 { position: relative; opacity: 0; }
#formacion_li_3.animar { animation: formacion_li 2s 2s 1, opacidad_delay 1s 2.1s infinite; }
#formacion_li_4 { position: relative; opacity: 0; }
#formacion_li_4.animar { animation: formacion_li 2s 2.5s 1, opacidad_delay 1s 2.6s infinite; }
#formacion_li_5 { position: relative; opacity: 0; }
#formacion_li_5.animar { animation: formacion_li 2s 3s 1, opacidad_delay 1s 3.1s infinite; }
@keyframes formacion_li {
    from { transform: rotateY(90deg); }
    to { transform: rotateY(0deg); }
}
#formacion_btn { position: relative; opacity: 0; }
#formacion_btn.animar { animation: formacion_btn 2s 4s 1, opacidad_delay 1s 6s infinite; }
@keyframes formacion_btn {
    from { top: -5vw; opacity: 0; }
    to { top: 0vw; opacity: 1; }
}
@media screen and (max-width: 500px) {
}
/* LA OLA DBT */
#dbt_titulo { position: relative; opacity: 0; }
#dbt_titulo.animar { animation: anim_titulo 1s 2s 1, opacidad_delay 1s 2.1s infinite; }

#dbt_txt_arr { position: relative; opacity: 0; }
#dbt_txt_arr.animar { animation: dbt_txt_arr 3s 1s 1, opacidad_delay 1s 1.1s infinite; }
@keyframes dbt_txt_arr {
    from { left: -66vw; }
    to { left: 0vw; }
}
#dbt_img_der { position: relative; overflow: hidden; opacity: 0; }
#dbt_img_der.animar { opacity: 1; animation: dbt_img_der 3s 1 }
@keyframes dbt_img_der {
    from { filter: blur(10vw); transform: scale(3); }
    to { filter: blur(0); transform: scale(1); }
}
#dbt_programa { position: relative; opacity: 0; }
#dbt_programa.animar { animation: dbt_programa 3s 2s 1, opacidad_delay 1s 2.1s infinite; }
@keyframes dbt_programa {
    from { left: -66vw; }
    to { left: 0vw; }
}
#dbt_li_1 { position: relative; opacity: 0; }
#dbt_li_1.animar { animation: dbt_li 1s 3s 1, opacidad_delay 1s 3.1s infinite; }
#dbt_li_2 { position: relative; opacity: 0; }
#dbt_li_2.animar { animation: dbt_li 1s 3.5s 1, opacidad_delay 1s 3.6s infinite; }
#dbt_li_3 { position: relative; opacity: 0; }
#dbt_li_3.animar { animation: dbt_li 1s 4s 1, opacidad_delay 1s 4.1s infinite; }
#dbt_li_4 { position: relative; opacity: 0; }
#dbt_li_4.animar { animation: dbt_li 1s 4.5s 1, opacidad_delay 1s 4.6s infinite; }
@keyframes dbt_li {
    from { left: -66vw; }
    to { left: 0vw; }
}
#dbt_btn_abj { position: relative; opacity: 0; }
#dbt_btn_abj.animar { animation: dbt_btn_abj 2s 5s 1, opacidad_delay 1s 7s infinite; }
@keyframes dbt_btn_abj {
    from { top: -5vw; opacity: 0; }
    to { top: 0vw; opacity: 1; }
}
@media screen and (max-width: 500px) {
    @keyframes dbt_txt_arr {
        from { left: -100vw; }
        to { left: 0vw; }
    }
    #dbt_img_der_2 { position: relative; overflow: hidden; opacity: 0; }
    #dbt_img_der_2.animar { opacity: 1; animation: dbt_img_der_2 3s 1 }
    @keyframes dbt_img_der_2 {
        from { filter: blur(10vw); transform: scale(3); }
        to { filter: blur(0); transform: scale(1); }
    }
    #dbt_btn_abj { position: relative; opacity: 0; }
    #dbt_btn_abj.animar { animation: dbt_btn_abj 2s 5s 1, opacidad_delay 1s 7s infinite; }
    @keyframes dbt_btn_abj {
        from { top: 35vw; opacity: 0; }
        to { top: 44vw; opacity: 1; }
    }
}
/* LA OLA CANNÁBICA */
#cannabica_titulo { position: relative; opacity: 0; }
#cannabica_titulo.animar { animation: anim_titulo 1s 2s 1, opacidad_delay 1s 2.1s infinite; }

#cannabica_img_izq { position: relative; overflow: hidden; opacity: 0; }
#cannabica_img_izq.animar { opacity: 1; animation: cannabica_img_izq 3s 1; }
@keyframes cannabica_img_izq {
    from { filter: blur(10vw); transform: scale(3); }
    to { filter: blur(0); transform: scale(1); }
}
#cannabica_txt_arr { position: relative; opacity: 0; }
#cannabica_txt_arr.animar { animation: cannabica_txt_arr 3s 1s 1, opacidad_delay 1s 1.1s infinite; }
@keyframes cannabica_txt_arr {
    from { right: -58vw; }
    to { right: 0vw; }
}
#cannabica_txt_cen { position: relative; opacity: 0; }
#cannabica_txt_cen.animar { animation: cannabica_txt_cen 3s 2s 1, opacidad_delay 1s 2.1s infinite; }
@keyframes cannabica_txt_cen {
    from { right: -58vw; }
    to { right: 0vw; }
}
#cannabica_btn_abj { position: relative; opacity: 0; }
#cannabica_btn_abj.animar { animation: cannabica_btn_abj 3s 3s 1, opacidad_delay 1s 3.1s infinite; }
@keyframes cannabica_btn_abj {
    from { right: -58vw; }
    to { right: 0vw; }
}
@media screen and (max-width: 500px) {
    #cannabica_img_izq_2 { position: relative; overflow: hidden; opacity: 0; }
    #cannabica_img_izq_2.animar { opacity: 1; animation: cannabica_img_izq_2 3s 1; }
    @keyframes cannabica_img_izq_2 {
        from { filter: blur(10vw); transform: scale(3); }
        to { filter: blur(0); transform: scale(1); }
    }
    @keyframes cannabica_txt_arr {
        from { right: -45vw; }
        to { right: 0vw; }
    }
    @keyframes cannabica_txt_cen {
        from { right: -100vw; }
        to { right: 0vw; }
    }
    @keyframes cannabica_btn_abj {
        from { right: -100vw; }
        to { right: 0vw; }
    }
}
/* CONTACTO */