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


.footer{
   background-color: #1c1917;


padding:70px 25px 0 25px;

}


/* GRID */

.footer-grid{
max-width:1400px;
margin:auto;
padding:0 20px;
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:45px;

}


/* MARCA */

.footer-brand h3{

margin-bottom:15px;
font-size:22px;
color:#f0f8ff

}

.footer-brand p{

color:#f0f8ff;
font-size:14px;
line-height:1.7;
max-width:300px;


}


/* TITULO */

.footer-title{
font-size: 18px;
font-weight:600;
margin-bottom:15px;

display:flex;
justify-content:space-between;
align-items:center;

cursor:pointer;
color:#f0f8ff;

}


/* LINKS */

.footer-links{

list-style:none;

}

.footer-links li{

margin-bottom:10px;

}

.footer-links a{
font-size: 10px;
text-decoration:none;
color:#f0f8ff;
font-size:14px;
transition:0.25s;

}

.footer-links a:hover{

color:#1ed5d8;

}


/* ICONO */

.footer-title .icon{

display:none;

}


/* FOOTER BOTTOM */

.footer-bottom{

text-align:center;
border-top:1px solid rgba(90,44,77,0.15);
margin-top:40px;
padding:20px;
font-size:13px;
color:#f0f8ff;

}


/* =========================
   TABLET
========================= */

@media (max-width:900px){

.footer-grid{

grid-template-columns:1fr 1fr;

}

}


/* =========================
   MOVIL
========================= */

@media (max-width:768px){

.footer-grid{

grid-template-columns:1fr;

}


/* mostrar icono */

.footer-title .icon{

display:block;
font-size:18px;

}


/* cerrar listas */

.footer-links{

max-height:0;
overflow:hidden;
transition:max-height 0.3s ease;

}


/* abrir lista */

.footer-col.active .footer-links{

max-height:200px;

}

}
@media (max-width: 500px) {
  .footer {
   padding:60px 0 0 0 ;
  } 
}