.container {
width: 85%;
max-width: 3840px;
}
.main-banner {
background-color: transparent;
}
.main-banner__content {
padding: 100px 10px 10px 40px;
}
.main-banner__image-wrapper {
display: block;
position: absolute;
max-width: 500px;
}
.main-banner__heading {
line-height: .8;
font-size: 2rem;
text-shadow: 3px 3px 3px white;
margin-bottom: 1rem;
}
.main-banner__description {
color: #8c454f;
line-height: .9;
font-size: .9rem;
text-shadow: 3px 3px 5px #ffff;
}
.main-header__site-title {
    max-width:60%;
    order:initial
  }
  .main-header__site-title img {
    max-height:80px;
  }
.main-footer__col1 img {
max-width: 350px;
}
.lg-download {
  display: none !important;
}

/* REGLAS PARA EL DISEÑO */

/* Títulos verdes con justificación */
.mem-title {
  color: #0F9D76;
  font-size: 1.8em;
  margin-bottom: 0.5em;
  font-weight: bold;
  text-align: justify;
}

/* Caja destacada tipo "Dato curioso" o cita */
.mem-highlight {
  background-color: #e0f5ee;
  border-left: 4px solid #0F9D76;
  padding: 1em;
  margin: 1.5em 0;
  font-style: italic;
  font-size: 1rem;
  text-align: justify;
}

/* Sección con línea lateral izquierda */
.mem-section {
  margin-top: 2em;
  padding-left: 1em;
  border-left: 4px solid #0F9D76;
}

/* Línea de tiempo */
.mem-timeline {
  list-style: none;
  padding-left: 0;
  margin-top: 0.5em;
}

.mem-timeline li {
  margin-bottom: 0.8em;
  padding: 0.5em 0;
  border-bottom: 1px solid #b2dfdb;
  text-align: justify;
}

/* Etiquetas de año */
.mem-year {
  display: inline-block;
  background-color: #0F9D76;
  color: white;
  padding: 0.2em 0.6em;
  border-radius: 4px;
  margin-right: 0.5em;
  font-weight: bold;
}

/* Párrafos generales */
p,
.mem-text {
  text-align: justify;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.5em;
}