.auth-layout-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-image: url("../img/fondo-ambiental.jpg") !important;
  background-size: cover;
  background-color: #d3e983;
  padding: 20px 50px;
}

.auth-layout-wrap {
  p{
    font-family: "arial", serif;
  }
  h1{
    font-family: "arial", serif;
  }
  h2{
    font-family: "arial", serif;
  }
}

.auth-layout-wrap .auth-content {
    max-width: 660px;
    margin: auto; }

.auth-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%; }

.card-loguin{
  background: linear-gradient(135deg, #fffffffa 50%, #ffffff00 130%);
  box-shadow: 0px 0px 24px #5C5696;
  border-radius: 18px;
}

.card-loguin {
  p {
    font-family: "arial", serif;
  }
}

.card-loguin {
  h1 {
    font-family: "arial", serif;
  }
  h2{
    font-family: "arial", serif;
  }
}

.card-contlog{
  background-color: rgba(255, 255, 255, 0.04);
  box-shadow: none !important;
  border: none !important;
}

.card-contlog {
  p {
    font-family: "arial", serif;
  }
  h1 {
    font-family: "arial", serif;
  }
  h2{
    font-family: "arial", serif;
  }
}

.acordion-item-logpf{
  margin-bottom: 0.25rem !important;
  padding: 0.5rem !important;
}

.accordion-button {
  font-size: 1.2rem !important;
}

.tit-aplicacion {
  text-align: center;
  font-weight: 500;
}

.cont-campo{
  margin-bottom: 1rem !important;
}

.textvd1{
  color: rgba(94, 142, 14, 0.98);
  /*color: rgba(163, 207, 90, 0.98);*/
}

.textvd2{
  color: #004f05;
}

.textvd3{
  color: #003503;
}

.input-group-text-border {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.form-control-border {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.btn-boton {
}

/* Responsive */
@media (min-width: 1024px) {
  .auth-layout-wrap .auth-content {
    min-width: 660px; 
  }
}

@media (max-width: 767px) {
  .auth-layout-wrap .auth-content {
    padding: 15px; 
  }
  .auth-right {
    padding: 80px 15px; 
  }
}


@media (max-width: 576px) {
}