:root{
    
    --color_primario:#01558C;
    --color_secundario:#06936E;
    --color_acento:#0089AD;
    --color_acento2: #63AC3E;
    --color_acento3: #39566C;
    --el_blanco: #FEFEFE;
    --el_gris_green: #959595;
    --el_gris_blue: #4D4D4D;
    --el_gris_light: #ABB8B9;
    --disable:#D8D8D8;
    --paper:#FAFAFA;
    --gradiente: linear-gradient(101.47deg, #015489 -2.01%, #06906E 112.21%);
}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html{
    font-size: 62.5% !important; 
    font-family: 'Helvetica Now Display', sans-serif !important;
    scroll-behavior: smooth;
}

@import url(../../fonts/HelveticaNowDisplay-Regular/style.css);
@import url(../../fonts/HelveticaNowDisplay-Medium/style.css);
@import url(../../fonts/HelveticaNowDisplay-Bold/style.css); 

.bold {  
    font-weight: 700 !important;
   
}

.ancla_home:before {       
    display: block;       
    content: " ";       
    margin-top: -60px;       
    height: 60px;       
    visibility: hidden; 
}

.ancla_recomendador:before {       
    display: block;       
    content: " ";       
    margin-top: -60px;       
    height: 60px;       
    visibility: hidden; 
}

.ancla_placasiembra:before {       
    display: block;       
    content: " ";       
    margin-top: -60px;       
    height: 60px;       
    visibility: hidden; 
}

.ancla_guiatecnica:before {       
    display: block;       
    content: " ";       
    margin-top: -60px;       
    height: 60px;       
    visibility: hidden; 
}

header{
    position: relative;
}

nav{
    position: fixed;
    background-color: var(--paper);
    z-index: 2;
}

.nav-wrapper{
    background-color: var(--paper);
    border-radius: 8px;
}

nav .sidenav-trigger i {
    color: var(--color_acento3);
}

.sidenav li>a{
    font-weight: 500;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--color_acento3);
}

.sidenav li>a>i{
    margin-right: 0px !important;
    color: var(--color_acento3) !important;
}

.nk_logo {
    display: block;
    height: 34px;
    width: 64px;
    margin-top: 14px;
    margin-left: 16px;
    background-image: url(../assets/NK_logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header_icon{
    display: block;
    height: 22px;
    width: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.youtube{
    background-image: url(../assets/Header_Youtube.svg);
}

.instagram{
    background-image: url(../assets/Header_Instagram.svg);
}

.facebook{
    background-image: url(../assets/Header_Facebook.svg);
}

.twitter{
    background-image: url(../assets/Header_Twitter.svg);
}

.menu_cross{
    display: inline-block;
    height: 9px;
    width: 13px;
    margin-left: 5px;
    margin-top: 17px;
    background-image: url(../assets/menu_cross.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#icon_sidnav{
    display: inline-block;
    width: fit-content;
    padding: 0 10px;
}

#sidenav_icons{
    padding-left: 22px;
}

#sidenav_menu_text{
    font-weight: 500;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--color_acento3);
}

#sidenav_collap_menu{
    padding-left: 47px;
    font-weight: 500;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--color_acento3);
}

.sidenav li>a {
    padding-top: 17px;
}

.menu_select{
    padding-top: 17px !important;
}

#sidenav_collap_menu{
    padding-top: 17px;
}

.parallax-container{
    padding-top: 56px;
    height: 470px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 88.54%);
}

.parallax-container .pllx_path{
    visibility: hidden;
}

.parallax-container .pllx_title{
    margin-top: 120px;
    margin-left: 16px;
    margin-right: 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 3.8rem;
    color: var(--el_blanco);
}

.parallax-container .pllx_txt{
    max-width: 420px;
    margin-top: 16px;
    margin-left: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: var(--el_blanco);
}

.notas{
    position: relative;
    width: 100%;
    height: auto;
    padding: 32px 16px;
    background-color: #E5E5E5;
}

.indice_container h2{
    visibility: hidden;
    position: fixed;
}

.collection li{
    font-size: 1.4rem;
    line-height: 2.0rem !important;
    cursor: pointer;
}

.collection li:hover{
    background-color: var(--disable);
    color: var(--color_acento);
}

.collection li a{
    display: block;
    color: var(--el_gris_blue);
}

.selected{
    background-color: var(--color_secundario) !important;
}

.selected a{
    color: var(--el_blanco) !important;
}

.tabs{
    height: 0px; 
}

.card_notas_container{
    width: 100%;
    height: auto;
    text-align: center;
}

.categ_titulo{
    margin-bottom: 35px;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 3.8rem;
    text-align: left;
}

.card_nota{
    display: inline-block;
    width: 100%;
    max-width: 350px;
    height: auto;
    margin-bottom: 24px;
    padding: 32px 16px;
    background-color: var(--el_blanco);
    border-radius: 5px;
    text-align: left;
}

.card_img_container{
    width: 100%;
    height: auto;
}

.card_img_container span{
    display: block;
    width: 311px;
    height: 173px;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.img_maiz_card1{
    background-image: url(../assets/card_maiz_img1.jpg);
}

.img_maiz_card2{
    background-image: url(../assets/card_maiz_img2.jpg);
}

.img_maiz_card3{
    background-image: url(../assets/card_maiz_img3.jpg);
}

.img_maiz_card4{
    background-image: url(../assets/card_maiz_img4.jpg);
}

.img_maiz_card5{
    background-image: url(../assets/card_maiz_img5.jpg);
}

.img_maiz_card6{
    background-image: url(../assets/card_maiz_img6.jpg);
}

.img_maiz_card7{
    background-image: url(../assets/card_maiz_img7.jpg);
}

.img_girasol_card1{
    background-image: url(../assets/card_girasol_img1.jpg);
}

.img_girasol_card2{
    background-image: url(../assets/card_girasol_img2.jpg);
}

.img_soja_card1{
    background-image: url(../assets/card_soja_img1.jpg);
}

.img_soja_card2{
    background-image: url(../assets/card_soja_img2.jpg);
}

.img_manejo_card1{
    background-image: url(../assets/card_manejo_img1.jpg);
}

.img_manejo_card2{
    background-image: url(../assets/card_manejo_img2.jpg);
}

.card_txt_container{
    width: 100%;
    height: auto;
    margin-top: 24px;
}

.card_txt_container .card_section{
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--color_primario);
}

.card_txt_container h2{
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.0rem;
}

.card_txt_container .card_text{
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.0rem;
}

.card_txt_container a{
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--color_acento2);
}

.pllx_title_notas{
    margin-top: 210px;
    margin-left: 16px;
    margin-right: 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.0rem;
    color: var(--el_blanco);
}

.modelo_nota{
    position: relative;
    width: 100%;
    height: auto;
    padding: 32px 0px;
    background-color: var(--el_blanco);
    text-align: center;
}

.nota_container{
    width: 100%;
    max-width: 950px;
    height: auto;
    margin: 0 auto;
    padding: 16px;

}

.nota_container .autor{
    font-style: normal;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: var(--el_gris_blue);
    text-align: left;
}

.nota_container h2{
    margin-top: 10px;
    font-style: normal;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 3.8rem;
    color: var(--el_gris_blue);
    text-align: left;
}

.nota_container .cuerpo{
    margin-top: 24px;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: var(--el_gris_blue);
    text-align: left;
}

.card_img_nota{
    margin: 20px auto;
    display: block;
    width: 100%;
    max-width: 650px;
    height: auto;
    padding: 20px 0px;
    text-align: center;
}

.card_img_nota .card_img_title_1{
    font-style: normal;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 2.8rem;
    color: var(--el_gris_blue);
    text-align: left;
}

.card_img_nota span{
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-top: 24px;
    margin-right: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.card_img_nota .card_point{
    background-image: url(../assets/card_point.svg);
}

.card_img_nota .card_temp{
    background-image: url(../assets/icon_temp.png);
}

.card_img_nota .card_temp_2{
    background-image: url(../assets/icon_temp.png);
}

.card_img_nota .card_vel{
    background-image: url(../assets/card_velocidad.svg);
}

.card_img_txt2{
    display: inline-block;
    width: calc(100% - 99px);
    max-width: 700px;
    margin-top: 24px;
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.3rem;
    vertical-align: middle;
    text-align: left;
    color: #06906E;
}

.card_img_txt3{
    display: inline-block;
    width: calc(100% - 99px);
    max-width: 700px;
    margin-top: 24px;
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.3rem;
    vertical-align: middle;
    text-align: left;
    color: #06906E;
}

.card_img_nota .card_img_txt{
    display: inline-block;
    width: calc(100% - 99px);
    max-width: 700px;
    margin-top: 24px;
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #06906E;
    vertical-align: middle;
    text-align: left;
}

.img_nota_1{
    display: block;
    width: 100%;
    max-width: 936px;
    height: 180px;
    background-image: url(../assets/img_nota_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.card_blue{
    display: block;
    width: 100%;
    height: auto;
    margin-top: 60px;
    padding: 40px;
    background-color: var(--color_primario);
}

.card_blue p{
    font-style: normal;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 3.8rem;
    color: var(--el_blanco);
    text-align: center;
}

.nota_container h3{
    margin-top: 60px;
    font-style: normal;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 2.6rem;
    color: var(--el_gris_blue);
    text-align: left;
}

.nota_container h4{
    margin-top: 10px;
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.0rem;
    color: var(--el_gris_blue);
    text-align: left;
}


.card_celeste{
    margin: 48px 16px;
    display: inline-block;
    width: 100%;
    max-width: 343px;
    height: auto;
    background-color: #f3f3f3;
    text-align: left;
}

.card_celeste span{
    display: inline-block;
    width: 343px;
    height: 354px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: top;
}

.enfer_fig4{
    background-image: url(../assets/enfermedades_foliares_fig4.jpg);
}

.enfer_fig5{
    background-image: url(../assets/enfermedades_foliares_fig5.jpg);
}

.enfer_fig6{
    background-image: url(../assets/enfermedades_foliares_fig6.jpg);
}


.card_soloimg{
    margin: 48px 0px;
    display: inline-block;
    width: 100%;
    height: 496px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: top;
}

.figura5{
    background-image: url(../assets/figura5_sintomatologia_mrcv.jpg);
    height: 255px;
}


.figura7{
    background-image: url(../assets/figura7_comparacion_entre_plantas_normales.jpg);
    height: 240px;
}

.figura8{
    background-image: url(../assets/figura8_evaluacion_de_la_enfermedad_mobile.jpg);
    height: 1210px;
}

.figura9{
    background-image: url(../assets/ciclo_de_vida_de_dilobodrus_abderus.jpg);
    height: 280px;
}

.figura10{
    background-image: url(../assets/ciclo_de_vida_de_dilobodrus_abderus2.jpg);
    height: 320px;
}

.figura11{
    background-image: url(../assets/monitoreo.jpg);
    height: 404px;
}

.figura12{
    background-image: url(../assets/beneficios_la_mejor_tecnologia.png);
    height: 700px;
}


.figura13{
    background-image: url(../assets/rendimiento_bonificado-mobile.png);
    height: 800px;
}

.figura14{
    background-image: url(../assets/img_9consejos_girasol.jpg);
    height: 120px;
    width: 100%;
}

.figura15{
    background-image: url(../assets/logos_regalia_extendida.jpg);
    height: 145px;
    width: 100%;
}

.figura16{
    background-image: url(../assets/manejo-integrado-de-plagas.png);
    width: 100%;
    height: 800px;
}



.card_celeste .figura_distribucion{
    background-image: url(../assets/figura1_distribuc_on_geografica.jpg);
    background-size: contain;
    background-color: white;
}

.card_celeste .figura_delphacodes{
    background-image: url(../assets/figura2_delphacodes_kuscheli_sobre_hojas_de_maiz.jpg);
}

.card_celeste .figura_mrcv{
    background-image: url(../assets/figura3_cuadromrcv.jpg);
    background-size: contain;
    background-color: white;
}

.card_celeste .figura_enanismo{
    background-image: url(../assets/figura4_nanismo2.jpg);
    height: 235px;
}

.card_celeste .figura_sintomatologia{
    background-image: url(../assets/figura5_sintomatologia2.jpg);
}

.card_celeste .figura_enaciones{
    background-image: url(../assets/figura6_enaciones.jpg);
    height: 264px;
}

.card_celeste .mancha_ocular{
    background-image: url(../assets/mancha_ocular.png);
}

.card_celeste .mancha_ocular2{
    background-image: url(../assets/mancha_ocular2.png);
}

.card_celeste .mancha_ocular3{
    background-image: url(../assets/expansion_de_mancha_ocular.png);
}

.card_celeste .estadios_larvales{
    background-image: url(../assets/evolucion_de_los_estadios_larvales.jpg);
    height: 275px;
}

.card_celeste .dimorfismo_sexual{
    background-image: url(../assets/dimorfismo_sexual.jpg);
    height: 312px;
}

.card_celeste .spodoptera_frugiperda{
    background-image: url(../assets/spodoptera_frugiperda.jpg);
    height: 312px;
}

.card_celeste .isoca_cogollera{
    background-image: url(../assets/isoca_cogollera.jpg);
    height: 255px;
}

.card_celeste .distribucion_geografica_de_la_plaga{
    background-image: url(../assets/distribucion_geografica_de_la_plaga.jpg);
    height: 530px;
}

.card_celeste .vuelco_cosecha{
    background-size: contain !important; 
    background-position: top !important;
    background-image: url(../assets/vuelco_cosecha.jpg);
    height: 250px !important;
}

.card_celeste .desarrollo_radicular{
    background-size: contain !important; 
    background-position: top !important;
    background-image: url(../assets/desarrollo_radicular.jpg);
    height: 250px;
}

.card_celeste .tipos_de_raices{
    background-image: url(../assets/tipos_de_raices.jpg);
    height: 250px;
}

.card_celeste .cuello_de_cisne{
    background-image: url(../assets/cuello_de_cisne.jpg);
    height: 250px;
}

.card_celeste .consejos_semilla{
    background-image: url(../assets/9_consejos_semilla.jpg);
    height: 150px;
    width: 150px;
    margin: 5px;
}

.card_celeste .consejos_semilla_soja{
    background-image: url(../assets/8_consejos_semilla_soja.jpg);
    height: 150px;
    width: 150px;
    margin: 5px;
}



.card_celeste .condiciones_ideales_soja{
    background-image: url(../assets/condiciones_ideales_soja.jpg);
    height: 150px;
    width: 150px;
    margin: 5px;
}


.card_celeste .celeste_text{
    display: inline-block;
    width: 270px;
    height: 100%;
    padding-top: 8px;
    padding-left: 24px;
    padding-bottom: 30px;
    vertical-align: top;
}


.celeste_text h1{
    margin-top: 0px;
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.0rem;
    color: #000;
}

.celeste_text p{
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.0rem;
    color: var(--color_primario);
}

.card_celeste .txt_mobile{
    padding: 20px; 
    width: 900px; 
    text-align: center;
}

.txt_mobile h1{
    margin-top: 0px;
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.0rem;
    color: #000;
}


.card_img_title_2{
    font-style: normal;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 3.8rem;
    color: var(--el_gris_blue);
    text-align: left; 
}


.card_grey{
    display: block;
    width: 100%;
    height: auto;
    margin-top: 60px;
    padding: 30px;
    background-color: var(--el_gris_green);
    text-align: justify;
}

.card_grey p{
    font-style: italic;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--el_blanco);
}

.card_grey b{
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: var(--el_blanco);
}

.down_btn{
    width: 215px;
    height: 40px;
    margin-top: 48px;
    font-family: 'Helvetica Now Display', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: var(--el_blanco);
    background-color: var(--color_acento2);
    border: 1px solid var(--el_blanco);
    border-radius: 8px;
}

.down_volver{
    position: fixed;
    top: 50px;
    right: 15px;
    width: 130px;
    height: 40px;
    margin-top: 48px;
    font-family: 'Helvetica Now Display', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: var(--el_blanco);
    background-color: var(--color_acento2);
    border: none;
    border-radius: 8px;
}

.down_volver span{
    display: inline-block;
    width: 16px;
    height: 14px;
    margin-left: 10px;
    background-image: url(../assets/arrow_return.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nota_container h5{
    margin-top: 46px;
    font-family: 'Helvetica Now Display', sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 3.8rem;
    color: var(--color_primario);
    text-align: left;
    vertical-align: top;
}

.nota_container h5 span{
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: top;
    margin-top: 3px;
}

.consejo_1{
    background-image: url(../assets/consejo_1.png);
}

.consejo_2{
    background-image: url(../assets/consejo_2.png);
}

.consejo_3{
    background-image: url(../assets/consejo_3.png);
}

.consejo_4{
    background-image: url(../assets/consejo_4.png);
}

.consejo_5{
    background-image: url(../assets/consejo_5.png);
}

.consejo_6{
    background-image: url(../assets/consejo_6.png);
}

.consejo_7{
    background-image: url(../assets/consejo_7.png);
}

.consejo_8{
    background-image: url(../assets/consejo_8.png);
}

.consejo_9{
    background-image: url(../assets/consejo_9.png);
}

.consejo_10{
    background-image: url(../assets/consejo_10.png);
}

.flag_A{
    display: inline-block;
    width: 37px;
    height: 25px;
    margin-right: 10px;
    background-image: url(../assets/flag_A.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.flag_B{
    display: inline-block;
    width: 37px;
    height: 25px;
    margin-right: 10px;
    background-image: url(../assets/flag_B.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.lista{
    margin-top: 36px !important;
    margin-left: 16px;
}

.modelo_nota ul{
    display: inline-block;
    margin-right: 30px;
    width: 312px;
    vertical-align: top;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.0rem;
    color: var(--el_gris_blue);
    text-align: left;
    list-style-position: outside;
    list-style-type: disc !important;
}

.modelo_nota li{
    list-style-type: disc !important;
    margin-top: 9px;
}

.modelo_nota li::marker{
    font-size: 20px;
    color: var(--color_secundario);
}

.nota2 b{
    font-weight: 500;
    color: var(--color_primario);
    text-align: left;
}

.img_refugio{
    display: block;
    width: 100%;
    max-width: 936px;
    height: 360px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.img_refugio2{
    display: block;
    width: 100%;
    max-width: 936px;
    height: 480px;
    margin-top: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.img_refugio3{
    display: block;
    width: 100%;
    max-width: 936px;
    height: 590px;
    margin-top: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.refugio_1{
    background-image: url(../assets/refugio1.png);
}

.refugio_2{
    background-image: url(../assets/refugio2.png);
}

.refugio_3{
    background-image: url(../assets/refugio3.png);
}

.img_regalia{
    display: block;
    width: 100%;
    max-width: 936px;
    height: 360px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.regalia{
    background-image: url(../assets/regalia_mobile.png);
    height: 392px;
}

.card_verde{
    margin: 48px 16px;
    display: inline-block;
    width: 100%;
    max-width: 344px;
    height: auto;
    background-color: var(--color_secundario);
    text-align: left;
}

.card_verde span{
    display: inline-block;
    width: 343px;
    height: 354px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: top;
}

.card_verde .refugio_card1{
    background-image: url(../assets/refugio_card.png);
    height: 240px;
}

.card_verde .refugio_card2{
    background-image: url(../assets/refugio_card2.png);
}

.card_verde .verde_text{
    display: inline-block;
    width: 270px;
    height: 100%;
    padding-top: 50px;
    padding-left: 24px;
    padding-bottom: 50px;
    vertical-align: top;
}

.verde_text h1{
    margin-top: 0px;
    font-style: normal;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.0rem;
    color: var(--el_blanco);
}

.verde_text p{
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.0rem;
    color: var(--el_blanco);
}

.legales{
    width: 100%;
    height: auto;
    background-color: #E6E7E9;
}

.logos_legales{
    display: inline-block;
    width: 49%;
    max-width: 400px;
    height: 98px;
    background-image: url(../assets/enfermedades_logos.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.legales_txt{
    display: inline-block;
    width: 49%;
    padding-right: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--el_gris_blue);
    vertical-align: middle;
}

footer{
    height: 400px;
    width: 100%;
    padding: 24px 16px;
    background-color: var(--color_acento3);
    color: var(--el_blanco);
}

.footer_container{
    width: 342px;
    margin: 0px auto;
}

.logo_redes .logo{
    display: block;
    height: 40px;
    width: 77px;
    background-image: url(../assets/footer_logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.logo_redes a{
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: 20px;
    margin-right: 20px;
}

.logo_redes .redes{
    display: block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.f_youtube{
    background-image: url(../assets/footer_youtube.svg);
}

.f_instagram{
    background-image: url(../assets/footer_Instagram.svg);
}

.f_twitter{
    background-image: url(../assets/footer_twitter.svg);
}

.f_facebook{
    background-image: url(../assets/footer_facebook.svg);
}

.f_mail{
    background-image: url(../assets/footer_mail.svg);
}

.footer_text{
    margin-top: 20px;
    font-size: 1.4rem;
    line-height: 2.0rem;
}

.secciones{
    display: inline-block;
    margin-top: 24px;
    width: 168px;
}

.contacto{
    display: inline-block;
    margin-top: 24px;
    width: 168px;
    vertical-align: top;
}

.contacto .text{
    font-family: 'Helvetica Now Display', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem !important;
    line-height: 2.0rem !important;
    text-align: left;
}

.f_titulo{
    font-family: 'Helvetica Now Display', sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem !important;
    line-height: 2.1rem !important;
    text-align: left;
}

.f_link{
    display: block;
    margin-top: 6px;
    font-family: 'Helvetica Now Display', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem !important;
    line-height: 2.0rem !important;
    text-align: left;
    text-decoration: none;
    color: var(--el_blanco);
}

.boton_float_container{
    position: fixed;
    right: 23px;
    bottom: 23px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 997;
}

.boton_float{
    display: inline-block;
    float: none;
    padding-left: 9px;
    padding-top: 9px;
    width: 48px;
    height: 48px !important;
    background-color: var(--color_acento2) !important;
    border-radius: 15px;
    margin-bottom: 7px;
    color: var(--el_blanco);
}

.boton_float i{
    font-size: 3.0rem;
}

.hidden_float_btn{
    visibility: hidden;
    position: fixed;
}

.modal_test{
    width: 100% !important;
}

#form_modal{
    position: relative;
    top: 0px;
    left: 0px;    
}

.modal_txt{
    width: 343px;
    margin: 24px auto 8px auto;
    text-align: center;
}

.modal_txt h2{
    font-style: normal;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 2.6rem;
    text-align: left;
    color: var(--el_gris_blue); 
}

.modal_txt p{
    font-style: normal;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-align: left;
    color: var(--el_gris_blue); 
}

.mobile{
    margin-top: 0px;
    margin-bottom: 16px;
    width: 300px    ;
}

.mobile h2{
    margin-top: 0px;
}

.desktop{
    position: fixed;
    visibility: hidden;
}