@font-face {
  font-family: Franklingothicurw Med;
  src: url('../fonts/FranklinGothicURW-Med.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Itcfranklingothicstd Dmcp;
  src: url('../fonts/ITCFranklinGothicStd-DmCp.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Commons;
  src: url('../fonts/TT-Commons-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Itcfranklingothicstd Demi;
  src: url('../fonts/ITCFranklinGothicStd-Demi.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Commons;
  src: url('../fonts/TT-Commons-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --verde-btn: #194621;
  --transparent: #0000;
  --casi-blanco: #fefefe;
  --verde: #1a4621;
  --verde-claro: #b2d89d;
  --nude: #edece4;
  --blanco-verde: #ecece3;
  --black: #1b1e1d;
}

body {
  color: #333;
  font-family: Franklingothicurw Med, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.body-landing {
  background-color: #cf8b8b;
  background-image: url('../images/LANDING.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 6500px;
}

.section-header {
  z-index: 3;
  background-color: var(--verde-btn);
  padding: 1.2rem 1.5rem;
  position: relative;
}

.container-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.logo-header {
  width: 10.4rem;
}

.lista-links-header {
  grid-column-gap: 2.35rem;
  grid-row-gap: 2.35rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-header {
  border-bottom: 2px solid var(--transparent);
  color: var(--casi-blanco);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: .1rem;
  font-size: 1.12rem;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.link-header:hover, .link-header.on {
  border-bottom-color: var(--verde);
}

.section-hero {
  justify-content: center;
  align-items: flex-end;
  height: 54rem;
  padding-bottom: 5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.container-hero {
  z-index: 1;
  width: 100%;
  max-width: 86.8rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.logo-hero {
  float: right;
  width: 7.1rem;
  margin-bottom: 0;
  margin-right: 13.7rem;
}

.title-hero {
  clear: both;
  color: var(--casi-blanco);
  letter-spacing: .1rem;
  text-transform: uppercase;
  width: 57%;
  margin-top: 0;
  margin-bottom: .8rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: .95em;
}

.p-hero {
  color: var(--casi-blanco);
  width: 54%;
  margin-bottom: 2.2rem;
  font-size: 1.6rem;
  line-height: 1.1em;
}

.btn-general {
  background-color: var(--verde-claro);
  color: var(--verde);
  text-align: center;
  border-radius: 100rem;
  padding: .9rem 1.9rem;
  font-family: Franklingothicurw Med, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1em;
  transition: all .2s;
}

.btn-general:hover {
  background-color: var(--casi-blanco);
  color: var(--verde);
}

.btn-general.verde {
  background-color: var(--verde-btn);
  color: #e7e9e0;
}

.btn-general.verde:hover {
  background-color: var(--verde-claro);
  color: var(--verde);
}

.btn-general.verde-dos {
  background-color: var(--verde-btn);
  color: var(--verde-claro);
}

.btn-general.verde-dos:hover {
  background-color: var(--casi-blanco);
  color: var(--verde);
}

.btn-general.borde {
  border: 1px solid var(--verde-claro);
  background-color: var(--transparent);
  color: var(--verde-claro);
}

.btn-general.borde:hover {
  border-color: var(--verde);
  background-color: var(--verde);
}

.btn-general.header {
  padding: .7rem 1.4rem;
  font-size: 1.12rem;
}

.btn-general.header:hover {
  background-color: var(--nude);
  color: var(--verde);
}

.btn-general.donate {
  background-color: var(--verde);
  color: var(--nude);
  padding: .7rem 1.4rem;
  font-size: 1.12rem;
  position: absolute;
  top: 200%;
  right: 0;
}

.btn-general.donate:hover {
  background-color: var(--verde-claro);
  color: var(--verde);
}

.imagen-fondo {
  z-index: 0;
  opacity: .52;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-areas-of-impact {
  background-color: var(--blanco-verde);
  padding: 6.4rem 1.5rem 2rem;
}

.container-areas {
  width: 100%;
  max-width: 88rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4.2rem;
}

.small-title-areas {
  float: left;
  clear: both;
  border-bottom: 2px solid var(--verde);
  color: var(--verde);
  letter-spacing: .04rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2.4rem;
  font-family: Itcfranklingothicstd Demi, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: .9em;
}

.fila-areas-of-impact {
  clear: both;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.col-opciones {
  width: 51%;
}

.titulos-opciones {
  color: #70716c;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1em;
  transition: all .2s;
  position: relative;
}

.titulos-opciones.on, .titulos-opciones.on-fijo {
  color: var(--black);
  padding-left: 2.9rem;
}

.punto-on {
  background-color: var(--verde);
  opacity: 0;
  color: var(--transparent);
  border-radius: 100rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: all .2s;
  display: block;
  position: absolute;
  top: .9rem;
  left: -2.5rem;
}

.punto-on.on, .punto-on.on-fijo {
  opacity: 1;
  left: 0;
}

.info-areas {
  opacity: 0;
  width: 48.5%;
  padding-top: 3.2rem;
  transition: all .2s;
  display: none;
  position: relative;
  top: 2rem;
}

.info-areas.on {
  opacity: 1;
  display: block;
  position: relative;
  top: 0;
}

.p-areas {
  color: var(--black);
  margin-bottom: 3.5rem;
  font-size: 2.14rem;
  line-height: 1.14em;
}

.section-our-impact {
  background-color: var(--nude);
  padding-top: 2.5rem;
  padding-bottom: 3.2rem;
}

.container-our-impact {
  background-color: var(--verde-claro);
  border-radius: 1.1rem;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 91rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.col-info-impact {
  width: 55%;
  height: 47.6rem;
  padding-top: 7.5rem;
  padding-left: 7.3rem;
}

.titulo-impact {
  clear: both;
  color: var(--verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .9rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: 1.2em;
}

.p-impact {
  color: var(--verde);
  width: 78%;
  margin-bottom: 2.9rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.18em;
}

.fila-puntos {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 5.9rem;
  display: flex;
}

.punto-impact {
  border: 1px solid var(--verde);
  cursor: pointer;
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
  margin-right: .9rem;
  transition: all .2s;
}

.punto-impact:hover, .punto-impact.on {
  background-color: var(--verde);
}

.imagen-impact {
  object-fit: cover;
  border-top-left-radius: 1.1rem;
  border-bottom-left-radius: 1.1rem;
  width: 45%;
}

.section-partner {
  background-color: var(--blanco-verde);
  padding: 3.3rem 1.5rem 5.6rem;
}

.container-partner {
  width: 100%;
  max-width: 90.8rem;
  margin-left: auto;
  margin-right: auto;
}

.fila-stories {
  clear: both;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.col-a-partner {
  width: 46.5%;
  text-decoration: none;
}

.img-big-partner {
  z-index: 0;
  object-fit: cover;
  border-radius: 1.1rem;
  width: 100%;
  height: 47rem;
  position: relative;
}

.col-grande-partner {
  z-index: 1;
  background-color: var(--blanco-verde);
  width: 76.5%;
  margin-top: -9.3rem;
  padding: 3.4rem 1.9rem 2rem;
  transition: all .2s;
  position: relative;
}

.col-grande-partner.on {
  background-color: var(--verde-claro);
  width: 100%;
}

.title-partner {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.8rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 3.22rem;
  font-weight: 400;
  line-height: 1em;
}

.p-partner {
  color: var(--black);
  width: 100%;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.18em;
}

.col-b-partner {
  width: 46.5%;
}

.fila-menor-partner {
  border-bottom: 1px solid #cdcdcd;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 1.1rem;
  padding-bottom: 2.7rem;
  text-decoration: none;
  display: flex;
}

.fila-menor-partner.final {
  border-bottom-style: none;
  padding-top: 2.2rem;
  padding-bottom: 3.9rem;
}

.col-a-fila-menor {
  width: 51%;
  padding-top: 3.9rem;
}

.col-a-fila-menor.final {
  padding-top: .3rem;
}

.img-small-partner {
  z-index: 0;
  object-fit: cover;
  border-radius: 1.1rem;
  width: 37.3%;
  height: 18.2rem;
  position: relative;
}

.title-sub-partner {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.43rem;
  font-weight: 400;
  line-height: 1em;
}

.linea-verde-menor {
  border-bottom: 2px solid var(--verde-claro);
  width: 41%;
  margin-bottom: 5.2rem;
  transition: all .2s;
}

.linea-verde-menor.on {
  width: 100%;
}

.section-whats-happening {
  background-color: #a79ef9;
  padding: 4.8rem 1.5rem 6.2rem;
  overflow: hidden;
}

.container-whats-happening {
  width: 100%;
  max-width: 90.8rem;
  margin-left: auto;
  margin-right: auto;
}

.title-whats-happening {
  color: var(--blanco-verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2.1rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 3.22rem;
  font-weight: 400;
  line-height: 1em;
}

.fila-filtros-whats {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.6rem;
  display: flex;
}

.lista-categorias {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--blanco-verde);
  border-radius: 100rem;
  justify-content: space-between;
  align-items: center;
  padding: .9rem 1rem;
  display: flex;
}

.link-categoria {
  background-color: var(--blanco-verde);
  color: var(--verde);
  border-radius: 100rem;
  padding: .8rem 2rem;
  font-size: 1.2rem;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.link-categoria:hover, .link-categoria.on {
  background-color: var(--verde-claro);
}

.flechas-categorias {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.flecha-categoria {
  background-color: var(--verde-claro);
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  transition: all .2s;
  display: flex;
}

.flecha-categoria:hover {
  background-color: var(--blanco-verde);
}

.flecha-cats {
  width: 1.3rem;
}

.flecha-cats.left {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.slideshow-whats {
  width: 119.8%;
}

.slide-whats {
  float: left;
  width: 20%;
  padding-right: 1.9rem;
}

.slide-whats.hide {
  display: none;
}

.img-categoria {
  z-index: 0;
  object-fit: cover;
  border-radius: 1.1rem;
  width: 100%;
  height: 23.1rem;
  margin-bottom: 2.7rem;
  position: relative;
}

.title-sub-whats {
  color: var(--blanco-verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.43rem;
  font-weight: 400;
  line-height: 1em;
}

.title-sub-whats.black {
  color: var(--blanco-verde);
  text-transform: none;
}

.p-whats {
  color: var(--blanco-verde);
  width: 100%;
  margin-bottom: 1.6rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.18em;
}

.p-whats.black {
  color: var(--blanco-verde);
}

.section-suport {
  background-color: var(--blanco-verde);
  padding: 3.8rem 1.5rem 4rem;
}

.container-support {
  border-radius: 1.1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 90.8rem;
  height: 50.7rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.titulo-support {
  color: var(--casi-blanco);
  text-align: center;
  letter-spacing: -.1rem;
  text-transform: uppercase;
  width: 84%;
  margin: 0 auto 1.9rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 5.3rem;
  font-weight: 400;
  line-height: 1.05em;
}

.lista-botones {
  grid-column-gap: 1.7rem;
  grid-row-gap: 1.7rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.imagen-fondo-support {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.texto-texto {
  z-index: 1;
  position: relative;
}

.section-sponsors {
  background-color: var(--nude);
  padding-top: 3.3rem;
  padding-bottom: 8.7rem;
  overflow: hidden;
}

.container-sponsors {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.title-our-sponsors {
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 4.6rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 3.3rem;
  font-weight: 400;
  line-height: 1em;
}

.lista-de-logos {
  width: 10000vw;
  position: relative;
  left: 0;
}

.img-logo {
  object-fit: contain;
  width: 78%;
  max-height: 6rem;
}

.col-logo {
  float: left;
  justify-content: flex-start;
  align-items: center;
  width: 15%;
  display: flex;
}

.grupo-logos {
  float: left;
  width: 300vw;
  display: flex;
}

.section-footer {
  background-color: var(--verde-claro);
  padding: 3.5rem 1.5rem 2rem;
}

.container-footer {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 86.1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-logo-footer {
  width: 18%;
}

.img-logo-footer {
  width: 100%;
}

.lista-de-links-footer {
  justify-content: space-between;
  align-items: flex-start;
  width: 43%;
  display: flex;
}

.col-links-footer {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  padding-top: 1.5rem;
  padding-right: 1rem;
  display: flex;
}

.titulo-footer {
  color: var(--black);
  text-transform: uppercase;
  height: 2.6rem;
  margin-bottom: 1.5rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1em;
}

.titulo-footer.newsletter {
  color: var(--verde);
  margin-bottom: 0;
}

.titulo-footer.connect {
  margin-bottom: 1.5rem;
}

.link-footer {
  color: var(--verde);
  margin-bottom: 1.5rem;
  font-size: 1.12rem;
  line-height: 1em;
  text-decoration: none;
}

.form-newsletter {
  width: 25%;
  margin-bottom: 0;
  padding-top: 1.5rem;
}

.input-newsletter {
  border: 2px solid var(--verde);
  background-color: var(--transparent);
  color: var(--verde);
  border-radius: 100rem;
  width: 100%;
  height: 3.3rem;
  margin-bottom: 2.5rem;
  padding: .5rem .5rem .5rem 1.4rem;
  font-size: 1.1rem;
  line-height: 1em;
}

.input-newsletter:focus {
  border-color: var(--verde);
}

.input-newsletter::placeholder {
  color: var(--verde);
}

.link-red {
  width: 3.2rem;
  margin-right: 1.1rem;
}

.slider-impact {
  background-color: var(--transparent);
  height: auto;
}

.btn-impact {
  display: none;
}

.slide-impact {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.p-partner-main {
  color: var(--black);
  width: 100%;
  max-width: 28.5rem;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.18em;
}

.body-about {
  background-color: #d8aeae;
  background-image: url('../images/About-Us.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 10000px;
}

.hero-seccion {
  background-color: var(--verde-claro);
  justify-content: center;
  align-items: center;
  height: 27.9rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.titile-section {
  color: var(--casi-blanco);
  text-transform: uppercase;
  margin-top: 2.3rem;
  margin-bottom: 0;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 5.7rem;
  font-weight: 400;
  line-height: 1em;
}

.section-history-about {
  background-color: var(--nude);
  padding: 4rem 1.5rem 3.7rem;
}

.container-history {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.grupo-historia {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.col-a-historia {
  border-right: 1px solid var(--black);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 9.3%;
  min-height: 27rem;
  padding-top: .6rem;
  display: flex;
}

.anio-about {
  color: #aeada8;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2rem;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.anio-about:hover {
  color: var(--black);
}

.anio-about.on {
  color: var(--black);
  padding-left: 2.4rem;
}

.punto {
  background-color: var(--verde);
  color: var(--transparent);
  border-radius: 100%;
  width: .8rem;
  height: .8rem;
  transition: all .2s;
  display: block;
  position: absolute;
  top: .4rem;
  left: -2rem;
}

.punto.on {
  left: 1.2rem;
}

.col-b-gistoria {
  justify-content: space-between;
  align-items: flex-start;
  width: 87.6%;
  display: flex;
}

.col-a-interno-b-historia {
  flex: none;
  width: 28%;
}

.small-title-history {
  color: var(--verde);
  text-transform: uppercase;
  margin-top: .6rem;
  margin-bottom: 1.4rem;
  font-family: Itcfranklingothicstd Demi, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: underline;
}

.year-number {
  color: var(--black);
  margin-bottom: 0;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 5.6rem;
  line-height: 1em;
}

.p-history {
  color: var(--black);
  margin-bottom: 0;
  padding-top: 1.5rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.13em;
}

.section-video-embebed {
  background-color: var(--nude);
  padding: 3rem 1.5rem;
}

.container-video-about {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.embebed {
  border-radius: 1.4rem;
  overflow: hidden;
}

.section-what-we-do {
  background-color: var(--nude);
  padding: 4.7rem 1.5rem 1rem;
}

.container-what-we-do {
  max-width: 91rem;
  margin-left: auto;
  margin-right: auto;
}

.inside-container {
  justify-content: space-between;
  align-items: flex-start;
  width: 84%;
  margin-bottom: 4.9rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.inside-container.revertir {
  flex-flow: row-reverse;
}

.small-title-what-we-do {
  color: var(--verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 4.7rem;
  font-family: Itcfranklingothicstd Demi, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: underline;
}

.col-a-info-inside {
  width: 43%;
  padding-top: .9rem;
}

.small-title-about-row {
  margin-bottom: 1.4rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.36rem;
  line-height: 1.3em;
}

.title-capital {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .3rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1em;
}

.linea-capital {
  border-bottom: 2px solid var(--verde-claro);
  width: 100%;
  max-width: 8.3rem;
  margin-bottom: 2.4rem;
}

.p-row-about {
  color: var(--black);
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.34rem;
  font-weight: 400;
  line-height: 1.16em;
}

.img-row-about {
  object-fit: cover;
  border-radius: 1.4rem;
  width: 43.8%;
  height: 30.6rem;
}

.section-meet {
  background-color: var(--nude);
  padding: 4.9rem 1.5rem 2.5rem;
}

.container-meet {
  justify-content: space-between;
  align-items: stretch;
  max-width: 91rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.title-meet {
  color: var(--blanco-verde);
  text-transform: uppercase;
  flex: none;
  width: 33%;
  margin-top: 0;
  margin-bottom: .3rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.5rem;
  line-height: 1em;
}

.p-meet {
  color: var(--black);
  width: 46%;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.34rem;
  font-weight: 400;
  line-height: 1.16em;
}

.btns-meet {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  justify-content: center;
  align-items: flex-end;
  width: 21%;
  padding-bottom: .3rem;
  padding-left: 2.3rem;
  display: flex;
}

.btn-meet {
  background-color: var(--verde-claro);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
}

.btn-meet.prev {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.flecha-meet {
  width: 1.4rem;
}

.section-slider-meet {
  background-color: var(--verde-btn);
  padding-bottom: 4rem;
  overflow: hidden;
}

.container-meet-slider {
  max-width: 91rem;
  margin-left: auto;
  margin-right: auto;
}

.slide-meet {
  flex: none;
  width: 33.33%;
  padding-right: 1.9rem;
  position: relative;
  overflow: hidden;
}

.imagen-slide-meet {
  z-index: 0;
  object-fit: cover;
  border-radius: 1.4rem;
  width: 100%;
  height: 39.3rem;
  transition: all .6s;
  position: relative;
}

.imagen-slide-meet.on {
  filter: brightness(46%);
}

.slider-meet {
  width: 112%;
  display: flex;
}

.slide-title {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: all .6s;
  display: flex;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 1.8rem;
}

.slide-title.on {
  top: -100%;
}

.title-founder {
  color: var(--nude);
  text-align: center;
  text-transform: uppercase;
  width: 90%;
  margin-top: 1rem;
  margin-bottom: .6rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1em;
}

.name-mmet {
  color: var(--nude);
  text-align: center;
  text-transform: uppercase;
  flex: none;
  width: 80%;
  margin-top: 0;
  margin-bottom: .3rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.5rem;
  line-height: 1em;
}

.slide-title-detalle {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 1rem;
  transition: all .6s;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 1.8rem;
}

.slide-title-detalle.on {
  top: 0%;
}

.p-detalle-meet {
  color: var(--nude);
  text-align: center;
  width: 76%;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.34rem;
  font-weight: 400;
  line-height: 1.16em;
}

.fila-botones-detalles {
  grid-column-gap: 1rem;
  margin-top: 2rem;
  display: flex;
}

.icono-linkedin {
  width: 3.2rem;
}

.section-join {
  background-color: var(--verde-btn);
  padding: 2.3rem 1.5rem 3.1rem;
}

.container-join {
  border-radius: 1.4rem;
  justify-content: center;
  align-items: center;
  max-width: 91rem;
  height: 46.7rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.6rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-interno-join {
  z-index: 1;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.titulo-join {
  color: var(--casi-blanco);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2.1rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.1rem;
  font-weight: 400;
  line-height: 1.1em;
}

.fila-botones {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.fondo-join {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.body-blog {
  background-color: #ce9f9f;
  background-image: url('../images/Blog.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 10000px;
}

.section-featured {
  background-color: var(--verde-btn);
  padding: 7.4rem 1.5rem 2.5rem;
}

.btns-featured {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  justify-content: flex-end;
  align-items: flex-end;
  width: 21%;
  padding-bottom: .3rem;
  padding-right: .3rem;
  display: flex;
}

.slider-featured {
  width: 117%;
  display: flex;
}

.imagen-slide-featured {
  z-index: 0;
  object-fit: cover;
  border-radius: 1.4rem;
  width: 100%;
  height: 48.1rem;
  transition: all .6s;
  position: relative;
}

.imagen-slide-featured.on {
  filter: brightness(46%);
}

.info-featured {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(#00000029, #000000e0);
  border-bottom-right-radius: 1.4rem;
  border-bottom-left-radius: 1.4rem;
  padding: 2rem 2.7rem 3.3rem;
  position: absolute;
  inset: auto 1.9rem 0% 0%;
  overflow: hidden;
}

.titulo-featured {
  color: var(--casi-blanco);
  width: 66%;
  margin-top: 0;
  margin-bottom: .9rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.2em;
}

.small-title-featured {
  color: var(--nude);
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: 1em;
  line-height: 1em;
  text-decoration: underline;
}

.section-news-blog {
  background-color: var(--verde-btn);
  padding: 3.3rem 1.5rem 4rem;
}

.container-news-blog {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 91rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-a-news-blog {
  width: 26.3%;
  padding-top: 4.2rem;
}

.title-side-news {
  color: var(--blanco-verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.3rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1em;
}

.search {
  width: 86%;
  margin-bottom: 3.3rem;
  position: relative;
}

.search.member {
  width: 100%;
  margin-bottom: 3.8rem;
}

.input-search {
  border: 1px solid var(--blanco-verde);
  background-color: var(--transparent);
  color: var(--blanco-verde);
  border-radius: 100rem;
  height: 3.2rem;
  margin-bottom: 0;
  padding: .8rem 3.2rem .8rem 1.5rem;
  font-size: 1.1rem;
  line-height: 1em;
}

.input-search:focus {
  border-color: var(--verde-claro);
}

.input-search::placeholder {
  color: var(--blanco-verde);
}

.link-search {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.icon-search {
  filter: saturate(0%) invert();
  height: 100%;
  padding: .7rem 1.1rem;
}

.icon-search.member {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.titulo-filter-by {
  border-bottom: 1px solid var(--blanco-verde);
  color: var(--blanco-verde);
  margin-bottom: 0;
  padding-bottom: .9rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1em;
}

.colapsable-categoria {
  float: left;
  clear: both;
  border-bottom: 1px solid var(--blanco-verde);
  width: 100%;
}

.sub-title-filter {
  color: var(--blanco-verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1em;
}

.fila-top-filter {
  cursor: pointer;
  padding-top: 2rem;
  padding-bottom: 1.2rem;
  position: relative;
}

.flecha-filtro {
  border-top: 2px solid var(--blanco-verde);
  border-left: 2px solid var(--blanco-verde);
  width: .7rem;
  height: .7rem;
  transition: all .2s;
  position: absolute;
  top: 2.6rem;
  right: .6rem;
  transform: rotate(45deg);
}

.flecha-filtro.on {
  top: 2.3rem;
  transform: rotate(-135deg);
}

.lista-radios-filter {
  float: left;
  clear: both;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 1.2rem;
  display: none;
}

.lista-radios-filter.debug {
  display: block;
}

.radio-filter {
  float: left;
  color: var(--blanco-verde);
  cursor: pointer;
  width: 42%;
  margin-bottom: 0;
  padding-top: .46rem;
  padding-bottom: .46rem;
  padding-left: 1.7rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1em;
  position: relative;
}

.radio-filter.claro {
  color: var(--nude);
  width: 100%;
}

.punto-filter {
  border: 1px solid var(--blanco-verde);
  color: var(--transparent);
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
  transition: all .5s;
  position: absolute;
  top: .5rem;
  left: 0%;
  right: auto;
}

.punto-filter.on {
  border-color: var(--blanco-verde);
  background-color: var(--blanco-verde);
}

.col-b-news {
  flex-flow: wrap;
  width: 72.2%;
  margin-left: -1rem;
  margin-right: -1rem;
  display: flex;
}

.col-news-blog {
  width: 33.33%;
  margin-bottom: 3.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.imagen-news {
  object-fit: cover;
  border-radius: 1.4rem;
  width: 100%;
  height: 23rem;
  margin-bottom: 1.9rem;
}

.author {
  color: var(--blanco-verde);
  text-transform: uppercase;
  margin-bottom: 1.1rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em;
}

.title-news {
  color: var(--blanco-verde);
  margin-top: 0;
  margin-bottom: .4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1em;
}

.p-desc-news {
  color: var(--blanco-verde);
  margin-bottom: 1.9rem;
  font-size: 1.1rem;
  line-height: 1.3em;
}

.nav-pages {
  border-top: 1px solid var(--blanco-verde);
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  margin-top: 2.1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 2.4rem;
  display: flex;
}

.pagina-blog {
  opacity: .38;
  color: var(--verde-claro);
  text-transform: uppercase;
  margin-bottom: 0;
  margin-left: 1.5rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1em;
}

.pagina-blog.page {
  color: var(--verde-claro);
  margin-left: 0;
}

.pagina-blog.current {
  opacity: 100;
  color: var(--blanco-verde);
}

.section-follow-us-instagram {
  background-color: var(--nude);
  padding: 5.4rem 1.5rem 7.5rem;
}

.container-follow {
  width: 100%;
  max-width: 91rem;
  margin-left: auto;
  margin-right: auto;
}

.title-follow {
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  flex: none;
  margin-top: 0;
  margin-bottom: 4.2rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.5rem;
  line-height: 1em;
}

.fila-posts {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.col-item-follow {
  object-fit: cover;
  border-radius: 1.4rem;
  width: 23.4%;
  height: 25rem;
}

.fila-boton-follow {
  justify-content: center;
  align-items: flex-start;
  margin-top: 3.7rem;
  display: flex;
}

.body-blog-post {
  background-color: #c79696;
  background-image: url('../images/Blog-View.jpg');
  background-position: 50% -6px;
  background-repeat: no-repeat;
  background-size: auto;
  height: 10000px;
}

.section-hero-blog-post {
  background-color: var(--verde-claro);
  justify-content: center;
  align-items: center;
  min-height: 28.3rem;
  padding: 7.7rem 1.5rem 6rem;
  display: flex;
}

.section-hero-blog-post.debug {
  background-color: var(--transparent);
}

.container-titulo-hero {
  width: 100%;
  max-width: 59rem;
  margin-left: auto;
  margin-right: auto;
}

.titulo-chico-hero-blog-post {
  color: var(--verde);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1em;
}

.titulo-centrado-blog {
  color: var(--verde);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 5.7rem;
  font-weight: 400;
  line-height: 1em;
}

.section-contenido-blog {
  background-color: var(--verde-btn);
  color: var(--casi-blanco);
  padding: 6.9rem 1.5rem 2rem;
}

.container-blog-post {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 90.7rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-side-detalle-blog {
  width: 17%;
  padding-top: 1.9rem;
}

.title-top-side-blog {
  color: var(--blanco-verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.8rem;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: underline;
}

.p-written {
  color: var(--blanco-verde);
  margin-bottom: 1.8rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.36rem;
  line-height: 1.2em;
}

.share-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-bottom: 3.6rem;
  display: flex;
}

.link-compartir {
  border: 1px solid var(--blanco-verde);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.4rem;
  height: 3.4rem;
  transition: all .2s;
  display: flex;
}

.link-compartir:hover {
  border-color: var(--verde-claro);
  background-color: var(--verde-claro);
}

.icono-comparti {
  filter: saturate(0%) invert();
  width: 1.3rem;
}

.want-block {
  background-color: var(--verde-claro);
  border-radius: 1.4rem;
  padding: 2.2rem 1.2rem 2.3rem;
}

.title-want {
  color: var(--verde-btn);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.3rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.1em;
}

.p-subscribe {
  color: var(--verde-btn);
  text-align: center;
  margin-bottom: 2rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.36rem;
  line-height: 1.2em;
}

.fila-btn-want {
  justify-content: center;
  align-items: center;
  display: flex;
}

.col-contenido-post {
  width: 74%;
  padding-right: 9rem;
}

.titulo-post {
  margin-top: -.2rem;
  margin-bottom: 1.3rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: 1.2em;
}

.small-title-post {
  margin-top: 0;
  margin-bottom: 1.7rem;
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1.1em;
}

.p-post {
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.35rem;
  line-height: 1.16em;
}

.imagen-post {
  object-fit: cover;
  border-radius: 1.4rem;
  width: 100%;
  margin-top: 3.8rem;
  margin-bottom: 4.1rem;
}

.section-read-more {
  background-color: var(--verde-btn);
  padding: 4.1rem 1.5rem 6.2rem;
  overflow: hidden;
}

.title-read-more {
  color: var(--blanco-verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.8rem;
  font-weight: 400;
  line-height: 1em;
}

.top-read-more {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2.9rem;
  display: flex;
}

.btn-read-more {
  padding-top: .1rem;
}

.body-members {
  background-color: #d59999;
  background-image: url('../images/Members.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 10000px;
}

.section-hero-members {
  justify-content: center;
  align-items: center;
  height: 34.6rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.container-hero-member {
  z-index: 1;
  width: 100%;
  max-width: 84rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  position: relative;
}

.icono-hero-member {
  width: 7.6rem;
  position: absolute;
  top: 0;
  right: 0;
}

.titulo-pequeno-join {
  color: var(--casi-blanco);
  text-align: center;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1em;
}

.title-beomce {
  color: var(--casi-blanco);
  text-align: center;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 5.7rem;
  font-weight: 400;
  line-height: 1em;
}

.fila-boton-hero-member {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-imagen-fondo-member {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-waht-are {
  background-color: var(--nude);
  padding: 5.4rem 1.5rem 3.3rem;
}

.container-what {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.title-what {
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  width: 45%;
  margin: 0 auto;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.1em;
}

.btns-what {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 5.8rem;
  right: 0;
}

.slider-what {
  width: 120%;
  display: flex;
}

.slide-what {
  flex: none;
  width: 25%;
  padding-right: 1.9rem;
  position: relative;
  overflow: hidden;
}

.imagen-slide-what {
  z-index: 0;
  object-fit: cover;
  border-radius: 1.4rem;
  width: 100%;
  height: 36.3rem;
  transition: all .6s;
  position: relative;
}

.imagen-slide-what.on {
  filter: brightness(46%);
}

.info-who {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #00000029;
  border-bottom-right-radius: 1.4rem;
  border-bottom-left-radius: 1.4rem;
  min-height: 14.9rem;
  padding: 2.6rem 1.3rem 1.8rem;
  position: absolute;
  inset: auto 1.9rem 0% 0%;
  overflow: hidden;
}

.titulo-who {
  color: var(--casi-blanco);
  text-transform: uppercase;
  width: 71%;
  margin-top: 0;
  margin-bottom: .4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.2em;
}

.p-member {
  color: var(--casi-blanco);
  width: 78%;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2em;
}

.section-leadership {
  padding-top: 3.1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.title-leadership {
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2.4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.1rem;
  font-weight: 400;
  line-height: 1em;
}

.section-leadership-members {
  background-color: var(--nude);
  padding-top: 3.3rem;
  padding-bottom: 9.9rem;
  overflow: hidden;
}

.section-how-it-works {
  background-color: var(--black);
  padding: 6.3rem 1.5rem 14rem;
  position: relative;
}

.container-how-it-works {
  z-index: 1;
  width: 100%;
  max-width: 87.6rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.title-how-it-works {
  color: var(--nude);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.1rem;
  font-weight: 400;
  line-height: 1em;
}

.p-how-it-works {
  color: var(--casi-blanco);
  text-align: center;
  width: 54%;
  margin-bottom: 1.6rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.1em;
}

.fila-linea-del-tiempo {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.fila-linea-del-tiempo.inicial {
  z-index: 1;
  margin-bottom: 6.3rem;
  position: sticky;
  top: 5rem;
}

.fila-linea-del-tiempo.segundo {
  margin-top: -8.2rem;
}

.fila-linea-del-tiempo.revert {
  flex-flow: row-reverse;
}

.col-grande-linea-del-tiempo {
  width: 44%;
}

.central-col-contenido {
  width: 12%;
  position: relative;
}

.flecha-linea {
  background-color: var(--verde-claro);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4.3rem;
  height: 4.3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.flecha-linea-del-tiempo {
  width: 1.4rem;
  transform: rotate(90deg);
}

.linea-media {
  background-color: var(--verde-claro);
  width: 4px;
  height: 11.2rem;
  margin-left: auto;
  margin-right: auto;
}

.linea-media.full {
  height: 100%;
}

.linea-media.full.final {
  height: 50%;
}

.linea-media.medio {
  height: 4rem;
}

.interno-blanco-linea-del-tiempo {
  background-color: var(--casi-blanco);
  border-radius: 1.4rem;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.7rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.interno-blanco-linea-del-tiempo.fondo-verde {
  background-color: var(--verde-claro);
}

.p-step {
  color: var(--verde);
  text-transform: uppercase;
  margin-bottom: 1.3rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: .8rem;
  line-height: 1em;
}

.col-a-linea-tiempo {
  z-index: 1;
  width: 52%;
  position: relative;
}

.title-linea-interna {
  color: var(--verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .2rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2em;
}

.p-linea-del-tiempo {
  color: var(--verde);
  width: 90%;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.13rem;
  font-weight: 400;
  line-height: 1.16em;
}

.imagen-linea {
  z-index: 1;
  object-fit: cover;
  border-radius: 1.4rem;
  width: 48%;
  height: 12rem;
  position: relative;
}

.punto-linea {
  background-color: var(--verde-claro);
  border-radius: 100%;
  width: 1.3rem;
  height: 1.3rem;
  position: relative;
  top: 6.8rem;
  left: -.5rem;
}

.punto-linea.inicial {
  top: 0;
}

.imagen-fondo-hero {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.title-levels {
  color: var(--black);
  text-transform: uppercase;
  flex: none;
  width: 43%;
  margin-top: 0;
  margin-bottom: .3rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.5rem;
  line-height: 1em;
}

.p-levels {
  color: var(--black);
  width: 36%;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.34rem;
  font-weight: 400;
  line-height: 1.16em;
}

.btns-members {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  justify-content: flex-end;
  align-items: center;
  width: 21%;
  padding-bottom: .3rem;
  display: flex;
}

.section-member {
  background-color: var(--nude);
  padding: 4.9rem 1.5rem 3.8rem;
}

.title-membership {
  color: var(--nude);
  text-align: center;
  text-transform: uppercase;
  flex: none;
  margin-top: 0;
  margin-bottom: .3rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.5rem;
  line-height: 1em;
}

.slide-member {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: all .6s;
  display: flex;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 1.8rem;
}

.slide-member.on {
  top: -100%;
}

.section-apply {
  background-color: var(--verde-btn);
  padding: 3.4rem 1.5rem 5.5rem;
}

.container-form {
  background-color: var(--verde);
  border-radius: 1.4rem;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 87rem;
  margin-left: auto;
  margin-right: auto;
  padding: 4.9rem 3rem 3.7rem;
  display: flex;
}

.col-a-apply {
  width: 40%;
}

.title-apply {
  color: var(--nude);
  text-transform: uppercase;
  width: 85%;
  margin-top: 0;
  margin-bottom: 1.1rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.2rem;
  font-weight: 400;
  line-height: 1.05em;
}

.p-apply {
  color: var(--nude);
  max-width: 21.4rem;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.34rem;
  font-weight: 400;
  line-height: 1.16em;
}

.form-block {
  width: 54.2%;
  margin-bottom: 0;
}

.input {
  border: 1px solid var(--nude);
  background-color: var(--transparent);
  color: var(--nude);
  border-radius: 1.2rem;
  height: 4.3rem;
  margin-bottom: 2.7rem;
  padding: 1.4rem 1.6rem 1rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1em;
}

.input::placeholder {
  color: var(--nude);
}

.input.textarea {
  min-height: 8.2rem;
}

.input.textarea-obscuro {
  border-color: var(--blanco-verde);
  color: var(--blanco-verde);
  min-height: 8.2rem;
}

.input.textarea-obscuro:focus, .input.textarea-obscuro:focus-visible, .input.textarea-obscuro[data-wf-focus-visible] {
  border-color: var(--verde-claro);
}

.input.textarea-obscuro::placeholder {
  color: var(--blanco-verde);
}

.form-interno {
  width: 93.7%;
}

.label {
  color: var(--nude);
  margin-bottom: 1.7rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.81rem;
  font-weight: 400;
  line-height: 1em;
}

.punto-filter-claro {
  border: 1px solid var(--nude);
  color: var(--transparent);
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
  transition: all .5s;
  position: absolute;
  top: .5rem;
  left: 0%;
  right: auto;
}

.punto-filter-claro.on {
  border-color: var(--nude);
  background-color: var(--nude);
}

.lista-radios-contacto {
  float: left;
  clear: both;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 2rem;
}

.lista-radios-contacto.debug {
  display: block;
}

.search-and-menu {
  grid-column-gap: 2.7rem;
  grid-row-gap: 2.7rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lupa {
  filter: invert() saturate(0%);
  width: 1.5rem;
}

.main-menu {
  grid-column-gap: 9.4rem;
  grid-row-gap: 9.4rem;
  display: flex;
}

.btn-menu, .btn-cerrar {
  display: none;
}

.fondo-verde {
  z-index: 0;
  background-color: var(--verde-claro);
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.body-team {
  background-color: #cf9797;
  background-image: url('../images/Team.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 10000px;
}

.section-hero-team {
  background-color: var(--nude);
  padding: 9.4rem 1.5rem 8.3rem;
}

.container-the-team {
  width: 100%;
  max-width: 85.9rem;
  margin-left: auto;
  margin-right: auto;
}

.title-team {
  color: var(--verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.1rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: 1em;
}

.p-the-team {
  color: var(--black);
  width: 64%;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1em;
}

.lista-de-miembros {
  margin-top: 4.8rem;
}

.tap-miembros {
  margin-bottom: 2rem;
  position: relative;
}

.link-tab {
  z-index: 1;
  color: var(--verde);
  border-bottom: 2px solid #d5d5d5;
  margin-right: 4rem;
  padding-top: .7rem;
  padding-bottom: 2rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.link-tab:hover, .link-tab.on {
  border-bottom-color: var(--verde);
}

.linea-bottom {
  background-color: #d5d5d5;
  height: 2px;
  position: absolute;
  inset: auto 0% 0%;
}

.lista-miembros {
  flex-flow: wrap;
  margin-left: -1.3rem;
  margin-right: -1.3rem;
  display: flex;
}

.miembro-team {
  width: 25%;
  margin-bottom: 2.2rem;
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  text-decoration: none;
  display: inline-block;
}

.img-miembro {
  object-fit: cover;
  width: 100%;
  height: 24rem;
}

.titulo-miembro {
  color: var(--verde);
  margin-top: 0;
  margin-bottom: .3rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1em;
}

.rol-miembro {
  color: var(--verde);
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1em;
}

.search-someone {
  width: 12%;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.input-member {
  border: 1px solid var(--verde);
  background-color: var(--transparent);
  color: var(--verde);
  border-radius: 100rem;
  height: 2.3rem;
  margin-bottom: 0;
  padding: .8rem 2.5rem .8rem 1.2rem;
  font-size: .9rem;
  line-height: 1em;
}

.input-member::placeholder {
  color: var(--verde);
}

.imgen-menber {
  border-radius: 1rem;
  margin-bottom: 1.2rem;
  position: relative;
  overflow: hidden;
}

.over-member {
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: .8rem;
  transition: all .2s;
  display: flex;
  position: absolute;
  bottom: -100%;
  left: 0%;
  right: 0%;
}

.over-member.hover {
  background-color: #00000063;
  bottom: 0%;
}

.p-detalle-member {
  color: var(--nude);
  text-align: center;
  margin-bottom: 1.1rem;
  padding-left: 2.1rem;
  padding-right: 2.1rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.1em;
}

.fila-boton {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-menor {
  background-color: var(--verde-claro);
  color: var(--verde);
  border-radius: 100rem;
  margin-bottom: 0;
  padding: .7rem 1.5rem .6rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
}

.btn-menor:hover {
  background-color: var(--casi-blanco);
  color: var(--verde);
}

.btn-menor.verde {
  background-color: var(--verde);
  color: #e7e9e0;
}

.btn-menor.verde:hover {
  background-color: var(--verde-claro);
  color: var(--verde);
}

.btn-menor.verde-dos {
  background-color: var(--verde);
  color: var(--verde-claro);
}

.btn-menor.verde-dos:hover {
  background-color: var(--casi-blanco);
  color: var(--verde);
}

.btn-menor.borde {
  border: 1px solid var(--verde-claro);
  background-color: var(--transparent);
  color: var(--verde-claro);
}

.btn-menor.borde:hover {
  border-color: var(--verde);
  background-color: var(--verde);
}

.btn-menor.header {
  background-color: var(--verde);
  color: var(--nude);
  padding: .7rem 1.4rem;
  font-size: 1.12rem;
}

.btn-menor.header:hover {
  background-color: var(--verde-claro);
  color: var(--verde);
}

.img-linkedin {
  height: 2.2rem;
}

.body-individual {
  background-color: #e0bbbb;
  background-image: url('../images/Individual-View.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 5000px;
}

.section-detalle-miembro {
  background-color: var(--nude);
  padding: 3.8rem 1.5rem 8rem;
}

.container-team {
  width: 100%;
  max-width: 76.7rem;
  margin-left: auto;
  margin-right: auto;
}

.link-back {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.flechita-back {
  width: 1rem;
  margin-right: .4rem;
  transform: rotate(180deg);
}

.texto-back {
  color: var(--verde);
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 1.1em;
}

.fila-content-member {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 4.4rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.4rem;
  display: flex;
}

.p-titulo-member {
  color: var(--verde);
  margin-bottom: 1.3rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 1em;
}

.col-info-member {
  width: 50%;
}

.nombre-miembro {
  color: var(--verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.2rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1em;
}

.p-info-team {
  color: var(--black);
  margin-bottom: 2.6rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.12em;
}

.img-detalle-miembro {
  border-radius: 1rem;
  width: 43%;
  margin-top: 1.9rem;
}

.preloader {
  z-index: 6;
  background-color: #bddba8;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.bg-video {
  aspect-ratio: 880 / 394;
  width: 40%;
  height: auto;
  display: block;
}

.placeholder-wrapper {
  display: none;
}

.link-ok {
  z-index: 0;
  justify-content: center;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1em;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.input-wrapper {
  width: 100%;
  position: relative;
}

.icono-ok {
  width: 1.5rem;
}

.error {
  margin-top: -.9rem;
  margin-bottom: 2rem;
  padding: .7rem;
  font-size: .8rem;
  line-height: 1em;
}

.section-nalcab-member {
  background-color: var(--nude);
  padding: 4.9rem 1.5rem 6rem;
}

.container-map {
  width: 100%;
  max-width: 91rem;
  margin-left: auto;
  margin-right: auto;
}

.title-map {
  color: var(--verde);
  text-transform: uppercase;
  width: 50%;
  margin-top: 0;
  margin-bottom: 1.1rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.2rem;
  font-weight: 400;
  line-height: 1.05em;
}

.map-img {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.body-popup {
  background-image: url('../images/Group-121.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.pop-up {
  z-index: 5;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-up.debu {
  display: block;
}

.flex-pop {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.pop-up-window {
  z-index: 1;
  background-color: var(--nude);
  border-radius: 1.6rem;
  justify-content: space-between;
  align-items: flex-start;
  width: 83.8rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.col-contenido-pop {
  width: 59.4%;
  padding: 10.4rem 4rem 1rem 4.4rem;
  position: relative;
}

.titulo-join-us {
  color: var(--verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.6rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.03rem;
  font-weight: 400;
  line-height: 1em;
}

.imagen-pop {
  width: 66.4%;
  margin-bottom: 1.4rem;
}

.p-pop {
  color: var(--verde);
  width: 93%;
  margin-bottom: 1rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2em;
}

.link-go-back {
  color: var(--verde);
  text-transform: uppercase;
  background-image: url('../images/Vector-212.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 1.1rem;
  padding-top: .3rem;
  padding-left: 2.2rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1em;
  text-decoration: none;
  position: absolute;
  top: 3.5rem;
  left: 3.5rem;
}

.imagen-side-pop {
  width: 40.6%;
}

.close-pop {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.body-members-2 {
  background-color: #c29595;
  background-image: url('../images/Members-Directory.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 5000px;
}

.section-members-content {
  background-color: var(--verde-btn);
  padding: 4.6rem 1.5rem 2rem;
}

.container-member-content {
  width: 100%;
  max-width: 87rem;
  margin-left: auto;
  margin-right: auto;
}

.titulo-members-content {
  color: var(--blanco-verde);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: 1em;
}

.p-members-into-contentido {
  color: var(--blanco-verde);
  text-align: center;
  width: 72%;
  margin-bottom: 3.9rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.23em;
}

.iframe {
  border: 2px solid var(--black);
  border-radius: 1.6rem;
  height: 39.3rem;
  position: relative;
  overflow: hidden;
}

.fila-titulo-y-descripcion {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.titulo-fila-contenido {
  color: var(--black);
  text-align: left;
  text-transform: uppercase;
  width: 26rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: .9em;
}

.p-side-content-member {
  color: var(--black);
  text-align: left;
  width: 55%;
  margin-bottom: .9rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1em;
}

.section-members {
  background-color: var(--nude);
  padding: 3.7rem 1.5rem 8.8rem;
}

.container-members-list {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 90.7rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-a-search {
  width: 27.4rem;
  padding-left: 7.1rem;
}

.titulo-search {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 1.1rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.42rem;
  line-height: 1.14em;
}

.row-filter {
  margin-bottom: 2rem;
}

.top-filter {
  border-bottom: 1px solid var(--black);
  margin-bottom: 1.6rem;
  position: relative;
}

.filter-title {
  color: var(--black);
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 1.2rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.42rem;
  line-height: 1.14em;
}

.flecha-filter {
  border-right: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
  width: .7rem;
  height: .7rem;
  transition: all .2s;
  position: absolute;
  inset: .7rem 1rem auto auto;
  transform: rotate(45deg);
}

.flecha-filter.open {
  transform: rotate(-135deg);
}

.list-of-values {
  grid-column-gap: 1.1rem;
  grid-row-gap: 1.1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.filter-value {
  color: var(--black);
  background-color: #e1e1e1;
  border-radius: 10rem;
  padding: .9rem 1.3rem .6rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  display: inline-block;
}

.filter-value.on {
  background-color: var(--verde-btn);
  color: var(--casi-blanco);
}

.salto-top-filters {
  width: 100%;
  height: 1.6rem;
}

.colapsable-filtros {
  display: none;
}

.colapsable-filtros.on-inicial {
  display: block;
}

.col-b-members {
  width: 66.5%;
  margin-right: -1.5rem;
  padding-top: 3.1rem;
  position: relative;
}

.elementos-lista-de-miembros {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.col-miembro {
  width: 50%;
  margin-bottom: 2.6rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.interno-miembro {
  border-radius: 1rem;
  overflow: hidden;
}

.imagen-logo-miembro {
  object-fit: contain;
  background-color: #cbcac2;
  width: 100%;
  height: 14rem;
  padding: .6rem;
}

.miembro-contenido {
  background-color: var(--verde);
  padding: 2.1rem 1.8rem 2.3rem;
}

.miembro-nombre {
  color: var(--casi-blanco);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2rem;
  line-height: 1.2em;
}

.desc-member {
  color: var(--casi-blanco);
  margin-bottom: 2rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.1em;
}

.btn-visit {
  background-color: var(--verde-claro);
  color: var(--verde);
  border-radius: 100rem;
  padding: .9rem 1.9rem;
  font-family: Franklingothicurw Med, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em;
  transition: all .2s;
}

.btn-visit:hover {
  background-color: var(--casi-blanco);
  color: var(--verde);
}

.btn-visit.verde {
  background-color: var(--verde);
  color: #e7e9e0;
}

.btn-visit.verde:hover {
  background-color: var(--verde-claro);
  color: var(--verde);
}

.btn-visit.verde-dos {
  background-color: var(--verde);
  color: var(--verde-claro);
}

.btn-visit.verde-dos:hover {
  background-color: var(--casi-blanco);
  color: var(--verde);
}

.btn-visit.borde {
  border: 1px solid var(--verde-claro);
  background-color: var(--transparent);
  color: var(--verde-claro);
}

.btn-visit.borde:hover {
  border-color: var(--verde);
  background-color: var(--verde);
}

.btn-visit.header {
  background-color: var(--verde);
  color: var(--nude);
  padding: .7rem 1.4rem;
  font-size: 1.12rem;
}

.btn-visit.header:hover {
  background-color: var(--verde-claro);
  color: var(--verde);
}

.fila-showing {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 7.9rem;
  margin-right: 1.5rem;
  display: flex;
}

.p-articles {
  text-align: center;
  margin-bottom: .9rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1em;
}

.p-elements {
  text-align: center;
  margin-bottom: 3.2rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1em;
}

.container-footer-dos {
  border-top: 1px solid var(--black);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 86.1rem;
  margin-top: 3.6rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  display: flex;
}

.col-a-sub-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icono-footer {
  width: 5rem;
}

.p-year {
  color: var(--verde);
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1em;
}

.link-sub-footer {
  color: var(--verde);
  text-decoration: none;
}

.p-sub {
  color: var(--verde);
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1em;
}

.body-menu {
  background-color: #d6a8a8;
  background-image: url('../images/Menu.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1506px;
}

.menu-drop {
  position: relative;
}

.dropdown {
  display: none;
  position: absolute;
  inset: auto -15% 0% 31%;
}

.dropdown-inside {
  background-color: var(--nude);
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  padding: 1.6rem 1.4rem 1rem;
  display: none;
  position: absolute;
  left: -4.1rem;
  right: -5.6rem;
}

.dropdown-inside.debug {
  display: block;
}

.link-inside-drodpown {
  color: var(--verde);
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-left: 1.7rem;
  font-size: 1.12rem;
  line-height: 1em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.sub-dropdown {
  position: relative;
}

.flecha-dropdown {
  border-right: 1px solid var(--verde);
  border-bottom: 1px solid var(--verde);
  color: var(--transparent);
  width: .4rem;
  height: .4rem;
  margin-left: .5rem;
  transition: all .2s;
  display: block;
  position: relative;
  top: -.1rem;
  transform: rotate(45deg);
}

.flecha-dropdown.open {
  top: .4rem;
  transform: rotate(-135deg);
}

.flecha-sub-dropdown {
  border-right: 1px solid var(--verde);
  border-bottom: 1px solid var(--verde);
  color: var(--transparent);
  width: .4rem;
  height: .4rem;
  margin-left: .5rem;
  transition: all .2s;
  display: block;
  position: relative;
  top: -.1rem;
  transform: rotate(45deg);
}

.flecha-sub-dropdown.open {
  top: 0;
  transform: rotate(-135deg);
}

.top-sub {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.separador-sub-menu {
  border-bottom: 1px solid var(--verde);
  opacity: .2;
  height: 0;
  margin-top: .6rem;
  margin-bottom: .6rem;
  display: block;
}

.lista-dropdown {
  display: none;
}

.lista-dropdown.debug {
  display: block;
}

.sub-link-menu {
  color: var(--verde);
  padding-top: .2rem;
  padding-bottom: .2rem;
  padding-left: 1.7rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.sub-link-menu:hover {
  padding-left: 2rem;
}

.salto-drodpown {
  height: .6rem;
}

.punto-menu {
  margin-right: .5rem;
  display: inline-block;
}

.body-programs {
  background-color: #d4c2c2;
  background-image: url('../images/Programs.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 6000px;
}

.section-programs {
  background-color: var(--nude);
  padding: 10.9rem 1.5rem 1.2rem;
}

.container-programs {
  width: 100%;
  max-width: 77rem;
  margin-left: auto;
  margin-right: auto;
}

.fila-main-programs {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 3.4rem;
  display: flex;
}

.titulo-side-programs {
  color: var(--black);
  text-align: left;
  text-transform: uppercase;
  width: 35%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .5rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: .95em;
}

.p-side-programs {
  color: var(--black);
  text-align: left;
  margin-bottom: 2.4rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.23em;
}

.col-b-side-programs {
  width: 56.5%;
}

.titulo-congratulations {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 1.4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.55rem;
  line-height: 1.3em;
}

.p-below-programs {
  color: var(--black);
  text-align: left;
  margin-bottom: 1.5rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.23em;
}

.imagen-redonda {
  border-radius: 1.6rem;
  width: 100%;
  margin-bottom: 2.5rem;
}

.section-slide-fotos {
  background-color: var(--nude);
  padding-top: 3rem;
  padding-bottom: 3rem;
  overflow: hidden;
}

.container-slideshow {
  width: 100%;
  max-width: 91rem;
  margin-left: auto;
  margin-right: auto;
}

.col-slide-imagen {
  float: left;
  width: 20%;
}

.col-slide-imagen.hide {
  display: none;
}

.slideshow-solo-imagenes {
  width: 120.7%;
}

.imagen-slideshow {
  object-fit: cover;
  border-radius: 1rem;
  width: 92%;
  height: 28.8rem;
}

.section-slides-cards {
  background-color: var(--verde-btn);
  padding: 5.1rem 1.5rem 3.6rem;
  overflow: hidden;
}

.container-slideshow-cards {
  justify-content: space-between;
  align-items: flex-end;
  max-width: 86.9rem;
  margin-bottom: 3.9rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.titulo-side-slider {
  z-index: 1;
  color: var(--black);
  text-align: left;
  text-transform: uppercase;
  width: 38%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .5rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: .95em;
  position: relative;
}

.p-side-slideshow {
  color: var(--blanco-verde);
  text-align: left;
  width: 70%;
  margin-bottom: 0;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1em;
}

.nav-slideshow {
  display: flex;
}

.col-slideshow-content {
  width: 76%;
  display: flex;
}

.btn-slide {
  background-color: var(--verde-claro);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
}

.btn-slide.left {
  margin-right: 1.3rem;
  transform: rotate(180deg);
}

.icono-slide {
  width: 1.6rem;
}

.container-slideshow-cards-slider {
  justify-content: space-between;
  align-items: flex-end;
  max-width: 86.9rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.slideshow-cards {
  width: 200%;
}

.slide-card {
  float: left;
  width: 50%;
}

.slide-card.hide {
  display: none;
}

.card-slide {
  background-color: var(--verde-claro);
  border-radius: 1.3rem;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 51.2rem;
  margin-right: 2.5rem;
  padding: 3.5rem 3rem 3.8rem;
  display: flex;
}

.col-a-card {
  width: 55%;
}

.titulo-card {
  color: var(--verde-claro);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2.6rem;
  padding-top: .3rem;
  font-family: Itcfranklingothicstd Demi, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1em;
  text-decoration: underline;
}

.titulo-card-grande {
  color: var(--verde);
  margin-top: 0;
  margin-bottom: 1.2rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.2rem;
  line-height: 1em;
}

.p-card {
  color: var(--blanco-verde);
  text-align: left;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.16em;
}

.imagen-card {
  background-color: var(--nude);
  object-fit: contain;
  border-radius: 1.3rem;
  width: 40.8%;
  padding: 2.8rem;
}

.section-big-image {
  background-color: var(--nude);
  padding: 3.1rem 1.5rem;
}

.container-big-image {
  text-align: center;
  border-radius: 1.3rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 91rem;
  height: 46.8rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.imagen-fondo-big-image {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.titulo-side-slider-copy {
  z-index: 1;
  color: var(--casi-blanco);
  letter-spacing: -.1rem;
  text-transform: uppercase;
  width: 51%;
  margin-top: 0;
  margin-bottom: 1.8rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.2rem;
  font-weight: 400;
  line-height: 1.15em;
  position: relative;
}

.fila-botones-big-image {
  z-index: 1;
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  display: flex;
  position: relative;
}

.body-4cs {
  background-color: #cf9e9e;
  background-image: url("https://cdn.prod.website-files.com/68e7ea91f60c418f7220dfd5/68e7ea91f60c418f7220e04e_4C's.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 5000px;
}

.section-intro-4cs {
  background-color: var(--nude);
  padding: 7.1rem 1.5rem 2rem;
}

.fila-main-4cs {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.body-resources {
  background-color: #e0acac;
  background-image: url('../images/Grants.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 5000px;
}

.section-latest-resources {
  background-color: var(--nude);
  padding: 7.6rem 1.5rem 3.9rem;
}

.container-latest-resources {
  max-width: 84rem;
  margin-left: auto;
  margin-right: auto;
}

.titulo-lateest {
  color: var(--black);
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5.8rem;
  padding-top: .5rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: .95em;
}

.filtros-latest {
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5.3rem;
  display: flex;
}

.link-filtro {
  border: 1px solid var(--verde);
  background-color: var(--nude);
  color: var(--verde);
  border-radius: 10rem;
  padding: .6rem 1.2rem;
  font-size: 1.3rem;
  line-height: 1em;
  text-decoration: none;
  display: inline-block;
}

.link-filtro.on {
  background-color: var(--verde-btn);
  color: var(--nude);
}

.p-showing {
  margin-bottom: 0;
  margin-left: 1.7rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1em;
}

.lista-de-resources {
  flex-flow: wrap;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  display: flex;
}

.col-resource {
  width: 33.33%;
  margin-bottom: 2.7rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  display: flex;
}

.resource-interno {
  background-color: var(--verde-claro);
  border-radius: 1rem;
  padding: 4rem 1.7rem;
}

.type-resource {
  color: var(--verde);
  text-transform: uppercase;
  margin-bottom: 1.2rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: underline;
}

.titulo-resource {
  color: var(--verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.6rem;
  line-height: 1.1em;
}

.p-resource {
  color: var(--verde);
  text-align: left;
  margin-bottom: 1.4rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.23em;
}

.body-events {
  background-color: #ce8484;
  background-image: url('../images/Events.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 10000px;
}

.section-top-events {
  background-color: var(--nude);
  padding: 7.3rem 1.5rem 0;
}

.container-top-events {
  max-width: 91rem;
  margin-left: auto;
  margin-right: auto;
}

.titulo-top-events {
  color: var(--black);
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .5rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: .95em;
}

.section-events {
  background-color: var(--nude);
  padding: 3rem 1.5rem 5rem;
}

.container-events {
  max-width: 91rem;
  margin-left: auto;
  margin-right: auto;
}

.titulo-events {
  color: var(--black);
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 3.6rem;
  padding-top: .5rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: .95em;
}

.filtros-events {
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3.4rem;
  display: flex;
}

.event-item {
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.imagen-event {
  object-fit: cover;
  width: 100%;
  height: 39.7rem;
}

.bottom-event {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #00000045;
  padding: 2.5rem;
  position: absolute;
  inset: auto 0% 0%;
}

.type-event {
  color: var(--casi-blanco);
  text-transform: uppercase;
  margin-bottom: .6rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: underline;
}

.titulo-evento {
  color: var(--casi-blanco);
  text-transform: uppercase;
  width: 60%;
  margin-top: 0;
  margin-bottom: 1.4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2rem;
  line-height: 1.2em;
}

.body-event {
  background-color: #a28888;
  background-image: url('../images/Event-View.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 10000px;
}

.section-event-detalle {
  background-color: var(--nude);
  padding: 5.7rem 1.5rem 11rem;
}

.container-event {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.go-back-link {
  color: var(--verde);
  text-transform: uppercase;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  display: inline-block;
}

.flecha-back {
  background-image: url('../images/flecha.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.1rem;
  height: .8rem;
  margin-right: 1rem;
  display: inline-block;
  transform: rotate(180deg);
}

.contenido-event {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 4.5rem;
  display: flex;
}

.col-a-event {
  width: 74%;
}

.img-event {
  border-radius: 1rem;
  width: 100%;
  margin-bottom: 4.2rem;
}

.event-content {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.titulo-detalle-evento {
  color: var(--verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.65rem;
  font-weight: 400;
  line-height: 1em;
}

.lista-de-datos-eventos {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1.1rem;
  display: flex;
}

.dato-evento {
  background-color: #d9d9d9;
  border-radius: 10rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .8rem 1.2rem .7rem 1rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 1em;
  display: flex;
  position: relative;
}

.icono {
  width: 2rem;
  display: inline-block;
}

.texto-evento-dato {
  color: var(--verde);
  margin-bottom: 0;
  position: relative;
  top: .2rem;
}

.icono-evento {
  width: 1rem;
  margin-right: .5rem;
}

.col-b-event {
  width: 18%;
}

.share-links-event {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 3.6rem;
  display: flex;
}

.legal-final {
  color: var(--verde);
  max-width: 86.1rem;
  margin: 2rem auto 0;
  font-size: 1rem;
  line-height: 1em;
}

.link-legal-footer {
  color: var(--verde);
}

.body-map {
  background-image: url('../images/Frame-113.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.pop-container {
  width: 327px;
  padding: 25px;
}

.title-pop {
  color: var(--verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 4px;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 33px;
  font-weight: 400;
  line-height: 1em;
}

.p-map {
  color: var(--verde);
  word-break: break-all;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.2em;
}

.map-interno {
  background-color: var(--blanco-verde);
  width: 80%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.nav-menu {
  background-color: var(--verde);
  width: 20%;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: scroll;
}

.item-nav-menu {
  color: var(--nude);
  cursor: pointer;
  border-bottom: 1px solid #b5c7b8;
  padding: 1.5rem 1.5rem 1rem;
  transition: all .2s;
}

.item-nav-menu:hover {
  color: var(--verde);
  background-color: #f7f7f7;
  border-bottom-color: #f7f7f7;
}

.link-map {
  color: var(--verde-claro);
}

.title-side-map {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1em;
}

.p-side-map {
  word-break: break-all;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.2em;
}

.filter-cdfi {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.filtro-item {
  background-color: var(--verde-claro);
  color: var(--verde);
  text-align: left;
  width: 100%;
  padding: 1rem 1.5rem .7rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
}

.filtro-item:hover {
  background-color: #c6e6b5;
}

.filtro-item.middle {
  border-left: 1px solid #b5c7b8;
  border-right: 1px solid #b5c7b8;
}

.filtro-item.on {
  background-color: #c6e6b5;
  text-decoration: underline;
}

.top-header {
  color: var(--nude);
  text-align: center;
  background-color: #a79ef9;
  margin-bottom: 0;
  padding: .6rem 1.5rem;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.2em;
}

.top-header.responsive {
  display: none;
}

.btn-donate {
  background-color: var(--verde-claro);
  color: var(--verde);
  border-radius: 10rem;
  margin-left: .5rem;
  padding: .4rem 1rem .3rem;
  font-size: 1rem;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.btn-donate:hover {
  background-color: var(--casi-blanco);
}

.pagina {
  flex-flow: wrap;
  display: flex;
}

.nav-paginate {
  color: var(--verde);
  margin-left: 1rem;
  margin-right: 1rem;
  font-size: .8em;
  text-decoration: none;
  display: inline-block;
  position: relative;
  top: -.1rem;
}

.numer-paginate {
  color: var(--verde-claro);
  margin-left: .4rem;
  margin-right: .4rem;
  text-decoration: none;
  display: inline-block;
}

.numer-paginate.current {
  color: var(--verde);
}

.btn-service-area {
  background-color: var(--verde-claro);
  color: var(--verde);
  border-radius: 10rem;
  padding: .6rem 1.5rem;
  font-family: Franklingothicurw Med, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.btn-service-area:hover {
  background-color: var(--verde);
  color: var(--verde-claro);
}

.body-new-home {
  background-color: #dfb2b2;
  background-image: url('../images/LANDING.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 10000px;
}

.section-to-bring {
  background-color: var(--verde-btn);
  padding: 4.9rem 1.5rem 6rem;
}

.container-to-bring {
  max-width: 87rem;
  margin-left: auto;
  margin-right: auto;
}

.title-to-bring {
  color: var(--blanco-verde);
  text-align: center;
  width: 76%;
  margin: 0 auto 7.9rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.05rem;
  line-height: 1em;
}

.tabs-home {
  margin-bottom: 5.8rem;
  position: relative;
}

.nav-tabs-home {
  text-align: center;
  justify-content: space-between;
  align-items: flex-start;
  width: 81%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tab-btn-home {
  z-index: 1;
  border-bottom: 3px solid var(--verde-btn);
  opacity: .3;
  color: var(--verde-claro);
  padding-bottom: .4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  position: relative;
}

.tab-btn-home:hover {
  border-bottom-color: var(--verde);
}

.tab-btn-home.current {
  z-index: 1;
  border-bottom-color: var(--verde-claro);
  opacity: 1;
  position: relative;
}

.linea-bottom-tabs {
  border-bottom: 3px solid var(--verde-claro);
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.imagen-tab {
  object-fit: cover;
  border-radius: 1.3rem;
  width: 49.6%;
  height: 29.7rem;
}

.tab-element {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.col-tab {
  width: 46.5%;
  padding-top: .3rem;
}

.titulo-tab {
  clear: both;
  color: var(--blanco-verde);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: 1.2em;
}

.footer-nuevo {
  background-color: var(--verde-claro);
  padding: 2rem 1.5rem 2.2rem;
}

.container-new-footer {
  max-width: 87rem;
  margin-left: auto;
  margin-right: auto;
}

.cola-back-to-nalcab {
  width: 20rem;
}

.link-back-footer {
  color: var(--verde);
  text-transform: uppercase;
  margin-bottom: 2.5rem;
  margin-left: -1.7rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1em;
  text-decoration: none;
  display: inline-block;
}

.link-footer-to-nalce {
  float: left;
  clear: both;
  color: #1a4621;
  text-transform: uppercase;
  background-image: url('../images/→.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 1.4rem;
  margin-bottom: -.2rem;
  padding-top: .6rem;
  padding-right: 2.2rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 2.75rem;
  line-height: 1em;
  text-decoration: none;
  display: inline-block;
}

.fila-top-footer {
  z-index: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.fila-bottom-footer {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: -2.5rem;
  display: flex;
}

.logo-footer-nuevo {
  width: 9rem;
}

.col-tems-and-privacy {
  grid-column-gap: 2.1rem;
  grid-row-gap: 2.1rem;
  display: flex;
}

.link-footer-legal {
  color: var(--verde);
  font-family: Franklingothicurw Med, Arial, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
}

.body-new-directory {
  background-color: #c99595;
  background-image: url('../images/MEMBERSHIP.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 10000px;
}

.by-state {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.states-list {
  padding-top: 1.1rem;
  display: none;
  position: absolute;
  top: 2.4rem;
  left: -15rem;
  right: 0;
}

.estados-drop {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  background-color: var(--nude);
  border-radius: 1.1rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 1.6rem 2rem;
  display: flex;
}

.btn-state {
  color: var(--black);
  background-color: #e1e1e1;
  border-radius: 100rem;
  padding: .5rem .9rem;
  font-size: .9rem;
  line-height: 1em;
  text-decoration: none;
}

.btn-state.on {
  background-color: var(--verde);
  color: var(--nude);
}

.section-bloques-nalce {
  background-color: var(--verde-btn);
  padding: 2.4rem 1.5rem 4rem;
}

.container-bloques {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 87rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-bloque {
  background-color: var(--verde-claro);
  border-radius: 1.6rem;
  width: 49%;
  padding: 4rem 3.7rem 3.7rem;
}

.title-bloque {
  color: var(--verde-btn);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.4rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.1rem;
  font-weight: 400;
  line-height: 1em;
}

.p-boque {
  color: var(--verde-btn);
  text-align: left;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.23em;
}

.container-form-apply {
  border-radius: 1.4rem;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 87rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-form-apply.center {
  text-align: center;
  justify-content: center;
}

.title-apply-dos {
  color: var(--blanco-verde);
  text-transform: uppercase;
  width: 85%;
  margin-top: 0;
  margin-bottom: 1.1rem;
  font-family: Itcfranklingothicstd Dmcp, Arial, sans-serif;
  font-size: 4.2rem;
  font-weight: 400;
  line-height: 1.05em;
}

.p-apply-obsc {
  color: var(--blanco-verde);
  max-width: 31rem;
  margin-bottom: 0;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.34rem;
  font-weight: 400;
  line-height: 1.16em;
}

.form-block-dos {
  width: 48%;
  margin-bottom: 0;
}

.form-block-dos.hide {
  display: none;
}

.input-obscuro {
  border: 1px solid var(--blanco-verde);
  background-color: var(--transparent);
  color: var(--blanco-verde);
  border-radius: 1.2rem;
  height: 4.3rem;
  margin-bottom: 2.7rem;
  padding: 1.4rem 1.6rem 1rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1em;
}

.input-obscuro:focus, .input-obscuro:focus-visible, .input-obscuro[data-wf-focus-visible] {
  border-color: var(--verde-claro);
}

.input-obscuro::placeholder {
  color: var(--blanco-verde);
}

.input-obscuro.textarea {
  min-height: 8.2rem;
}

.label-obscuro {
  clear: both;
  color: var(--blanco-verde);
  margin-bottom: 1.7rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.81rem;
  font-weight: 400;
  line-height: 1em;
}

.punto-filter-obsc {
  border: 1px solid var(--blanco-verde);
  color: var(--transparent);
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
  transition: all .5s;
  position: absolute;
  top: .5rem;
  left: 0%;
  right: auto;
}

.punto-filter-obsc.on {
  border-color: var(--blanco-verde);
  background-color: var(--blanco-verde);
}

.radio-filter-obscuro {
  float: left;
  color: var(--blanco-verde);
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
  padding-top: .46rem;
  padding-bottom: .46rem;
  padding-left: 1.7rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1em;
  position: relative;
}

.radio-filter-obscuro.claro {
  color: var(--nude);
  width: 100%;
}

.body-contact {
  background-color: #c08f8f;
  background-image: url('../images/Contact.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 10000px;
}

.fila-boton-card {
  margin-top: 2rem;
}

.our-work {
  color: var(--blanco-verde);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-family: Tt Commons, Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 1em;
}

.btn-resp-nav {
  background-color: var(--verde-claro);
  color: var(--verde);
  border-radius: 10rem;
  padding: .6rem 1.5rem;
  font-family: Franklingothicurw Med, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
  display: none;
}

.btn-resp-nav:hover {
  background-color: var(--verde);
  color: var(--verde-claro);
}

.btn-by-state {
  background-color: var(--verde-claro);
  color: var(--verde);
  border-radius: 10rem;
  padding: .6rem 1.5rem;
  font-family: Franklingothicurw Med, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.btn-by-state:hover {
  background-color: var(--verde);
  color: var(--verde-claro);
}

@media screen and (max-width: 991px) {
  .link-header {
    border-bottom-style: none;
  }

  .btn-general.header, .btn-general.donate {
    font-size: .9rem;
  }

  .lista-de-links-footer {
    flex-flow: wrap;
  }

  .col-links-footer {
    width: 50%;
  }

  .form-newsletter {
    padding-top: 0;
  }

  .main-menu {
    grid-column-gap: 1.9rem;
    grid-row-gap: 1.9rem;
  }

  .col-a-search {
    width: 33%;
    padding-left: 0;
  }

  .titulo-search {
    font-size: 1.5rem;
  }

  .miembro-nombre {
    font-size: 1.4rem;
  }

  .container-footer-dos {
    padding-top: 1.5rem;
  }

  .titulo-evento {
    font-size: 1.4rem;
  }

  .map-interno {
    width: 70%;
  }

  .nav-menu {
    width: 30%;
  }

  .titulo-tab {
    line-height: 1em;
  }
}

@media screen and (max-width: 767px) {
  .lista-links-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .link-header {
    justify-content: flex-start;
    align-items: center;
  }

  .section-hero {
    height: 47rem;
  }

  .title-hero {
    width: 100%;
  }

  .p-hero {
    width: 85%;
  }

  .search-and-menu {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .main-menu {
    z-index: 4;
    background-color: var(--verde-btn);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 60vw;
    padding: 2rem;
    transition: all .2s;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -60vw;
    overflow: scroll;
  }

  .main-menu.on {
    right: 0;
  }

  .btn-menu {
    border-top: 1px solid var(--nude);
    border-bottom: 1px solid var(--nude);
    width: 3rem;
    height: .7rem;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .btn-cerrar {
    z-index: 3;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .fila-showing {
    margin-top: 2rem;
  }

  .p-elements {
    margin-bottom: 2rem;
  }

  .menu-drop {
    width: 100%;
  }

  .dropdown-inside {
    background-color: var(--transparent);
    border-radius: 0;
    width: 100%;
    padding-top: 1rem;
    padding-right: 0;
    display: block;
    position: static;
  }

  .link-inside-drodpown {
    padding-left: 0;
    font-size: .9rem;
  }

  .flecha-dropdown {
    display: none;
    position: static;
  }

  .flecha-sub-dropdown {
    display: none;
  }

  .lista-dropdown {
    display: block;
  }

  .section-programs, .section-intro-4cs {
    padding-top: 4rem;
  }

  .top-header {
    display: none;
  }

  .top-header.responsive {
    text-align: left;
    padding: 1.5rem 2rem;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }
}

@media screen and (max-width: 479px) {
  body {
    padding-top: 4.4rem;
  }

  .section-header {
    z-index: 5;
    position: fixed;
    inset: 0% 0% auto;
  }

  .logo-header {
    width: 8rem;
  }

  .lista-links-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .section-hero {
    justify-content: center;
    align-items: flex-end;
    height: 41rem;
    padding-bottom: 3rem;
  }

  .logo-hero {
    float: left;
    width: 4rem;
    margin-bottom: 7rem;
    margin-right: auto;
  }

  .title-hero {
    width: 100%;
    font-size: 3.4rem;
  }

  .p-hero {
    width: 100%;
    font-size: 1.3rem;
  }

  .btn-general {
    font-size: 1rem;
  }

  .btn-general.verde.hide-resp {
    position: absolute;
    inset: auto auto 6rem 1.5rem;
  }

  .section-areas-of-impact {
    padding-top: 6rem;
    padding-bottom: 3rem;
  }

  .container-areas {
    padding-left: 0;
  }

  .small-title-areas {
    font-size: 1rem;
  }

  .fila-areas-of-impact {
    flex-flow: column;
  }

  .col-opciones {
    width: 100%;
  }

  .titulos-opciones {
    font-size: 2.1rem;
  }

  .titulos-opciones.on-fijo {
    padding-left: 1.5rem;
  }

  .punto-on {
    width: .9rem;
    height: .9rem;
    top: .2rem;
  }

  .info-areas {
    padding-top: 2rem;
    top: 0;
  }

  .info-areas.on {
    width: 100%;
  }

  .p-areas {
    margin-bottom: 2rem;
    font-size: 1.3rem;
  }

  .section-our-impact {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .container-our-impact {
    flex-flow: column;
  }

  .col-info-impact {
    width: 100%;
    height: auto;
    padding: 2rem;
  }

  .titulo-impact {
    font-size: 3.1rem;
    line-height: .99em;
  }

  .p-impact {
    width: 100%;
    font-size: 1.1rem;
  }

  .fila-puntos {
    margin-top: 2.2rem;
  }

  .imagen-impact {
    border-top-left-radius: 0;
    border-bottom-right-radius: 1.1rem;
    width: 100%;
    height: 15rem;
  }

  .section-partner {
    padding: 3rem 0 10.5rem;
    position: relative;
    overflow: hidden;
  }

  .container-partner {
    overflow: scroll;
  }

  .fila-stories {
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    width: 240vw;
    padding-top: 3.3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .col-a-partner {
    width: 33.33%;
    padding-right: 1rem;
  }

  .img-big-partner {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 18rem;
  }

  .col-grande-partner {
    background-color: var(--verde);
    border-bottom-right-radius: 1.1rem;
    border-bottom-left-radius: 1.1rem;
    width: 100%;
    margin-top: 0;
    padding-top: 2rem;
  }

  .title-partner {
    color: var(--verde-claro);
    font-size: 2.1rem;
  }

  .p-partner {
    color: var(--verde-claro);
    font-size: 1.1rem;
  }

  .col-b-partner {
    justify-content: flex-start;
    align-items: flex-start;
    width: 66.66%;
    display: flex;
  }

  .fila-menor-partner {
    border-bottom-style: none;
    flex-flow: column-reverse;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 1rem;
  }

  .fila-menor-partner.final {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .col-a-fila-menor {
    background-color: var(--verde);
    border-bottom-right-radius: 1.1rem;
    border-bottom-left-radius: 1.1rem;
    width: 100%;
    padding: 2rem 1.9rem;
  }

  .col-a-fila-menor.final {
    padding-top: 2rem;
  }

  .img-small-partner {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 18rem;
  }

  .title-sub-partner {
    color: var(--verde-claro);
    margin-bottom: 1.8rem;
    font-size: 2.1rem;
  }

  .linea-verde-menor {
    display: none;
  }

  .section-whats-happening {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .title-whats-happening {
    font-size: 2.1rem;
  }

  .fila-filtros-whats {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .lista-categorias {
    background-color: var(--transparent);
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding: 0;
  }

  .link-categoria {
    padding: .9rem 1.9rem;
    font-size: 1rem;
  }

  .slideshow-whats {
    width: 428%;
  }

  .title-sub-whats.black {
    font-size: 2.1rem;
  }

  .p-whats.black {
    font-size: 1rem;
  }

  .section-suport {
    padding-top: 6rem;
    padding-bottom: 3rem;
  }

  .container-support {
    height: 24rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .titulo-support {
    width: auto;
    font-size: 2.1rem;
  }

  .lista-botones {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .section-sponsors {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }

  .title-our-sponsors {
    margin-bottom: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 2.1rem;
  }

  .img-logo {
    width: 7rem;
  }

  .col-logo {
    width: auto;
    padding-right: 1.5rem;
  }

  .grupo-logos {
    width: 1000vw;
  }

  .section-footer {
    clear: both;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .container-footer {
    flex-flow: column;
  }

  .col-logo-footer {
    width: 29%;
    margin-bottom: 4rem;
  }

  .lista-de-links-footer {
    flex-flow: wrap;
    width: 100%;
  }

  .col-links-footer {
    width: 50%;
    margin-bottom: 3rem;
    padding-top: 0;
  }

  .titulo-footer {
    margin-bottom: 0;
  }

  .link-footer {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }

  .form-newsletter {
    width: 100%;
    padding-top: 0;
  }

  .input-newsletter {
    margin-bottom: 3rem;
  }

  .link-red {
    width: 2rem;
  }

  .p-partner-main {
    color: var(--verde-claro);
    font-size: 1.1rem;
  }

  .hero-seccion {
    height: 14rem;
  }

  .titile-section {
    margin-top: 0;
    font-size: 3.1rem;
  }

  .section-history-about {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }

  .grupo-historia {
    flex-flow: column;
  }

  .col-a-historia {
    border-right-style: none;
    flex-flow: row;
    width: 100%;
    min-height: auto;
    padding-top: 0;
  }

  .anio-about {
    padding-left: 0;
    font-size: 1.3rem;
    line-height: 1.5em;
  }

  .anio-about.on {
    padding-left: 1rem;
  }

  .punto {
    width: .5rem;
    height: .5rem;
    top: .5rem;
  }

  .punto.on {
    left: 0;
  }

  .col-b-gistoria {
    flex-flow: column;
    width: 100%;
    margin-top: 2.4rem;
  }

  .col-a-interno-b-historia {
    width: 100%;
  }

  .small-title-history {
    font-size: 1rem;
  }

  .p-history {
    font-size: 1.1rem;
  }

  .section-what-we-do {
    float: left;
    clear: both;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .container-what-we-do {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    display: flex;
  }

  .inside-container {
    flex-flow: column;
    width: 100%;
    margin-bottom: 0;
  }

  .inside-container.revertir {
    flex-flow: column;
  }

  .small-title-what-we-do {
    margin-bottom: 3rem;
    font-size: 1rem;
  }

  .col-a-info-inside {
    width: 100%;
    margin-bottom: 2rem;
    padding-top: 0;
  }

  .small-title-about-row {
    margin-bottom: .4rem;
    font-size: 1rem;
  }

  .title-capital {
    font-size: 3.1rem;
    font-weight: 400;
  }

  .linea-capital {
    max-width: 13rem;
  }

  .p-row-about {
    font-size: 1.1rem;
  }

  .img-row-about {
    width: 100%;
    height: 21rem;
  }

  .section-meet {
    clear: both;
    padding-top: 3rem;
    padding-bottom: 2rem;
  }

  .container-meet {
    flex-flow: column;
  }

  .title-meet {
    width: 100%;
    margin-bottom: .5rem;
    font-size: 2.1rem;
  }

  .p-meet {
    width: 100%;
    font-size: 1.1rem;
  }

  .btns-meet {
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    margin-top: 2rem;
    padding-bottom: 0;
    padding-left: 0;
  }

  .btn-meet {
    width: 3rem;
    height: 3rem;
  }

  .flecha-meet {
    width: 1rem;
  }

  .section-slider-meet {
    padding-bottom: 3rem;
  }

  .slide-meet {
    padding-left: 1.5rem;
    padding-right: 0;
  }

  .imagen-slide-meet {
    height: 28rem;
  }

  .slider-meet {
    width: 230%;
  }

  .slide-title {
    left: 1.8rem;
    right: 0;
  }

  .title-founder {
    font-size: 1.3rem;
  }

  .name-mmet {
    font-size: 3.1rem;
  }

  .slide-title-detalle {
    left: 1.8rem;
    right: 0;
  }

  .p-detalle-meet {
    font-size: 1rem;
  }

  .fila-botones-detalles {
    justify-content: flex-start;
    align-items: center;
  }

  .icono-linkedin {
    width: 2.9rem;
  }

  .section-join {
    float: left;
    clear: both;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .container-join {
    height: 24rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-interno-join {
    width: auto;
  }

  .titulo-join {
    width: auto;
    margin-bottom: 1.9rem;
    font-size: 2.1rem;
  }

  .fila-botones {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .section-featured {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }

  .btns-featured {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .slider-featured {
    width: 251%;
  }

  .imagen-slide-featured {
    height: 23rem;
  }

  .info-featured {
    padding: 1.6rem 1.5rem;
    left: 1.5rem;
    right: 0;
  }

  .titulo-featured {
    width: 100%;
    font-size: 2.1rem;
  }

  .section-news-blog {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .container-news-blog {
    flex-flow: column;
  }

  .col-a-news-blog {
    width: 100%;
    padding-top: 0;
  }

  .title-side-news {
    font-size: 1.3rem;
  }

  .search {
    width: 100%;
  }

  .input-search {
    height: 2.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1.2rem;
    font-size: 1rem;
  }

  .icon-search {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .icon-search.member {
    padding: .8rem 1.2rem;
  }

  .titulo-filter-by {
    font-size: 1rem;
  }

  .sub-title-filter {
    font-size: 1.3rem;
  }

  .fila-top-filter {
    padding-top: 1.5rem;
    padding-bottom: .9rem;
  }

  .flecha-filtro {
    top: 2rem;
    right: .2rem;
  }

  .flecha-filtro.on {
    top: 1.6rem;
  }

  .lista-radios-filter.debug {
    display: none;
  }

  .radio-filter {
    width: 100%;
    padding-left: 1.2rem;
    font-size: 1rem;
  }

  .punto-filter {
    width: .7rem;
    height: .7rem;
    top: .45rem;
  }

  .col-b-news {
    width: 100%;
    margin-top: 3rem;
    margin-left: 0;
    margin-right: 0;
  }

  .col-news-blog {
    width: 100%;
    margin-bottom: 3rem;
    padding-left: 0;
    padding-right: 0;
  }

  .author {
    margin-bottom: .3rem;
  }

  .title-news {
    font-size: 2.1rem;
  }

  .p-desc-news {
    font-size: 1rem;
  }

  .nav-pages {
    justify-content: space-between;
    align-items: stretch;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 2rem;
  }

  .pagina-blog {
    margin-left: 0;
    font-size: 1.3rem;
  }

  .section-follow-us-instagram {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }

  .title-follow {
    margin-bottom: 3rem;
    font-size: 2.1rem;
  }

  .fila-posts {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .col-item-follow {
    border-radius: .5rem;
    width: 48%;
    height: 8.2rem;
  }

  .section-hero-blog-post {
    min-height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .titulo-chico-hero-blog-post {
    margin-bottom: 1rem;
    font-size: 1rem;
  }

  .titulo-centrado-blog {
    font-size: 2.1rem;
  }

  .section-contenido-blog {
    padding-top: 4rem;
  }

  .container-blog-post {
    flex-flow: column;
  }

  .col-side-detalle-blog {
    width: 100%;
    padding-top: 0;
  }

  .title-top-side-blog, .p-written {
    font-size: 1rem;
  }

  .share-links {
    margin-bottom: 3rem;
  }

  .link-compartir {
    width: 2.5rem;
    height: 2.5rem;
  }

  .icono-comparti {
    width: .9rem;
  }

  .title-want {
    margin-bottom: 1rem;
  }

  .p-subscribe {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
  }

  .col-contenido-post {
    width: 100%;
    margin-top: 4rem;
    padding-right: 0;
  }

  .titulo-post {
    font-size: 2.1rem;
  }

  .small-title-post {
    font-size: 1.3rem;
  }

  .p-post {
    font-size: 1rem;
  }

  .imagen-post {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .section-read-more {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }

  .title-read-more {
    font-size: 2.1rem;
  }

  .top-read-more {
    justify-content: space-between;
    align-items: flex-end;
  }

  .section-hero-members {
    height: 31rem;
  }

  .container-hero-member {
    padding-top: 0;
  }

  .icono-hero-member {
    width: 6rem;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
  }

  .titulo-pequeno-join {
    font-size: 1rem;
  }

  .title-beomce {
    font-size: 3.1rem;
  }

  .section-waht-are {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }

  .title-what {
    width: 100%;
    font-size: 2.1rem;
  }

  .btns-what {
    justify-content: center;
    align-items: flex-end;
    position: static;
  }

  .slider-what {
    width: 330%;
  }

  .slide-what {
    padding-left: 1.5rem;
    padding-right: 0;
  }

  .imagen-slide-what {
    height: 31rem;
  }

  .info-who {
    min-height: 13rem;
    padding: 2rem 1.5rem;
    left: 1.5rem;
    right: 0;
  }

  .titulo-who {
    font-size: 2.1rem;
  }

  .p-member {
    font-size: 1rem;
  }

  .title-leadership {
    font-size: 2.1rem;
  }

  .section-leadership-members {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }

  .section-how-it-works {
    padding-top: 6rem;
    padding-bottom: 7rem;
  }

  .title-how-it-works {
    font-size: 2.1rem;
  }

  .p-how-it-works {
    width: 90%;
    font-size: 1rem;
  }

  .flecha-linea {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
  }

  .linea-media {
    height: 3rem;
  }

  .interno-blanco-linea-del-tiempo {
    flex-flow: column;
    padding: 1.4rem 1rem 1rem;
  }

  .col-a-linea-tiempo {
    width: 100%;
  }

  .title-linea-interna {
    margin-bottom: 0;
    font-size: 1.3rem;
  }

  .p-linea-del-tiempo {
    width: 100%;
    margin-bottom: 2rem;
    font-size: 1rem;
  }

  .imagen-linea {
    border-radius: 1rem;
    width: 100%;
    height: auto;
  }

  .punto-linea {
    top: 45%;
  }

  .punto-linea.final {
    top: 97%;
  }

  .title-levels {
    width: 100%;
    font-size: 2.1rem;
  }

  .p-levels {
    width: 100%;
    font-size: 1rem;
  }

  .btns-members {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
  }

  .section-member {
    padding-top: 6rem;
    padding-bottom: 3rem;
  }

  .title-membership {
    font-size: 2.1rem;
  }

  .slide-member {
    left: 1.5rem;
    right: 0;
  }

  .container-form {
    flex-flow: column;
    padding: 3.7rem 2.4rem;
  }

  .col-a-apply {
    width: 100%;
  }

  .title-apply {
    width: 100%;
    font-size: 2.1rem;
  }

  .p-apply {
    margin-bottom: 3rem;
    font-size: 1rem;
  }

  .form-block {
    width: 100%;
  }

  .input {
    height: 3.3rem;
    padding: 1rem;
    font-size: 1rem;
  }

  .input.textarea, .input.textarea-obscuro {
    margin-top: 0;
  }

  .form-interno {
    width: 100%;
  }

  .label {
    margin-bottom: 1rem;
    font-size: 1.3rem;
  }

  .punto-filter-claro {
    width: .7rem;
    height: .7rem;
    top: .45rem;
  }

  .search-and-menu {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .lupa {
    filter: brightness(400%) grayscale();
  }

  .main-menu {
    padding-top: 10rem;
  }

  .main-menu.on {
    right: 0;
  }

  .group-partner {
    float: left;
    width: 100%;
    padding-top: .2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: absolute;
  }

  .section-hero-team {
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .title-team {
    font-size: 2.1rem;
  }

  .p-the-team {
    width: 100%;
    font-size: 1rem;
  }

  .link-tab {
    width: 100%;
    margin-right: 0;
    padding-bottom: .4rem;
  }

  .linea-bottom {
    display: none;
  }

  .lista-miembros {
    margin-left: 0;
    margin-right: 0;
  }

  .miembro-team {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .interno-thumb {
    flex-flow: column-reverse;
    display: flex;
  }

  .img-miembro {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: 50% 0%;
    border-radius: 1rem;
    height: auto;
    margin-bottom: 1.5rem;
  }

  .titulo-miembro {
    margin-bottom: 1rem;
    font-size: 2rem;
    position: static;
    top: -7.3rem;
  }

  .rol-miembro {
    position: static;
    top: -7.6rem;
  }

  .search-someone {
    width: 100%;
    margin-top: 2rem;
    position: relative;
  }

  .input-member {
    height: 2.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1.2rem;
    font-size: 1rem;
  }

  .imgen-menber {
    border-radius: 0;
    margin-bottom: 2rem;
    overflow: visible;
  }

  .over-member {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    position: relative;
    bottom: auto;
  }

  .over-member.hover {
    background-color: var(--transparent);
  }

  .p-detalle-member {
    color: var(--verde);
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .btn-menor {
    font-size: 1rem;
  }

  .btn-menor.verde.hide-resp {
    position: absolute;
    inset: auto auto 6rem 1.5rem;
  }

  .section-detalle-miembro {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .container-team {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .flechita-back {
    position: relative;
    top: -.1rem;
  }

  .texto-back {
    line-height: 1.1em;
  }

  .fila-content-member {
    flex-flow: column;
    margin-top: 3rem;
    padding-left: 0;
  }

  .col-info-member {
    width: 100%;
  }

  .nombre-miembro {
    font-size: 3.1rem;
  }

  .p-info-team {
    font-size: 1rem;
  }

  .img-detalle-miembro {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: 50% 0%;
    width: 100%;
  }

  .bg-video {
    width: 90%;
  }

  .section-nalcab-member {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .title-map {
    width: 100%;
    font-size: 2.1rem;
  }

  .flex-pop {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .pop-up-window {
    flex-flow: column;
  }

  .col-contenido-pop {
    width: 100%;
    padding: 2rem;
  }

  .titulo-join-us {
    font-size: 1.5rem;
  }

  .p-pop {
    width: 100%;
    font-size: 1rem;
  }

  .link-go-back {
    margin-bottom: 2rem;
    display: inline-block;
    position: static;
  }

  .imagen-side-pop {
    object-fit: cover;
    width: 100%;
    height: 13rem;
  }

  .titulo-members-content {
    font-size: 2.1rem;
  }

  .p-members-into-contentido {
    width: 100%;
    font-size: 1.1rem;
  }

  .iframe {
    background-color: var(--nude);
    height: 18rem;
    margin-bottom: 4rem;
  }

  .fila-titulo-y-descripcion {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .titulo-fila-contenido {
    text-align: center;
    width: auto;
    margin-bottom: 2rem;
    font-size: 2.1rem;
  }

  .p-side-content-member {
    text-align: center;
    width: auto;
    margin-bottom: 0;
    font-size: 1.1rem;
    line-height: 1.23em;
  }

  .titulo-search {
    margin-bottom: 2rem;
    font-size: 1.3rem;
  }

  .filter-title {
    margin-bottom: 1rem;
    font-size: 1.3rem;
  }

  .flecha-filter {
    top: -.1rem;
    right: 0;
  }

  .list-of-values {
    display: block;
  }

  .filter-value {
    text-align: center;
    margin-bottom: 1rem;
    font-size: 1rem;
    display: inline-block;
  }

  .col-b-members {
    width: 60%;
    margin-right: 0;
    padding-top: 0;
  }

  .col-miembro {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .imagen-logo-miembro {
    height: 8rem;
  }

  .btn-visit {
    font-size: 1rem;
  }

  .btn-visit.verde.hide-resp {
    position: absolute;
    inset: auto auto 6rem 1.5rem;
  }

  .p-elements {
    margin-bottom: 1rem;
    font-size: 1rem;
  }

  .container-footer-dos, .col-a-sub-footer {
    flex-flow: column;
  }

  .p-year {
    text-align: center;
    margin-left: 0;
  }

  .p-sub {
    margin-top: 1rem;
  }

  .dropdown-inside {
    background-color: var(--transparent);
    border-radius: 0;
  }

  .fila-main-programs {
    flex-flow: column;
  }

  .titulo-side-programs {
    text-align: center;
    width: 100%;
    margin-bottom: 2rem;
    font-size: 2.1rem;
  }

  .p-side-programs {
    text-align: center;
    font-size: 1.1rem;
  }

  .col-b-side-programs {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    display: flex;
  }

  .titulo-congratulations {
    font-size: 2rem;
    line-height: 1.1em;
  }

  .p-below-programs {
    font-size: 1.1rem;
  }

  .imagen-slideshow {
    height: 9rem;
  }

  .container-slideshow-cards {
    flex-flow: column;
    margin-bottom: 2rem;
  }

  .titulo-side-slider {
    margin-bottom: 2rem;
    font-size: 2.1rem;
  }

  .p-side-slideshow {
    width: 100%;
    padding-left: 0;
    font-size: 3rem;
  }

  .nav-slideshow {
    margin-top: 2rem;
  }

  .col-slideshow-content {
    flex-flow: column;
    width: 100%;
  }

  .btn-slide {
    width: 3rem;
    height: 3rem;
  }

  .card-slide {
    flex-flow: column;
    min-height: 0;
    padding: 2rem 2rem 0;
  }

  .col-a-card {
    width: 100%;
    margin-bottom: 3rem;
  }

  .titulo-card {
    font-size: 1rem;
  }

  .titulo-card-grande {
    font-size: 2.5rem;
  }

  .p-card {
    font-size: 1.1rem;
  }

  .imagen-card {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
  }

  .container-big-image {
    height: 26rem;
  }

  .titulo-side-slider-copy {
    font-size: 2.1rem;
  }

  .fila-botones-big-image, .fila-main-4cs {
    flex-flow: column;
  }

  .titulo-lateest {
    width: 100%;
    margin-bottom: 2rem;
    font-size: 2.1rem;
  }

  .filtros-latest {
    grid-column-gap: .9rem;
    grid-row-gap: .9rem;
  }

  .p-showing {
    width: 100%;
    margin-left: 0;
  }

  .col-resource {
    width: 100%;
  }

  .p-resource {
    text-align: center;
    font-size: 1.1rem;
  }

  .titulo-top-events {
    width: 100%;
    font-size: 2.1rem;
  }

  .titulo-events {
    width: 100%;
    margin-bottom: 2rem;
    font-size: 2.1rem;
  }

  .filtros-events {
    grid-column-gap: .9rem;
    grid-row-gap: .9rem;
  }

  .section-event-detalle {
    padding-bottom: 5.7rem;
  }

  .contenido-event {
    flex-flow: column;
  }

  .col-a-event, .event-content {
    width: 100%;
  }

  .titulo-detalle-evento {
    font-size: 2.1rem;
  }

  .col-b-event {
    width: 100%;
    margin-top: 5rem;
  }

  .share-links-event {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 3rem;
  }

  .legal-final {
    margin-top: 3rem;
  }

  .map-interno {
    width: 100%;
    transition: all .2s;
  }

  .map-interno.members {
    width: 60%;
    left: 40%;
  }

  .nav-menu {
    width: 40%;
    transition: all .2s;
    left: -40%;
  }

  .nav-menu.members {
    left: 0%;
  }

  .title-side-map {
    font-size: 1.4rem;
  }

  .p-side-map {
    font-size: .9rem;
  }

  .top-header {
    display: none;
  }

  .btn-donate {
    margin-left: 0;
  }

  .btn-service-area {
    z-index: 1;
    margin-left: 0;
    padding: .2rem 1rem;
    font-size: 1rem;
  }

  .title-to-bring {
    width: 100%;
    margin-bottom: 5rem;
    font-size: 2.5rem;
  }

  .nav-tabs-home {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
    flex-flow: wrap;
    justify-content: center;
    width: 100%;
  }

  .linea-bottom-tabs {
    display: none;
  }

  .imagen-tab {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
  }

  .tab-element {
    flex-flow: column;
  }

  .col-tab {
    width: 100%;
  }

  .titulo-tab {
    font-size: 2.5rem;
    line-height: .99em;
  }

  .footer-nuevo {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .cola-back-to-nalcab {
    width: 100%;
    margin-bottom: 3rem;
  }

  .link-back-footer {
    margin-left: 0;
  }

  .fila-top-footer {
    flex-flow: column;
  }

  .fila-bottom-footer {
    margin-top: 0;
  }

  .logo-footer-nuevo {
    width: 3rem;
  }

  .by-state {
    position: static;
    top: 1rem;
    right: 1rem;
  }

  .states-list {
    z-index: 0;
    width: 40%;
    padding-top: 0;
    transition: all .2s;
    display: block;
    inset: 0 auto 0 -40%;
  }

  .states-list.state {
    left: 0%;
  }

  .estados-drop {
    border-radius: 0;
    height: 100%;
    padding: 1rem;
    overflow: scroll;
  }

  .btn-state {
    font-size: .6rem;
  }

  .container-bloques {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .col-bloque {
    width: 100%;
    padding: 2.2rem;
  }

  .title-bloque {
    font-size: 3.1rem;
    font-weight: 400;
  }

  .p-boque {
    width: 100%;
    font-size: 1.1rem;
  }

  .container-form-apply {
    flex-flow: column;
  }

  .title-apply-dos {
    width: 100%;
    font-size: 2.1rem;
  }

  .p-apply-obsc {
    margin-bottom: 3rem;
    font-size: 1rem;
  }

  .form-interno-dos, .form-block-dos {
    width: 100%;
  }

  .input-obscuro {
    height: 3.3rem;
    padding: 1rem;
    font-size: 1rem;
  }

  .input-obscuro.textarea {
    margin-top: 0;
  }

  .label-obscuro {
    margin-bottom: 1rem;
    font-size: 1.3rem;
  }

  .punto-filter-obsc {
    width: .7rem;
    height: .7rem;
    top: .45rem;
  }

  .radio-filter-obscuro {
    width: 100%;
    padding-left: 1.2rem;
    font-size: 1rem;
  }

  .btn-resp-nav {
    z-index: 1;
    margin-left: 0;
    padding: .2rem 1rem;
    font-size: 1rem;
    display: block;
    position: absolute;
    top: 3rem;
    right: 1rem;
  }

  .btn-by-state {
    z-index: 1;
    margin-left: 0;
    padding: .2rem 1rem;
    font-size: 1rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
}


@font-face {
  font-family: 'Franklingothicurw Med';
  src: url('../fonts/FranklinGothicURW-Med.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Itcfranklingothicstd Dmcp';
  src: url('../fonts/ITCFranklinGothicStd-DmCp.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Commons';
  src: url('../fonts/TT-Commons-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Itcfranklingothicstd Demi';
  src: url('../fonts/ITCFranklinGothicStd-Demi.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Commons';
  src: url('../fonts/TT-Commons-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}