/** 1. Generales:  */
/** 2. Layout: l-;  */
/** 3. Componente: c-;  */
/** 4. Paginas: p- */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/** 1. Generales */

p.error {
  color: var(--color-error);
  font-size: calc(14 / 16 * 1rem);
  font-weight: bold;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/** 4. Paginas */

.p-registro {
  background: transparent url('../images/bkg.jpg') no-repeat fixed right 0;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}

.p-registro .l-page__content {
  padding-top: 0;
}

.p-registro__top {
  -webkit-box-align: center;
  -ms-flex-align: center;
    align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
    flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
    justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
    align-items: flex-start;
  gap: calc(20 / 16 * 1rem);
  overflow: hidden;
  padding: calc(20 / 16 * 1rem) 0;
  width: 100%;
}

.p-registro__top h2 {
  font-weight: normal;
  margin: 0;
}

.p-registro__top img {
  max-width: calc(200 / 16 * 1rem);
  width: 100%;
}

.p-registro__login {
  background-color: rgba(255,255,255,0.9);
  border: 2px solid var(--color-primary);
  padding: calc(20 / 16 * 1rem);
}

@media screen and (min-width: 991px){
  .p-registro__top img {
    max-width: calc(252 / 16 * 1rem);
  }
}

.p-registro__content {
  display: flex;
  flex-flow: column;
  width: 100%;
}

.p-registro__content form {
  max-width: calc(400 / 16 * 1rem);
  width: 100%;
}

.p-registro__access {
  border-top: 1px solid var(--color-primary);
  margin-top: calc(20 / 16 * 1rem);
  padding-top: calc(20 / 16 * 1rem);
}

.p-registro__error {
  border: 1px solid var(--color-error);
  background-color: var(--color-bkg);
  font-weight: bold;
  margin: 0 auto calc(30 / 16 * 1rem);
  max-width: calc(400 / 16 * 1rem);
  padding: calc(12 / 16 * 1rem);
  text-align: center;
  width: 100%;
}

.p-registro__error p {
  color: var(--color-error);
}

.p-registro__error p:last-child {
  margin-bottom: 0;
}

.p-registro__success {
  background-color: #ffffff;
  border: 1px solid var(--color-success);
  font-weight: bold;
  margin-bottom: calc(20 / 16 * 1rem);
  padding: calc(12 / 16 * 1rem);
  text-align: center;
}

.p-registro__success p {
  color: var(--color-success);
}

.p-registro__success p:last-child {
  margin-bottom: 0;
}

[class*="p-registro--"] .l-page {
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin: auto;
  max-width: calc(1400 / 16 * 1rem);
  width: 95%;
}

.p-registro__container {
  margin: 0;
  max-width: calc(420 / 16 * 1rem);
  padding: 0;
  width: 100%;
}

.p-registro--crear .p-registro__container {
  max-width: calc(820 / 16 * 1rem);
}

.p-registro--crear .p-registro__content form {
  max-width: none;
}

@media (min-width: 768px) {
  .p-registro__top a .p-registro__logo--image {display: block; height: auto;width: 100%;}
}

/*** PRE Registro **/

.p-registro__form {
  background-color: #fff;
  box-shadow: 0 0 calc(16 / 16 * 1rem) rgba(0,0,0,0.35);
  padding: calc(40 / 16 * 1rem);
}

.p-registro__form h3 {
  color: var(--color-primary);
  margin-bottom: calc(10 / 16 * 1rem);
}

/* Oculto */

.c-form__section--password input {
  background-color: transparent;
  border: 1px solid transparent;
  color: transparent;
  font-size: 1px;
  padding: 0;
}

.c-form__section--password .c-form__box {
  display: none;
}