/* Footer ---------------------------------------------------------------------------------------*/
footer {margin: 0;display: flex;justify-content: center;width: 100%;height: fit-content;}
.footer-main-nav {margin: 0;}
.footer-main-nav ul {justify-content: center;padding: 10px;list-style: none;display: flex;align-items: center;}
.footer-main-nav li {margin-left: 0px;}
.footer-main-nav a {text-decoration: none;}
.footer-menu-nav {float: right;justify-content: right;}
.social-media-footer{transition: 0.3s;}
.social-media-footer:hover{transform: scale(1.1);}

.img-mono-dark-footer{justify-content: left;width: 200px;height: 200px;margin-right: 0px; padding-top: 0px;}
.navbar-footer {background-color: #ffffff;margin: 0 auto;padding: 30px;width: 100%;height: 300px;align-items: center;text-align: center;display: grid;grid-template-columns: 1fr 2fr 1fr;}

.text-menu-footer{ display: flex; align-items: center; justify-content: space-between; gap: 200px;}

.nav-menu-footer {font: #fff;text-decoration: none;list-style: none; align-items: center;}
.nav-menu-footer>li {font: #fff;text-decoration: none;list-style: none; align-items: center; margin-left: -20px;}
.nav-menu-footer-social-media {display: flex; flex-direction: row;}
.nav-item-footer {display: flex;padding: 10px;}
.nav-item-footer img {height: 30px;width: auto;}
@media screen and (min-width: 1201px) and (max-width: 1500px){
.navbar-footer {overflow: hidden;background-color: #ffffff;margin: 0 auto;height: fit-content;width: 100%;padding-top: 20px;justify-content: center;text-align: center;display: grid;grid-template-columns: 2fr 3fr 2fr;}
.text-menu-footer{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 70px; margin-bottom: 60px;} 
}

@media screen and (min-width: 1001px) and (max-width: 1200px){
.navbar-footer {overflow: hidden;background-color: #ffffff;margin: 0 auto;height: fit-content;width: 100%;padding-top: 20px;justify-content: center;text-align: center;display: flex; flex-direction: column;}
.text-menu-footer{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 70px; margin-bottom: 60px;} 
}

@media screen and (min-width: 769px) and (max-width: 1000px){

.img-mono-dark-footer{padding-top: 50px;}

.navbar-footer {overflow: hidden;background-color: #ffffff;margin: 0 auto;height: fit-content;width: 100%;padding-top: 20px;justify-content: center;text-align: center;display: flex; flex-direction: column;}
.navbar-footer>div{grid-column: 1/3;grid-row: 1;}
.nav-menu-footer>li {margin-left: -20px;}

.text-menu-footer{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 70px; margin-bottom: 60px;}

.nav-menu-footer {margin-top: 0;margin-bottom: 0;padding: 0;}
#categoria-footer-01{grid-column: 1/2;grid-row: 2;}
#categoria-footer{grid-column: 1/2;grid-row: 3;}



.nav-menu-footer-social-media{grid-column: 1/3;grid-row: 4}
.logo-footer img {justify-content: left;width: 150px;height: 150px; margin-right: 0px; margin-top: 0px;}
}
@media screen and (max-width: 768px) {

.img-mono-dark-footer{padding-top: 50px;}

.navbar-footer {overflow: hidden;background-color: #ffffff;margin: 0 auto;height: fit-content;width: 100%;padding: 0px;justify-content: center;text-align: center;display: flex; flex-direction: column;}

.text-menu-footer{ display: flex; align-items: center; flex-direction: column; justify-content: space-between; gap: 10px; margin-top: 50px; margin-bottom: 20px;}

.nav-menu-footer>li {margin-left: -20px;}
.navbar-footer>div{grid-column: 1/3;grid-row: 1;}
.nav-menu-footer {margin-top: 0;margin-bottom: 0;padding: 0;}
#categoria-footer-01{grid-column: 1/2;grid-row: 2;}
#categoria-footer-01 > .nav-item a{font-family: "philosopher", sans-serif;font-weight: 700; padding: 5px 35px;font-style: normal;  text-decoration: none;letter-spacing: 0pt; transition: 0.3s;} 


#categoria-footer{grid-column: 1/2;grid-row: 3;}
.nav-menu-footer-social-media{grid-column: 1/3;grid-row: 4; margin-left: 20px;}
.logo-footer img {justify-content: left;width: 150px;height: 150px; margin-right: 20px; margin-top: 30px;}


footer {display: flex; flex-direction: column;}

.nav-menu-footer-social-media{margin-bottom: 20px;margin-top: 20px;}
}