/*Fonts*/
@font-face {
  font-family: AzoSansRegular;
  src: url("../fonts/AzoSans-Regular.otf");
}
@font-face {
  font-family: AzoSansMedium;
  src: url("../fonts/AzoSans-Medium.otf");
}
@font-face {
  font-family: AzoSansBold;
  src: url("../fonts/AzoSans-Bold.otf");
}
@font-face {
  font-family: ExoMedium;
  src: url("../fonts/Exo2-Medium.ttf");
}
@font-face {
  font-family: ExoBold;
  src: url("../fonts/Exo2-Bold.ttf");
}
html {
  height: 100%;
}
body {
  background-image: url("../img/erp-grp_copia-min.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#bg_section {
  flex: 1;
}
#bg_section .container .row-erp-grp .info {
  color: white;
}
#bg_section .container .row-erp-grp .info h4 {
  font-family: AzoSansBold;
}
#bg_section .container .row-erp-grp .info h2 {
  font-family: ExoMedium;
}
#bg_section .container .row-erp-grp .info a {
  text-decoration: none;
}
#bg_section .container .row-erp-grp .info a .btnEntrar {
  border-color: white;
  background-color: transparent;
  font-family: AzoSansMedium;
  border-radius: 30px;
  padding: 0.3rem 3rem;
}
#bg_section .container .row-erp-grp .info a .btnEntrar:hover {
  background-color: #bbef00;
  border-color: #bbef00;
  color: black;
}
#contacto_section .container .texto-div h5 {
  color: #999d9f;
  padding-bottom: 0.5rem;
}
#contacto_section .container .form-control {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid white;
  border-radius: 0;
  font-family: AzoSansRegular;
  color: white;
}
#contacto_section .container .form-control::placeholder {
  color: white;
}
#contacto_section .container .empty {
  border-bottom: 2px solid red;
}
#contacto_section .container select option {
  color: gray;
}
#contacto_section .container .row-captcha-btn {
  justify-content: flex-end;
}
#contacto_section .container .row-captcha-btn .col-captcha-btn .g-recaptcha {
  transform: scale(0.84);
  transform-origin: 0 0;
}
#contacto_section .container .row-captcha-btn .col-captcha-btn .error-captcha {
  color: red;
  font-family: AzoSansRegular;
  display: none;
}
#contacto_section .container .row-captcha-btn .col-captcha-btn .btn-div {
  text-align: right;
}
#contacto_section .container .row-captcha-btn .col-captcha-btn .btn-div .btn-enviar {
  background-color: #bbef00;
  color: black;
  border: #bbef00;
  border-radius: 30px;
  padding: 0.5rem 3rem;
  font-family: AzoSansRegular;
}
@media (max-width: 576px) {
  body {
    background-image: url("../img/mobile.png");
    background-position: auto;
  }
  .content {
    height: auto;
  }
  #bg_section .container .row-erp-grp .col-erp {
    text-align: left !important;
  }
  #bg_section .container .row-erp-grp .info {
    color: white;
  }
  #bg_section .container .row-erp-grp .info h2 {
    font-size: 1.5rem;
  }
}