/* 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/portada.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%;
  }
}

/* Color naranjo (warning) para validación de inputs en pestaña contacto */
#tab-contacto .was-validated .form-control:invalid {
  border-color: var(--bs-warning);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ffc107'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffc107' stroke='none'/%3e%3c/svg%3e");
}

#tab-contacto .was-validated .form-control:invalid:focus {
  border-color: var(--bs-warning);
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
}

#tab-contacto .was-validated .invalid-feedback {
  color: var(--bs-warning);
}