/*=========== FOOTER ===========*/
.footer{
background:#0d0d0d;
padding-top:80px;
color:#fff;
}

.footer-container{
max-width:1300px;
margin:auto;
padding:0 8% 60px;
display:grid;
grid-template-columns:1.2fr 1fr .8fr 1fr;
gap:60px;
}

/* logo */
.footer-brand img{
width:220px;
margin-bottom:30px;
}

.footer-brand p{
line-height:1.9;
color:#d4d4d4;
margin-bottom:35px;
max-width:320px;
}

/* redes */
.footer-social{
display:flex;
gap:15px;
}

.footer-social a{
width:46px;
height:46px;
border-radius:50%;
background:#4d0505;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
text-decoration:none;
transition:.3s;
}

.footer-social a:hover{
transform:translateY(-4px);
}


/* títulos */
.footer-col h3{
font-size:28px;
margin-bottom:28px;
position:relative;
}

.footer-col h3::after{
content:"";
width:50px;
height:2px;
background:#7b2121;
display:block;
margin-top:12px;
}

/* listas */
.footer-col ul{
padding:0;
margin:0;
list-style:none;
}

.footer-col ul li{
margin-bottom:16px;
position:relative;
padding-left:22px;
}

/* viñeta profesional */
.footer-col ul li::before{
content:"▸";
position:absolute;
left:0;
color:#4d0505;
font-weight:bold;
}

.footer-col ul li a{
color:#d9d9d9;
text-decoration:none;
transition:.3s;
}

.footer-col ul li a:hover{
color:#fff;
padding-left:4px;
}

/* contacto */
.contact-info p{
margin-bottom:8px;
line-height:1.7;
color:#d4d4d4;
}

.contact-info strong{
color:#fff;
}

/* parte inferior */
.footer-bottom{
border-top:1px solid rgba(255,255,255,.08);
text-align:center;
padding:28px 20px;
font-size:15px;
color:#aaa;
}



/*========== Responsive =========*/
@media(max-width:1100px){

.footer-container{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){

.footer{
text-align:center;
}

.footer-container{
grid-template-columns:1fr;
gap:50px;
}

.footer-brand p{
margin:auto auto 30px;
}

.footer-social{
justify-content:center;
}

.footer-col h3::after{
margin:12px auto 0;
}

.footer-col ul li{
padding-left:0;
}

.footer-col ul li::before{
display:none;
}
}