/* ===================================
    footer
====================================== */

footer{
  position: relative;
  z-index: 10;
  background: #114470;
}

.logo-footer{
  width:180px;
  
}

.site-footer{
  width: 100%;
  background:#114470;
  font-weight: 400;

}

.grid-site-footer{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  border-bottom: 1px solid #fff;
  grid-template-areas: 
  "sello"
  "main"
  "conta";
}

.sec-sello{grid-area: sello;}
.sec-contact{grid-area: conta;}
.sec-menu{grid-area: main;}


.sec-sello{
  display: flex;
  align-items: center;
  gap: 20px;
}

.sec-sello img{
  width: 80px;
  height: 80px;
}

.sec-contact{
  display: flex;
  gap:10px;
  justify-content: flex-end;
}

.pill-marca{
  width: 100px;
  height: 40px;
  padding: 10px;
  border-radius: 55px;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pill-marca img{
  width: 70%;
}

.site-footer a{transition: all 0.7s ease;color:#fff;font-weight: 400!important;}
.site-footer a:hover{
  color: #EDB500;
  transition: all 0.7s ease;
}

.sec-menu{
  display: flex;
  align-items: end;
}

.menu-footer{
  display: flex;
  justify-content: center;
  align-items: center;
  gap:25px;
  margin-left: 10px;
}


.menu-footer ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
    gap:20px;
}

.logo-footer{
  width: 120px;
}

/*-----Section contact-----*/

.contenedor-sociales{
  display: flex;
  align-items: center;
  gap:25px;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 50px;
}

 .icon-social{
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color:#114470!important;
  transition: all 0.7s ease;
}

 .icon-social svg{
  width: 70%;
  transition: all 0.7s ease;
}

 .icon-social:hover path{
  fill:#EDB500!important;
  transition: all 0.7s ease;
}




/*-----Section contact-----*/

.contact-content{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap:20px;
}


.contact-content .icon i{
  color: #fff;
  font-size: 30px;
}

.contact-content .icon img{
  width: auto;
  height: 35px;
}



/*Section desing by*/

.site-footer-tyc{
   left: 0;
   bottom: 5px;
   width: 100%;
  text-align: left;
  padding-bottom: 10px;
  padding-top: 5px;
}

.content-legales{
  display: flex;
  justify-content: center;
  align-items: center;
}

.site-footer-tyc span{
  color: #fff;
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
}

.site-footer-tyc a{
  color: #fff;
  font-size: 12px;
  line-height: normal;
  transition: all 0.7s ease;
}

.site-footer-tyc a:hover{
  color: #fff!important;
  transition: all 0.7s ease;
  text-decoration: underline;
}


/* ===================================
    Responsive
====================================== */

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {

  .pill-marca{
  width: 130px;}

  .grid-site-footer{
  display: grid;
  grid-template-columns: 40% auto;
  grid-gap: 20px;
  border-bottom: 1px solid #fff;
  grid-template-areas: 
  "sello sello"
  "main conta";
}

.sec-contact{
  display: flex;
  gap:30px;
  justify-content: flex-end;
  flex-direction: column;
}

.sec-menu{
  display: flex;
  align-items:start;
}

.menu-footer ul {
    display: flex;
    align-items: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
    flex-direction: column;
    gap: 20px;
}


} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

  .grid-site-footer{
  display: grid;
  grid-template-columns: 30% auto;
  grid-gap: 20px;
  border-bottom: 1px solid #fff;
  grid-template-areas: 
  "sello sello"
  "main conta";
}

.sec-contact{
  display: flex;
  gap:30px;
  justify-content: flex-end;
  flex-direction: row;
}

.sec-menu{
  display: flex;
  align-items:start;
}

.menu-footer ul {
    display: flex;
    align-items: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
    flex-direction: column;
    gap: 20px;
}
  
}
/* md  */ @media (min-width: 768px) {

.grid-site-footer{
  display: grid;
  grid-template-columns: 35% auto;
  grid-gap: 50px;
  border-bottom: 1px solid #fff;
  grid-template-areas: 
  "sello conta"
  "main  main";
}

.sec-sello{
  display: flex;
  align-items:start;
  justify-content: flex-start;
  gap: 20px;
  flex-direction: column;
}

.sec-contact{
  display: flex;
  gap:30px;
  justify-content: flex-end;
  flex-direction: row;
}

.sec-menu{
  display: flex;
  align-items: end;
}

.menu-footer ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
    flex-direction: row;
    
}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

.grid-site-footer{
  display: grid;
  grid-template-columns: 55% auto;
  grid-gap: 50px;
  border-bottom: 1px solid #fff;
  grid-template-areas: 
  "sello conta"
  "main  conta";
}

.sec-sello{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  flex-direction: row;
}


} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}