/* CSS General */
body {
  min-height: auto;
  padding-top: 70px;
}

.btn {
  transition: all .7s;
}

.nav-item {
  cursor: pointer;
}

.nav-link { 
	color: orange;
	margin-left : 1em;
	margin-right : 1em;
}

.nav-link:hover { color: white; }

.nav-link.active {
  cursor: default;
  color: black !important;
  text-decoration:underline;
}

.nav-link.click { pointer-events: none; }

.bandera {
  background-color: none;
  background:none;
  border:none;
  margin: auto;
  padding: auto;
  cursor: pointer;
}

.contacto {
  border: 1px solid black;
}

.contacto:hover {
  background-color:orange;
  color: white;
}

.va {
  margin-top: 0%;
  margin-bottom: 2%;
}

@media (min-width: 768px) {
  .bandera {
    margin-right: 5%;
  }
}

footer {
  margin-bottom: 5%;
}


/* CSS Portada */
.fondo {
  background-image: url(../images/bosques.jpg);
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* CSS Nosotros */
h1 {
  text-align: center;
}

.parrafo {
  text-align: justify;
  text-justify: inter-word;
}

.flex-container {
  display: flex;
}

.flex-container p {
  margin-left: 5%;
  margin-right: 5%;
}

.direccion {
  background-color: lightgreen;
  margin-top: 5%;
  margin-left: 5%;
  margin-right: 5%;
}

@media (max-width: 768px) {
  .flex-container {
      flex-direction: column;
      align-items: center;
  }

  .flex-container div {
      align-items: center;
  }

  #rspsv1 {
      display: none;
      align-items: center;
  }
}

@media (min-width: 768px) {
  #carouselNosotros {
    margin-left: 3%;
  }

  #rspsv {
      width: 50%;
      display: none;
  }
}


/* CCS Equipo */
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.border-0 {
  border: 0 !important;
}

.position-relative {
  position: relative !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
}

.card {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,0.125);
  border-radius: .25rem;
}

.member-profile {
  top: -50px;
  left: 0;
}

.text-center {
  text-align: center !important;
}

.w-100 {
  width: 100% !important;
}

.position-absolute {
  position: absolute !important;
}

.member-profile img {
  width: 100px;
  height: 100px;
}

.rounded-circle {
  border-radius: 50% !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}


/* CSS Sustentabilidad */
.fondo2 {
  background-image: url(../images/sustentabilidad.jpeg);
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sustentable {
  background: rgba(76, 75, 20, 0.5);
  color: whitesmoke;
  padding: 5%;
  border-radius: 10px;
}

.sustentable h4 {
  color:lime;
  margin: 0%;
}

.sustentable a {
  text-decoration: none;
}

.sustentable button {
  border-color: lime;
  color: lime;
}

.sustentable button:hover {
  background-color: lime;
}

@media (max-width: 768px) {
  .fondo2 {
    height: 100%;
  }
}