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

.footer-mundo{
background:#0f0f0f;
color:#ccc;
padding-top:60px;
padding-bottom:30px;
font-size:15px;
}

/* COLUMNAS */

.footer-col{
padding:25px 30px;
position:relative;
}

.footer-col:not(:first-child)::before{
content:"";
position:absolute;
left:0;
top:10%;
width:1px;
height:80%;
background:rgba(255,255,255,0.15);
}

/* LOGO */

.footer-logo{
display:flex;
align-items:center;
gap:12px;
margin-bottom:15px;
}


.footer-logo img{
width:60px;
height:auto;
border-radius:10px;
object-fit:contain;
}

/* TEXTO */

.footer-logo-text{
display:flex;
flex-direction:column;
line-height:1;
font-weight:700;
}

.footer-mundo-text{
color:#cc0000;
font-size:15px;
letter-spacing:1px;
}

.footer-info-text{
color:#ffffff;
font-size:12px;
letter-spacing:1px;
}

.footer-desc{
font-size:14px;
line-height:1.7;
color:#aaa;
}

/* TITULOS */

.footer-col h5{
color:#fff;
font-weight:600;
margin-bottom:18px;
font-size:17px;
}

/* LISTAS */

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

.footer-col ul li{
margin-bottom:10px;
color:#bbb;
}

/* LINEA */

.footer-line{
border-color:rgba(255,255,255,0.1);
margin:35px 0;
}

/* BOTTOM */

.footer-bottom{
display:flex;
justify-content:center;
align-items:center;
gap:25px;
flex-wrap:wrap;
}

/* COPYRIGHT */

.footer-copy{
margin:0;
color:#aaa;
}

/* REDES */

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

.footer-social a{
font-size:24px;
color:#ddd;
background:#1a1a1a;
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
transition:0.3s;
}

.footer-social a:hover{
background:#cc0000;
color:white;
transform:translateY(-3px);
}

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

@media (max-width:768px){

.footer-col{
text-align:center;
}

.footer-col:not(:first-child)::before{
display:none;
}

.footer-bottom{
flex-direction:column;
}

}


/* ======================================
   SEPARADORES MODERNOS FOOTER
====================================== */

.footer-top{
position:relative;
}

.footer-col{
position:relative;
padding-right:30px;
}

.footer-social{
display:flex;
gap:15px;
flex-wrap:wrap;
justify-content:center;
}