footer {
    
    background:                 #2195d3;
    box-sizing:                 border-box;
    color:                      white;
    margin:                     0;
    padding:                    1em 0 1em;
    position:                   relative;
    width:                      100vw;
    font-family:                'Poppins' , sans-serif;
    font-weight:                500;
}
footer .footer_menu,
footer .footer_creditos {
    
    align-items:                flex-start;
    box-sizing:                 border-box;
    display:                    flex;
    flex-direction:             row;
    flex-wrap:                  wrap;
    justify-content:            space-around;
    padding:                    .5em;
    position:                   relative;
    width:                      100vw;
    
}
footer .footer_creditos {
    
    flex-wrap:                  wrap;
    justify-content:            center;
    text-align:                 left;
    font-family:                'Poppins' , sans-serif;
    font-size:                  .8em;
    padding-top:                1.5em;
    position:                   relative;
    width:                      100%;
    font-weight:                300;
    
}
footer .footer_creditos .derechos span {
    
    box-sizing:                 border-box;
    display:                    block;
    font-size:                  .85em;
    line-height:                1.2em;
    padding:                    .25em .5em;
    text-align:                 center;
    
}
footer .footer_creditos .tarjetas {
    
    box-sizing:                 border-box;
    display:                    flex;
    justify-content:            center;
    padding:                    1.5em 0 3em;
    position:                   relative;
    width:                      100vw;
    
}
footer .footer_creditos .tarjetas .tarjeta img {
    
    box-sizing:                 border-box;
    display:                    inline-block;
    padding:                    0 .5em;
    position:                   relative;
    width:                      60px;
    
}
footer .footer_creditos .tarjetas .tarjeta:nth-child(3) img {
    
    position:                   relative;
    width:                      80px;
    
}
footer .footer_creditos .tarjetas .tarjeta:nth-child(4) img {
    
    position:                   relative;
    width:                      80px;
    
}
footer .footer_menu > div {
    
    box-sizing:                 border-box;
    padding:                    0;
    position:                   relative;
    width:                      100%;
    
}
footer .footer_menu .titulo {
    
    font-family:                'Poppins' , sans-serif;
    font-size:                  1.25em;
    line-height:                1.5em;
    margin-top:                 1em;
    padding-left:               .5em;
    position:                   relative;
    
}
footer .footer_menu .titulo p {
    
    box-sizing:                 border-box;
    display:                    inline-block;
    margin:                     0;
    padding:                    0;
    position:                   relative;
    width:                      100%;
    
}
footer .footer_menu .titulo p span {
    
    box-sizing:                 border-box;
    display:                    inline-block;
    position:                   absolute;
    right:                      1em;
    
}
footer .footer_menu .titulo .subtitulo {
    
    font-family:                'Poppins' , sans-serif;
    font-weight:                300;
    font-size:                  .7em;
    line-height:                1.5em;
    position:                   relative;
    
}
footer .footer_menu .footer_redes_sociales .iconos_redes_sociales {
    
    align-items:                flex-start;
    display:                    flex;
    flex-wrap:                  nowrap;
    justify-content:            center;
    padding-top:                1em;
    padding-bottom:             1em;
    position:                   relative;
    font-weight:                300;
    
}
footer .footer_menu .footer_redes_sociales .iconos_redes_sociales .icono {
    
    background:                 green;
    border-radius:              50%;
    cursor:                     pointer;
    font-size:                  1em;
    height:                     2em;
    line-height:                2em;
    margin:                     1em 1em 0;
    position:                   relative;
    text-align:                 center;
    width:                      2em;
    
}
footer .footer_menu .footer_redes_sociales .iconos_redes_sociales .icono:nth-child(1){
    
    margin-left:                0;
    
}
footer .footer_menu .footer_redes_sociales .iconos_redes_sociales .facebook {
    
    background:                 #3b5998;
    
}
footer .footer_menu .footer_redes_sociales .iconos_redes_sociales .messenger {
    
    background:                 #0078FF;
    margin-right:               0;
    
}
footer .footer_menu .footer_redes_sociales .iconos_redes_sociales .instagram {
    
    background:                 #000000;
    
}
footer .footer_menu .footer_redes_sociales .iconos_redes_sociales .youtube {
    
    background:                 red;
    
}
footer .footer_menu .footer_redes_sociales .iconos_redes_sociales .whatsapp {
    
    background:                 green;
    
}
footer .footer_menu .titulo .subtitulo {
    
    display:                    none;
    
}
.chat-facebook {
    
    bottom:                     0;
    position:                   fixed;
    right:                      1em;
    text-align:                 right;
    z-index:                    9999;
    
}
.chat_contenido {
    
    display:                    none;
    
}
.chat_contenido .titulo {
    
    background:                 #203c6d;
    box-sizing:                 border-box;
    color:                      white;
    font-size:                  .8em;
    padding:                    .5em .25em;
    position:                   relative;
    text-align:                 left;
    width:                      100%;
    
}
.chat_contenido .titulo span {
    
    cursor:                     pointer;
    font-size:                  1.4em;
    position:                   absolute;
    right:                      .25em;
    top:                        .25em;
    
}
.chat_contenido iframe {
    
    border:                     none;
    height:                     500px;
    max-width:                  100%;
    overflow:                   hidden;
    width:                      340px;
    
}
@media only screen and (min-width: 1024px){
    
    footer {
        
        padding:                        3em;
        width:                          100%;
        
    }
    footer .footer_menu {
        
        padding:                        1em;
        width:                          100%;
        
    }
    footer .footer_menu > div {
        
        padding:                        0;
        width:                          200px;
        
    }
    footer .footer_menu,
    footer .footer_creditos {
        
        width:                          100%;
        
    }
    footer .footer_creditos {
        
        flex-wrap:                      nowrap;
        justify-content:                center;
        padding-top:                    3em;
        text-align:                     center;
    }
    footer .footer_creditos .derechos span {
        
        text-align:                     center;
        
    }
    footer .footer_menu .titulo {
        
        padding-left:                   0;
        text-align:                     center;
        
    }
    footer .footer_menu .titulo p {
        
        padding-bottom:                 1em;
        
    }
    footer .footer_menu .titulo .subtitulo {
        
        display:                        block;
        text-align:                     center;
        
    }
    footer .footer_creditos .tarjetas {
        
        width:                          300px;
        
    }
    footer .footer_menu .titulo p span {
        
        display:                        none;
        
    }
    footer .footer_menu .footer_redes_sociales .iconos_redes_sociales {
        
        justify-content:                center;
        padding-top:                    0;
        
    }
    footer .footer_menu .footer_redes_sociales .iconos_redes_sociales .icono {
        
        margin:                         0 .2em;
        
    }
    .chat-facebook {
        
        right:                          .5em;
        
    }
    
}
@media only screen and (min-width: 1300px){
    
    footer .footer_menu > div {
        
        padding:                                0;
        width:                                  250px;
        
    }
    
}