/* ==========================================
   FOOTER - SPEN PROPIEDADES
========================================== */

footer{

    background:#1f1f1f;
    color:#ffffff;
    margin-top:80px;

}

/* ==========================================
   PARTE SUPERIOR
========================================== */

.footer-superior{

    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:180px 1fr 290px;

    gap:40px;

    align-items:center;

    padding:10px 2px;

}

/* ==========================================
   FOTO
========================================== */

.footer-perfil{

    display:flex;
    justify-content:center;

}

.footer-perfil img{

    width:95px;
    height:95px;

    object-fit:cover;

    border-radius:50%;

    border:4px solid #d7a11d;

}

/* ==========================================
   DATOS
========================================== */

.footer-datos h3{

    font-size:28px;

    margin:0 0 12px;

    color:#fff;

}

.footer-datos p{

    margin:0;

    font-size:18px;

    color:#d8d8d8;

}

.footer-datos span{

    display:inline-block;

    margin-top:18px;

    padding:6px 16px;

    background:#d7a11d;

    color:#fff;

    border-radius:30px;

    font-weight:600;
    
    font-size:14px;

}

/* ==========================================
   REDES
========================================== */

.footer-redes{

    display:flex;

    flex-direction:column;

    gap:8px;

    margin-left:-60px;

}

.footer-redes a{

    color:#ffffff;

    text-decoration:none;

    transition:.25s;

    font-size:18px;

}

.footer-redes a:hover{

    color:#d7a11d;

    transform:translateX(5px);

}

.footer-redes i{

    width:22px;

    text-align:center;

    margin-right:10px;

}
.footer-redes .fa-whatsapp{

    color:#25D366;

}

.footer-redes .fa-instagram{

    color:#E4405F;

}

.footer-redes .fa-facebook-f{

    color:#1877F2;

}

.footer-redes .fa-envelope{

    color:#d7a11d;

}

/* ==========================================
   PARTE INFERIOR
========================================== */

.footer-inferior{

    border-top:1px solid rgba(255,255,255,.12);

    text-align:center;

    padding:14px 10px;

}

.footer-inferior p{

    margin-bottom:14px;

    color:#bdbdbd;

    font-size:15px;

}

.footer-legal{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

    flex-wrap:wrap;

}

.footer-legal a{

    color:#bdbdbd;

    text-decoration:none;

    transition:.25s;

}

.footer-legal a:hover{

    color:#d7a11d;

}

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

@media(max-width:900px){

.footer-superior{

    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:220px 1fr;

    gap:60px;

    align-items:center;

    padding:60px 20px;

}

.footer-redes{

    align-items:center;

}

}