@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root{
  --white: #f9f9f9;
  --blue: #003399;
  --yellow-light:#FFC436;
  --black: #848688;
  --black1: #727376;
  --grey: #0b0b0b;
  --blue2: #001E84;
  --black2: #E6E7E8;
  --black3: #D2D3D5;
  
}

/* Footer */

.footer{
  background-color:var(--blue);
  width: 100%;
  font-family: Montserrat;
}


.container{
  max-width: 1550px;
  width: 100%;
  margin:auto;
}

.columnas_redes{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px #FFC436 solid;
}

.columnas_redes .nosotros img{
  margin-left: 1rem;
  width: 250px;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.columnas_redes .consulta{
  display: inline-block; 
  margin: auto;
}

.columnas_redes .consulta .textto_email{
  width: 480px;
  height:50px;
  margin-left: 5rem;
  border-radius: 40px;
  padding:1rem;
}


.columnas_redes .consulta .botonsu{
  margin-top: 1.2rem;
  padding:0.9rem 1.6rem;
  border-radius:40px;
  border:2px var(--yellow-light) solid;
  background: none;
  cursor: pointer;  
  color:#fff; 
}

.columnas_redes .consulta .botonsu:hover{
  background:var(--yellow-light);
  transition: 0.5s ease;
  color:var(--blue);
}

.columnas_redes .redes{
  display: inline-block;
  margin: auto;
}

.columnas_redes .redes .btn_redes {
  width: 100%;
  margin:auto;
}

.columnas_redes .redes .btn_redes img{
  width: 50px;
  height: 50px;
  margin:10px;  
  transition: all 0.5s ease;
}

.columnas_redes .redes .btn_redes img:hover{
  transform: scale(1.2);
  transition: all 0.5s ease;
  border-radius: 50%;
  box-shadow: 1px 10px 8px 1px rgba(0,0,0, 0.5);
}



.footer_columnas{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
}

.footer_columnas .informe{
  width: 100%;
  margin-top:2.5rem;
  margin-bottom: 5rem;
}

.footer_columnas .informe h1{
  font-size: 1.5rem;
  color:#fff;
  margin-bottom: 1rem;
  font-weight: 500;

}

.footer_columnas .informe p{
  color:#fff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.footer_columnas .informe span{
  color:#0174BE;
  font-size: 1.2rem;
  font-weight: 500;
}

.footer_columnas .informe .botonsu{
  margin-top: 1.2rem;
  padding:0.9rem 1.6rem;
  border-radius:40px;
  border:2px var(--yellow-light) solid;
  background: none;
  cursor: pointer;  
  color:#fff;
}

.footer_columnas .informe .botonsu:hover{
  background:var(--yellow-light);
  transition: 0.5s ease;
  color:var(--blue);
}

.footer_columnas .informe .menu_footer{
  font-size: 1.2rem;
}

.footer_columnas .informe .menu_footer li{
  line-height: 2rem;
}

.footer_columnas .informe .menu_footer a{
  color:#fff;
  margin-bottom: 2px;
  font-weight: 300;
}

.footer_columnas .informe .menu_footer a:hover{
  color:var(--yellow-light);
  margin-left: 8px;
  transition: 0.5s ease;  
}

.informe .fa-solid{
  padding-right: 10px;
  margin:15px 0px;
}


.menu_footer .fa-solid{
  color:#FFC436;

}
.final{
  width: 100%;
  display:flex;
  justify-content: space-between;
  background:var(--blue2);
}

.final p{
  width: 100%;
  margin: auto;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
   padding:1.5rem 0rem;
  color:#fff;
}

.final p span{
  width: 100%;
  font-size: 1rem;
  font-weight: 500;
  padding:1.5rem 0rem;
  color:var(--yellow-light);
  margin-left: 35rem;

}


@media screen and (max-width:400px){


  .columnas_redes{
    display: flex;
    flex-wrap: wrap;
  }

  .columnas_redes .nosotros img{
    margin-left: 5rem;
    
  }
  
  .columnas_redes .consulta .textto_email{
    width: 360px;
    height:50px;
    margin-left: 1rem;
  }
    
  .columnas_redes .consulta .botonsu{
    margin:1rem 7rem;
  }

  .footer_columnas{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }

  .footer_columnas .informe{
    width: 100%;
    margin-top:1rem;
    margin-bottom: 1rem;
    padding: 0px 20px;
    text-align: center;
    align-items: center;
   }

   .footer .final{
    display:flex;
    flex-direction: column;
   }

   .footer .final p span{
    margin-left: 1rem;
  }
}