/*-----------------------------------
      FOOTER
------------------------------------*/
#footer .azul {
    background: #171d2d;
    color: white;
}
#footer p {
    font-size: 13px;
}
#footer h6{
    font-size: 16px; font-weight: 700 !important;
    color: var(--rosa);
}

#footer p.rosa {
    text-decoration: underline;
    font-size: 14px;
}
#footer .azul .main-p {
    padding: 0px 20px;
}
#footer .caja {
    padding: 40px 10px;
}
#footer .oscuro {
    background: #080b14;
}
#footer .oscuro img {
    width: 150px;
    padding: 20px 0px;
}
#footer .oscuro p {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 10px 0px;
    margin: 0;
    font-size: 16px;
}
#footer .oscuro a {
    color: white;
}
#footer .oscuro .caja {
    padding: 40px 20px;
}
#footer .footer-header > .datosdecontacto > p > a{
   color: white; 
   padding: 10px;
   font-size:16px !important;
}


footer .footer-header{
    border-bottom: solid 1px #fff;
    display: flex;
    justify-content: space-between;
    margin: 30px 0px 30px;
    align-items: center;

}
.footer-header > .datosdecontacto{
    display: flex;
    @media (max-width: 768px) {
        display:block;
        margin-bottom: 20px;
    }
}


.footer-content{
    padding-bottom: 40px;
    @media (min-width: 768px) {
        display: grid; grid-template-columns: repeat(3, 1fr);
        padding-bottom: 30px;
     }

}
.footer a{
  color: #fff !important;
}
.footer a:hover{
  color: var(--rosa) !important;
}

.footer-section{
    @media (max-width: 768px) {
        text-align: center;
    }
}


.footer-section{
    position: relative;
}
.footer-section::after{
    @media (max-width: 768px) {
        font-family: bootstrap-icons;
        content: '\F282';
        position: absolute;
        right: 25px;
        top: 0px;
    }
}

.footer-section > ul{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    @media (min-width: 768px) {
        max-height: inherit;
     }
}
.footer-section > ul.open {
    max-height: inherit;
    transition: max-height 0.5s ease-in;
  }
.footer-section > p {
    font-size: 17px !important;
    font-weight: bold;
    @media (max-width: 768px) {
        /* border: solid 1px #ffffff4a;
        padding: 15px; */
        border-radius: 5px;
        margin-bottom: 15px !important;
     }
}
.footer-section > ul {
    list-style-type: none;
    padding: 0;
}

#footer .logo img {
  max-width: 140px;
  margin: 0 auto;
  margin-bottom: 20px;
}
#footer p,
#footer a {
  margin-bottom: 0px;
}
#footer a {
  font-size: 14px !important;
  color: #fff !important
}
#footer a:hover {
  text-decoration: underline !important;;
}
.menu-footer{
  display: grid;
  grid-template-columns: repeat(4, 1fr);

}
.menu-footer p{padding-bottom:10px !important;}
.menu-footer ul{margin: 0;padding: 0;}
.menu-footer li{list-style-type: none !important;line-height: 24px !important;}
.menu-footer li::marker{list-style-type: none !important;}

.footer-section{margin-bottom:15px;}



/*-------------------------------------------------------------
      RESPONSIVE
----------------------------------------------------------------*/


@media only screen and (max-width: 1400px) {}


@media only screen and (max-width: 1200px) {


}


@media only screen and (max-width: 1078px) {



}

@media only screen and (max-width: 992px) {




}


@media only screen and (max-width: 768px) {

    .footer-section{margin-bottom:15px;border-bottom: 1px solid #2d3240;}
    #footer h6 {
        font-size: 16px;
        font-weight: 400 !important;
        color: #fff;
       margin-top:10px;
    }
    }


@media only screen and (max-width: 575px) {

#footer .caja {
        padding: 10px;
    }
    #footer .main-p {
        padding: 20px 0px 0px 0px !important;
    }
    #footer .caja {
        padding: 20px;
    }
    #footer .news .main-p {
        padding: 20px 10px !important;
    }
    #footer .oscuro img {
        padding: 0px 0px 20px 0px;
        width: 120px;
    }
    #footer .oscuro .caja {
        padding: 10px;
    }
    .legal img {
        margin: 13px;
    }
    #footer .f-gris-cl a {
        padding: 0px 5px;
        margin: 0px 5px;
    }
    #footer .f-gris-cl p {
        margin-bottom: 0;
    }
}