footer{
    margin-top: 70px;
    padding: 80px 10%;
    display: flex;
    justify-content: center;
    font-family: 'Rubik';
    background-color: #fff;
    border-top: 1px solid #d9dae0;
}
footer .logo_footer{
    width: 200px;
}
footer .contenedor_dato{
    margin: 0px 30px;
    display: flex;
    flex-direction: column;
}
footer .contenedor_dato .titulo_contenedor{
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #1a76d1;
}
footer .contenedor_dato .dato{
    margin-bottom: 10px;
    max-width: 250px;
}
footer .contenedor_dato .dato i{
    color: #202020;
}
footer .contenedor_dato .pago_seguro{
    width: 134px;
}
footer .contenedor_dato .alianzas{
    width: 250px;
}
.aviso_legal{
    font-family: 'Rubik';
    color: #202020;
    background-color: #e9eaec;
    text-align: center;
    padding: 6px 0px;
}

footer .contenedor_dato #WSP{
    font-size: 20px;
    border-radius: 8px;
    width: 35px;
    height: 35px;
    text-align: center;
    padding-top: 7px;  
    color: #008001;
    background-color: rgba(0, 128, 0, 0.100);
    transition: 0.2s ease-in-out;
}
footer .contenedor_dato #WSP:hover{
    background-color: rgba(0, 128, 0, 0.300);
}
footer .contenedor_dato #FB{    
    margin-right: 5px;
    font-size: 20px;
    border-radius: 8px;
    width: 35px;
    height: 35px;
    text-align: center;
    padding-top: 7px;  
    color: #3b589a;
    background-color: rgba(59, 87, 154, 0.100);
    transition: 0.2s ease-in-out;
}
footer .contenedor_dato #FB:hover{
    background-color: rgba(59, 87, 154, 0.300);
}
footer .contenedor_dato #IG{
    margin-right: 5px;
    font-size: 20px;
    border-radius: 8px;
    width: 35px;
    height: 35px;
    color: #ce2582;
    text-align: center;
    padding-top: 7px;
    padding-right: 1px;
    background-color: rgba(206, 37, 130, 0.100);
    transition: 0.2s ease-in-out;
}
footer .contenedor_dato #IG:hover{
    background-color: rgba(206, 37, 130, 0.300);
}


.boletin_contenedor{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 30px 0px;
    height: 200px;
    background-color: #1a73e8;
}
.boletin_contenedor .contenedor_formulario_boletin{
    display: flex;
}
.boletin_contenedor .titulo_boletin{
    font-family: "Rubik";
    color: #fff;
    font-size: 23px;
    font-weight: 550;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.boletin_contenedor .titulo_boletin ion-icon{
    margin-left: 10px;
    font-size: 28px;
}
.boletin_contenedor .input_boletin{
    font-family: "Rubik";
    font-size: 17px;
    outline: none;
    border-radius: 3px;
    height: 38px;
    border: none;
    font-family: "Rubik";
    color: #363636;
    font-weight: 500; 
    padding: 7px 10px;
    transition: all .1s ease-out;
    background-color: #f2f5fc;
    margin-right: 5px;
}
.boletin_contenedor .boton_boletin{
    background: #fff;
    outline: none;
    border: none;
    font-family: "Rubik";
    font-size: 16px;
    font-weight: 550;
    color: #1a73e8;
    padding: 5px 15px;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.200);
    transition: 0.2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.boletin_contenedor .boton_boletin:hover{
    background: rgba(255, 255, 255, 0.89);
}




@media screen and (max-width:1690px){  
    footer{
        padding: 80px 5%;
    }
}
@media screen and (max-width:1500px){  
    footer{
        padding: 80px 0%;
    }
}
@media screen and (max-width:1370px){  
    footer .contenedor_dato{
        margin: 0px 10px;
    }
}
@media screen and (max-width:950px){  
    footer .contenedor_dato{
        margin: 0px 5px;
    }
}
@media screen and (max-width:860px){  
    footer .contenedor_dato .titulo_contenedor{
        text-align: center;
    }
    footer{
        display: grid;
        grid-template-columns: 50% 50%;
        row-gap: 20px;
    }
    footer .contenedor_dato{
        align-items: center;
    }
}
@media screen and (max-width:690px){  
    .boletin_contenedor .titulo_boletin ion-icon{
        display: none;
    }  
}
@media screen and (max-width:480px){  
    footer{
        display: flex;
        flex-direction: column;
    }
    footer .contenedor_dato{
        align-items: center;
    }
}