@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap");
* {
  font-family: 'Abril Fatface', cursive;
}

nav#menuPrincipal a,
section#home span,
section#home button,
section#sectionCambio p,
section#proyectos p,
section#calendario p,
section#nosotros p,
section#section1 p,
section#section2 pre,
section#section3 h1,
section#section3 ul li,
section#section4 pre,
section#section5 pre,
section#section6 pre {
  font-family: 'Montserrat', sans-serif;
}

.bg-dark {
  background-color: #00263E !important;
}

.bg-light {
  background-color: #E2E3E3 !important;
}

.bg-primary {
  background-color: #474293 !important;
}

.bg-warning {
  background-color: #F1A81C !important;
}

.bg-danger {
  background-color: #E95353 !important;
}

.bg-aqua {
  background-color: #096479 !important;
}

.btn-cafe {
  background-color: #917634 !important;
  color: #E2E3E3;
}

.text-light {
  color: #E2E3E3 !important;
}

.text-dark {
  color: #00263E !important;
}

.text-cafe {
  color: #917634 !important;
}

.text-crema {
  color: #D8BA70 !important;
}

.navbar {
  z-index: 2000;
  position: absolute;
  width: 100%;
  font-weight: 1200;
  font-size: 1.3rem;
}

.navbar li {
  padding: 1.2rem;
}

@media (max-width: 992px) {
  .navbar {
    background-color: #00263E !important;
  }
  .navbar li {
    padding: 0.4rem;
  }
  section#home {
    height: 400px;
  }
  section#home .carousel-inner {
    overflow: visible;
  }
}

section#home i:hover {
  opacity: 60%;
}

section#home .zonaLetras {
  position: absolute;
  left: 15%;
  right: 15%;
  top: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 80%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

section#home .zonaLetras button {
  border-radius: 30px;
  font-size: 1.8rem;
  color: #E2E3E3;
  max-width: 300px;
}

section#sectionCambio .tarjetasCambio {
  height: 20rem;
  background-size: cover;
  background-position: center;
  color: #E2E3E3;
}

section#sectionCambio .tarjetasCambio#tarjeta1 {
  background-image: url("img/Recurso 3.png");
}

section#sectionCambio .tarjetasCambio#tarjeta2 {
  background-image: url("img/Recurso 4.png");
}

section#sectionCambio .tarjetasCambio#tarjeta3 {
  background-image: url("img/Recurso 5.png");
}

section#sectionCambio .tarjetasCambio a {
  text-decoration: none;
  color: #E2E3E3;
}

#flush-headingOne > button {
  background-color: #F1A81C;
  color: #E2E3E3;
}

#flush-headingTwo > button {
  background-color: #E95353;
  color: #E2E3E3;
}

#flush-headingThree > button {
  background-color: #474293;
  color: #E2E3E3;
}

section#proyectos .list-group-item {
  background-color: #00263E;
  color: #E2E3E3;
  text-align: left;
  cursor: pointer;
}

section#proyectos .areaTexto h2 {
  color: #917634;
}

section#proyectos .areaTexto pre {
  font-size: 0.7rem;
  text-align: justify;
  white-space: pre-wrap;
}

section#proyectos .areaTexto h4 a {
  text-decoration: none;
}

section#proyectos .areaTexto h4 a:link, section#proyectos .areaTexto h4 a:visited, section#proyectos .areaTexto h4 a:active, section#proyectos .areaTexto h4 a:hover {
  color: #00263E;
}

section#proyectos #imagenProyecto {
  background-image: url("img/proyectos/Agua Para Todos/WhatsApp Image 2020-09-07 at 12.01.53 PM (8).jpeg");
  background-size: cover;
  background-position: center;
}

section#beneficios .cycle-slideshow .cycle-carousel-wrap .cycle-slide {
  padding: 1rem;
}

section#calendario .mes .dia {
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.5rem;
  font-size: 2rem;
  border-radius: 50%;
  /* font-size: 50px; */
  color: #00263E;
  /* padding-right: 100px; */
  text-align: center;
  border: 2px solid #E95353;
}

section#calendario .mes .infoDia p {
  margin-bottom: 0.5rem;
}

.tituloSection {
  overflow: hidden;
  text-align: center;
}

.tituloSection:after, .tituloSection:before {
  content: "";
  display: inline-block;
  height: 3px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.tituloSection:before {
  right: 0.5em;
  margin-left: -50%;
}

.tituloSection:after {
  left: 0.5em;
  margin-right: -50%;
}

.tituloSection.dark:after, .tituloSection.dark:before {
  background-color: #00263E;
}

.tituloSection.light:after, .tituloSection.light:before {
  background-color: #E2E3E3;
}

section#nosotros {
  background-position: center;
  background-size: cover;
  background-image: url("img/Recurso 31.png");
}

.formContacto input, .formContacto textarea, .formContacto button {
  border-radius: 0;
  border: 3px solid #00263E;
}

.formContacto button {
  background-color: #00263E;
  color: #E2E3E3;
}

.formContacto button:hover {
  background-color: #E2E3E3;
  color: #00263E;
}

section#section3 {
  background-image: url("img/voluntario/Recurso 4.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 550px;
}

section#section4 {
  text-align: right;
}

section#section4 pre {
  white-space: pre-wrap;
}

section#section5 pre,
section#section5 p,
section#section2 pre,
section#section2 p {
  white-space: pre-wrap;
  text-align: justify;
}
/*# sourceMappingURL=style.css.map */