/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/*Evitar el cambio a estilos de Webkit en inputs cuando el navegador hace Autofill en algun Form (En navegadores Chromium)*/
/* line 5, templates/rt_galatea/custom/scss/MDC2024-login.scss */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  transition: background-color 9999s ease-in-out 0s, font-family 9999s ease-in-out 0s;
  -webkit-text-fill-color: #97999c !important;
  -webkit-box-shadow: none !important;
  transition-delay: 9999s;
}
/* line 15, templates/rt_galatea/custom/scss/MDC2024-login.scss */
@media only all and (min-width: 80rem) {
  /* line 4, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  body {
    background: url('../../../../images/MDC2024/login/fullbackground.png') !important;
    background-size: contain !important;
    background-position-x: center !important;
  }
}
/* line 23, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-page-surround {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 !important;
  background: url('../../../../images/MDC2024/login/fullbackground.png') !important;
  background-size: cover !important;
  background-position-x: center !important;
}
@media only all and (min-width: 80rem) {
  #g-page-surround {
    max-width: 109rem;
    margin: auto !important;
  }
}
/* Evitar el icono automatico de mostrar y ocultar contraseña (ojo) en microsoft edge */
/* line 39, templates/rt_galatea/custom/scss/MDC2024-login.scss */
input::-ms-reveal, input::-ms-clear {
  display: none;
}
/* SYSTEM MESSAGES */
/* line 46, templates/rt_galatea/custom/scss/MDC2024-login.scss */
/* line 47, templates/rt_galatea/custom/scss/MDC2024-login.scss */
/* line 48, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-top #system-message .alert-heading {
  display: none;
}
/* line 51, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-top #system-message div p {
  text-align: center;
  margin: 0;
}
/* LOGIN FORM */
/* line 60, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform {
  min-height: 41rem;
}
/* line 63, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 68, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container .img-container {
  margin-top: 6vh;
}
/* line 71, templates/rt_galatea/custom/scss/MDC2024-login.scss */
@media only all and (min-width: 48rem) {
  /* line 22, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  #g-loginform .login-container .img-container img {
    width: 27vw;
    min-width: 22rem;
    max-width: 32rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  /* line 13, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  #g-loginform .login-container .img-container img {
    width: 22rem;
  }
}
@media only all and (max-width: 47.99rem) {
  /* line 25, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  #g-loginform .login-container .img-container img {
    width: 17rem;
  }
}
/* line 86, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container .form-login-container {
  text-align: center;
}
/* line 89, templates/rt_galatea/custom/scss/MDC2024-login.scss */
/* line 90, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container .form-login-container .title h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  margin: 0.5rem 0 1.3rem 0;
  font-size: 1.55rem;
  font-weight: 400;
}
@media only all and (max-width: 47.99rem) {
  #g-loginform .login-container .form-login-container .title h3 {
    font-size: 1.2rem;
  }
}
/* line 104, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container .form-login-container #login-form {
  margin: 0 0 1rem;
}
/* line 107, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container .form-login-container #login-form .inputs {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 112, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container .form-login-container #login-form .inputs .form-field {
  position: relative;
  min-width: 360px;
}
@media only all and (min-width: 80rem) {
  #g-loginform .login-container .form-login-container #login-form .inputs .form-field {
    width: 393px;
  }
}
/* line 119, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container .form-login-container #login-form .inputs .form-field .user-icon-input {
  position: absolute;
  height: auto;
  width: 1.5rem;
  right: 0.8rem;
  bottom: 1.9rem;
}
/* line 127, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container .form-login-container #login-form .inputs .form-field .password-icon-input {
  position: absolute;
  height: auto;
  width: 1.9rem;
  right: 0.6rem;
  bottom: 1.92rem;
}
/* line 135, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container .form-login-container #login-form .inputs .form-field input {
  max-height: 3rem;
  min-height: 2.2rem;
  margin-bottom: 26px;
  border-radius: 20px;
  font-size: 13.2px;
  padding: 0 13% 0 14px;
  line-height: 1;
}
@media only all and (max-width: 47.99rem) {
  #g-loginform .login-container .form-login-container #login-form .inputs .form-field input {
    height: 2.2rem;
    min-height: unset;
  }
}
/* line 150, templates/rt_galatea/custom/scss/MDC2024-login.scss */
/* line 151, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container .form-login-container #login-form .inputs .login-button-container button {
  margin-top: 1px;
  color: #fff;
  padding: 0.55rem 6rem;
  background: url('../../../../images/MDC2024/login/btn.svg');
  background-size: auto;
  background-repeat: no-repeat;
}
/* line 163, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container .form-login-container .help-info {
  margin-bottom: 1.6rem;
}
/* line 165, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-loginform .login-container .form-login-container .help-info p {
  color: #fff;
  margin: 0;
  font-weight: 200;
}
@media only all and (max-width: 47.99rem) {
  #g-loginform .login-container .form-login-container .help-info p {
    font-size: 12px;
  }
}
/* FOOTER */
/* line 180, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-footer {
  background: transparent;
  margin-top: unset;
}
/* line 184, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-footer .login-footer-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 3rem 0 3.5rem;
}
@media only all and (max-width: 47.99rem) {
  #g-footer .login-footer-section {
    margin: 2rem 0 1.5rem;
  }
}
/* line 193, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-footer .login-footer-section .destello {
  width: 75%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: -4px;
}
/* line 201, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-footer .login-footer-section .logo-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 24rem;
}
@media only all and (max-width: 47.99rem) {
  #g-footer .login-footer-section .logo-section {
    width: 20rem;
  }
}
/* line 211, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-footer .login-footer-section .logo-section #cnv-badge {
  width: 5rem;
  margin-left: -10px;
}
@media only all and (max-width: 47.99rem) {
  #g-footer .login-footer-section .logo-section #cnv-badge {
    width: 4.2rem;
  }
}
/* line 219, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-footer .login-footer-section .logo-section #logo-separator {
  border-right: 1px solid #fff;
  height: 4.5rem;
}
/* line 225, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-footer .login-footer-section .logo-section #pepsico-logo {
  width: 16.5rem;
}
@media only all and (max-width: 47.99rem) {
  #g-footer .login-footer-section .logo-section #pepsico-logo {
    width: 15.5rem;
  }
}
/* line 234, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-footer .login-footer-section .legal-section {
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-color: #a9a9a9;
  margin-top: 1.7rem;
  padding: 0.6rem;
  font-size: 10px;
}
@media only all and (max-width: 47.99rem) {
  #g-footer .login-footer-section .legal-section {
    margin-top: 1rem;
    padding: 1rem;
  }
}
/* line 246, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-footer .login-footer-section .legal-section a {
  color: #fff;
}
/* line 248, templates/rt_galatea/custom/scss/MDC2024-login.scss */
#g-footer .login-footer-section .legal-section a:hover {
  color: #e4b465;
}
/*# sourceMappingURL=MDC2024-login_97.css.map */