.footer{
  display:flex;
  width:100%;
  min-height:658px;
  flex-direction:column;
  background-color:#F8FBFB;
  overflow:hidden;
  position: relative;
  background-color:#F8FBFB;
}

.footerSelva{
  display:flex;
  width:100%;
  height:188px;
  flex-shrink:0;
  background-color:#F1F7F1;
  overflow:hidden;
}

.footerSelva.blanca{
  background-color:#F8FBFB;
}

.footerSelva img{
  width:100%;
  min-width:1748px;
  height:188px;
  object-fit:cover;
  object-position:center top;
}

.footerBody{
  display:flex;
  width:100%;
  min-height:470px;
  flex-direction:column;
  padding-top:111px;
  padding-bottom:36px;
  background-color:#0B3636;
}

.footerContent{
  display:flex;
  width:100%;
  max-width:1403px;
  padding: 0 30px;
  margin:0 auto;
  gap:40px;
  align-items:flex-start;
  justify-content:space-between;
}

.footerLogo{
  display:flex;
  width:215.467px;
  height:65px;
  flex-shrink:0;
  margin-top:7px;
}

.footerLogo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
}

.footerColumns{
  display:flex;
  width:100%;
  max-width: 1000px;
  align-items:flex-start;
  justify-content:space-between;
  gap: 40px;
}

.footerColumn{
  display:flex;
  width:fit-content;
  max-width: 400px;
  flex-direction:column;
}

.footerColumn h3{
  margin-bottom:28px;
  font-size:20px;
  line-height:34.058px;
  letter-spacing:-0.4px;
  font-weight:700;
  color:white;
}

.footerColumn a{
  margin-bottom:14px;
  font-size:15px;
  line-height:24px;
  letter-spacing:0px;
  font-weight:500;
  color:white;
  text-decoration:none;
}

.footerLinea{
  display:flex;
  width:100%;
  max-width:1742px;
  height:1px;
  margin:88px auto 0 auto;
  background-color:rgba(255,255,255,0.45);
}

.footerBottom{
  display:flex;
  width:100%;
  max-width:1628px;
  margin:29px auto 0 auto;
  padding: 0 30px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:18px;
}

.footerBottom p{
  font-size:15px;
  line-height:24px;
  letter-spacing:0px;
  font-weight:500;
  color:white;
}

.footerSocial{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:40px;
  row-gap:12px;
}

.footerSocial a{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  color:white;
}

.footerSocial img{
  width:26px;
  height:26px;
  object-fit:contain;
  object-position:center;
}

.footerSocial span{
  font-size:15px;
  line-height:24px;
  letter-spacing:0px;
  font-weight:500;
  color:white;
}

@media(max-width:1200px){

  

  .footer{
    min-height:386px;
  }

  .footerSelva{
    height:110px;
  }

  .footerSelva img{
    min-width:1025px;
    height:110px;
  }

  .footerBody{
    min-height:276px;
    padding-top:65px;
  }

  .footerContent{
    max-width:764px;
  }

  .footerLogo{
    width:126px;
    height:38px;
    margin-top:4px;
  }

  .footerColumns{
    width:545px;
  }

  .footerColumn{
    width:151px;
  }

  .footerColumn h3{
    margin-bottom:16px;
    font-size:11.72px;
    line-height:19.96px;
    letter-spacing:-0.23px;
  }

  .footerColumn a{
    margin-bottom:8px;
    font-size:8.79px;
    line-height:14.06px;
  }

  .footerLinea{
    max-width:1022px;
    margin-top:51px;
  }

  .footerBottom{
    max-width:954px;
    margin-top:17px;
   padding: 0 ;
  }

  .footerBottom p{
    font-size:8.79px;
    line-height:14.06px;
  }

  .footerSocial{
    gap:23px;
  }

  .footerSocial a{
    gap:8px;
  }

  .footerSocial img{
    width:15.24px;
    height:15.24px;
  }

  .footerSocial span{
    font-size:8.79px;
    line-height:14.06px;
  }
}

@media(max-width:700px){
  .footer{
    min-height:0;
  }

  .footerSelva{
    height:95px;
  }

  .footerSelva img{
    min-width:884px;
    height:95px;
  }

  .footerBody{
    min-height:0;
    padding:58px 25px 48px 25px;
  }

  .footerContent{
    max-width:none;
    flex-direction:column;
    gap:48px;
  }

  .footerLogo{
    width:190px;
    height:57px;
    margin-top:0;
  }

  .footerColumns{
    width:100%;
    flex-direction:column;
    gap:30px;
  }

  .footerColumn{
    width:100%;
  }

  .footerColumn h3{
    margin-bottom:14px;
    font-size:20px;
    line-height:28px;
    letter-spacing:-0.4px;
  }

  .footerColumn a{
    margin-bottom:7px;
    font-size:15px;
    line-height:24px;
  }

  .footerLinea{
    max-width:none;
    margin-top:48px;
  }

  .footerBottom{
    max-width:none;
    margin-top:24px;
    flex-direction:column;
    align-items:flex-start;
    gap:24px;
  }

  .footerBottom p{
    font-size:13px;
    line-height:20px;
  }

  .footerSocial{
    flex-wrap:wrap;
    gap:18px;
  }

  .footerSocial a{
    gap:10px;
  }

  .footerSocial img{
    width:22px;
    height:22px;
  }

  .footerSocial span{
    font-size:13px;
    line-height:20px;
  }
}

@media(max-width:1200px) and (min-width:701px){
  .footer{
    min-height:0;
  }

  .footerSelva{
    height:145px;
  }

  .footerSelva img{
    min-width:1348px;
    height:145px;
  }

  .footerBody{
    min-height:0;
    padding:78px 54px 56px 54px;
  }

  .footerContent{
    max-width:760px;
    flex-direction:column;
    gap:54px;
  }

  .footerLogo{
    width:190px;
    height:57px;
    margin-top:0;
  }

  .footerColumns{
    width:100%;
    flex-wrap:wrap;
    gap:42px 52px;
    justify-content:flex-start;
  }

  .footerColumn{
    width:205px;
  }

  .footerColumn h3{
    margin-bottom:18px;
    font-size:18px;
    line-height:28px;
    letter-spacing:-0.3px;
  }

  .footerColumn a{
    margin-bottom:9px;
    font-size:14px;
    line-height:22px;
  }

  .footerLinea{
    max-width:760px;
    margin-top:58px;
  }

  .footerBottom{
    max-width:760px;
    margin-top:28px;
    align-items:flex-start;
    gap:28px;
  }

  .footerBottom p{
    max-width:310px;
    font-size:13px;
    line-height:20px;
  }

  .footerSocial{
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:18px 26px;
  }

  .footerSocial a{
    gap:10px;
  }

  .footerSocial img{
    width:22px;
    height:22px;
  }

  .footerSocial span{
    font-size:13px;
    line-height:20px;
  }
}