html, body {
  height: 100%;
  margin: 0;
}

/* Estilos generales */
body {
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Asegura que el body tenga al menos la altura de la viewport */
}

.container {
  flex: 1; /* Permite que el contenido principal se expanda para ocupar todo el espacio disponible */
  min-height: 100vh;
}


footer {
  flex-shrink: 0;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}


header{
  z-index: 50;
}


.content__info{
  margin-top: 10vh;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-family: montserrat;
  margin-left: 5%;
  margin-right: 5%;
  letter-spacing: 1px;
  text-align: justify;
}

.content__info h3{
font-family: montserrat;
color: #0C2B42; /* Color azul oscuro */
font-weight: bold;
font-size: 3vw;
text-align: center;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}


.content__header{
  width: 100%;
  height: 70vh;
  display: flex;
  justify-content: center;
}

.text h2{
  font-family: montserrat;
color: #00436D; /*Azul claro de la paleta*/
font-weight: bold;
text-align: left;
margin-left: 5%;
font-size: 2vw;
}

.text h3{
  font-family: montserrat;
color: #00436D; /*Azul claro de la paleta*/
font-weight: bold;
font-size: 1.5vw;
text-align: left;
}

.text{
  font-family: Georgia;
  margin-left: 10%;
  margin-right: 10%;
  letter-spacing: 1px;
  text-align: justify;
  font-size: 1.3vw;
  color:  #222;
}

.content__header img{
  margin-top: 0;
  width: 30%;
  height: 80%;
  border-radius: 12px;
  box-shadow:  10px 10px 10px rgba(0, 0, 0, 0.5); /* Sombra interna */
}

.text p{
text-align: justify;
}

@media only screen and (min-width: 851px) and (max-width: 1050px) {

.content__header img{
  margin-top: 0;
  width: 50%;
  height: 80%;
  border-radius: 12px;
  box-shadow:  10px 10px 10px rgba(0, 0, 0, 0.5); /* Sombra interna */
}

.content__info h3{
  font-size: 5vw;
  margin-left: 5%;
  margin-right: 5%;
}


.text h2{
  font-family: montserrat;
color: #00436D; /*Azul claro de la paleta*/
font-weight: bold;
text-align: left;
margin-left: 5%;
font-size: 4vw;
}

.text h3{
  font-family: montserrat;
color: #00436D; /*Azul claro de la paleta*/
font-weight: bold;
font-size: 3vw;
text-align: left;
}

.text{
  font-family: montserrat;
  margin-left: 5%;
  margin-right: 5%;
  letter-spacing: 1px;
  text-align: justify;
  font-size: 2vw;
  line-height: 1.5;
}
}


@media (max-width: 850px) {

.content__header img{
  margin-top: 0;
  width: 70%;
  height: 80%;
  border-radius: 12px;
  box-shadow:  10px 10px 10px rgba(0, 0, 0, 0.5); /* Sombra interna */
}

.content__info h3{
  font-size: 8vw;
  margin-left: 5%;
  margin-right: 5%;
}

.text h2{
  font-family: montserrat;
color: #00436D; /*Azul claro de la paleta*/
font-weight: bold;
text-align: left;
margin-left: 5%;
font-size: 7vw;
}

.text h3{
  font-family: montserrat;
color: #00436D; /*Azul claro de la paleta*/
font-weight: bold;
font-size: 6vw;
text-align: left;
}

.text{
  font-family: montserrat;
  margin-left: 5%;
  margin-right: 5%;
  letter-spacing: 1px;
  text-align: justify;
  font-size: 4.5vw;
  line-height: 1.5;
}
}