/*=========================
        FOOTER
=========================*/

.bv-footer{

    background:#072b73;

    color:#FFF;

    padding:80px 7% 35px;

    font-family:'Poppins',sans-serif;

}

.bv-footer-container{

    display:grid;

    grid-template-columns:1.2fr 1fr 1.5fr;

    gap:70px;

    align-items:flex-start;

}

/*=========================
LOGO
=========================*/

.bv-footer-brand img{

    width:180px;

    margin-bottom:25px;

}

.bv-footer-brand p{

    color:#d6dff3;

    line-height:1.8;

    margin-bottom:35px;

    max-width:320px;

}

/*=========================
SOCIAL
=========================*/

.bv-social{
    display:flex;
    align-items:center;
    gap:16px;
}

.bv-social a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:fit-content;
    height:fit-content;

    padding:0;
    margin:0;

    background:transparent;
    border:none;
}

.bv-social img{
    display:block;
    width:46px;      /* el tamaño que desees */
    height:auto;
    object-fit:contain;
}

.bv-social a:hover{

    transform:translateY(-3px);

}

.bv-social a:nth-child(1){

    background:#;

}

.bv-social a:nth-child(2){

    background:#;

}

.bv-social a:nth-child(3){

    background:#;

}

.bv-social a:hover{

    transform:translateY(-6px) scale(1.08);

    

}

/*=========================
TITULOS
=========================*/

.bv-footer h3{

    font-size:30px;

    margin-bottom:25px;

    color:#FFF;

    font-weight:700;

}

.bv-footer h3 a{

    color:#FFF;

    text-decoration:none;

}

.bv-footer h3 a:hover{

    color:#D9C598;

}

/*=========================
MENUS
=========================*/

.bv-footer ul{

    list-style:none;

    padding:0;

    margin:0;

}

.bv-footer li{

    margin-bottom:18px;

}

.bv-footer li a{

    color:#FFF;

    text-decoration:none;

    transition:.3s;

    font-size:17px;

    font-weight:500;

}

.bv-footer li a:hover{

    color:#D9C598;

    padding-left:8px;

}

.bv-footer li span{

    display:block;

    color:#cfd8ef;

    margin-top:5px;

    line-height:1.6;

    font-size:15px;

}

/*=========================
DIVISOR
=========================*/

.bv-divider{

    margin:60px 0 35px;

    height:1px;

    background:rgba(255,255,255,.12);

}

/*=========================
BOTTOM
=========================*/

.bv-footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

    flex-wrap:wrap;

    color:#d5dff0;

    font-size:15px;

    line-height:1.8;

}

.bv-footer-bottom a{

    color:#FFF;

    text-decoration:none;

    font-weight:600;

}

.bv-footer-bottom a:hover{

    color:#D9C598;

}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:1100px){

.bv-footer-container{

grid-template-columns:1fr 1fr;

}

.bv-footer-brand{

grid-column:1/-1;

}

}

@media(max-width:768px){

.bv-footer{

padding:60px 30px;

}

.bv-footer-container{

grid-template-columns:1fr;

gap:50px;

}

.bv-footer h3{

font-size:26px;

}

.bv-footer-bottom{

flex-direction:column;

text-align:center;

}

.bv-footer-brand{

text-align:center;

}

.bv-footer-brand p{

margin:auto auto 30px;

}

.bv-social{

justify-content:center;

}

}