/*****

LOGIN PAGE

*****/

.path-user #main {
  min-height: calc(100vh - 76px);
  height: auto;
  background: black url(../img/bg_login.png) no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
}



.path-user #main .row.g-0 {
  background: rgba(0, 0, 0, .3);
  background-size: auto 100%;
  max-width: 1000px;
  margin: 50px auto;
  border-radius: 30px;
  padding: 30px;
}


.path-user #main.login .region-content {
  padding-left: 500px;
  background: url(../img/img_login.png) no-repeat center left;
  background-size: auto 650px;
  min-height: 650px;
}

.path-user #main .region-content {
  background: none;
  padding-left: 20px;
  min-height: 0;
  flex: 1 1 auto;
}

.path-user #main {
  align-items: start;
  height: 100%;
  flex-direction: column;
  min-height: 120vh;
}

.path-user #edit-group-perfil .fieldset-wrapper {
  border-top: 2px solid var(--crema);
  margin: 20px 0;
  font-size: .9em;
  display: flex;
  flex-direction: row;
  gap: 4%;
  flex-wrap: wrap;
  justify-content: space-around;
}

.path-user #edit-group-perfil .fieldset-wrapper .form-wrapper {
  width: 30%;
}

.path-user #edit-group-perfil .fieldset-wrapper #edit-field-localidad-wrapper,
.path-user #edit-group-perfil .fieldset-wrapper #edit-field-fecha-de-nacimiento-wrapper,
.path-user #edit-group-perfil .fieldset-wrapper #edit-field-genero-wrapper,
.path-user #edit-group-perfil .fieldset-wrapper #edit-field-telefono-wrapper {
  width: 20%;
}


.path-user #edit-group-perfil .fieldset-wrapper .form-wrapper .form-date {
  background: var(--crema);


}

#edit-field-fecha-de-nacimiento-0-value div.form-item {
  width: 100%;
}


#edit-field-fecha-de-nacimiento-wrapper {
  padding-top: 13px;
}

#edit-field-fecha-de-nacimiento-wrapper h4 {
  font-weight: normal;
}


.path-user #edit-group-cuenta .fieldset-wrapper {
  border-top: 2px solid var(--crema);
  margin: 20px 0;
  font-size: .9em;
}


#edit-legal {
  padding: 0;
  margin: -40px 0 0 0;
  border: 0;
  background: none;
  color: white;
}

#edit-legal summary {
  display: none;
}

#edit-legal .details-wrapper {
  padding: 0;
  margin: 0;
  border: 0;
}

#edit-legal .details-wrapper a {
  color: var(--rojo);
}


.path-user #edit-account {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 4%;
  flex-wrap: wrap;
  justify-content: space-around;
}

.path-user #edit-account .form-item {
  width: 48%;
}

.path-user #main.register #edit-account .form-item-mail {
  width: 100%;

}


.path-user .form-select,
.path-user .form-email {
  background: var(--crema);
}


.path-user .register #edit-pass {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 4%;
  flex-wrap: wrap;
  justify-content: space-around;
}

.path-user .register #edit-pass .form-item {
  width: 48%;
}

.path-user #edit-account #edit-pass {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 4%;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: start;
}

.path-user #edit-account #edit-pass div.js-form-item.form-item-pass-pass2 {
  margin-top: 0;
}

.path-user #main .region-content #block-uagn-content {
  color: white;
}

#block-uagn-page-title {
  padding: 20px;
}

#block-uagn-page-title h1 {
  color: white;
  text-align: center;
}


input.form-text.required.form-control {
  background-color: var(--crema);
  box-shadow: none;
  border: 0;
}

ul.nav-tabs {
  background: var(--rojo-medio);
  border-radius: 10px;
  border: 0;
  padding: 10px;
}

ul.nav-tabs li {
  padding: 0 10px 0 0;
  border-radius: 10px;
  border: 1px solid var(--rojo-medio);
  font-size: .8em;
}

ul.nav-tabs li a {
  color: white;
  padding: 5px 10px;
  border: 1px solid var(--rojo-medio);
  border-radius: 5px;
}

ul.nav-tabs li a:hover {
  background: var(--rojo-oscuro);
  border-color: var(--rojo-oscuro) !important;
  color: white;
  padding: 5px 10px;
}



ul.nav-tabs li a.is-active {
  background-color: var(--rojo);
}

ul.nav-tabs li a.is-active:hover {
  border-color: white !important;
}

#edit-actions {
  text-align: center;
}

.form-item .form-check-input {
  border: 2px solid #CCC;
}


.form-item .webform-type-radio:hover {
  background: var(--gris-claro);
}

#edit-actions input#edit-submit {
  /* 1. Tipografía equilibrada (Mantenemos las mejoras) */
  font-size: 1.1rem;
  font-family: var(--font-especial);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: white;
  text-decoration: none;

  /* 2. Proporciones y forma (Sin sombra) */
  display: inline-block;
  border: none;
  /* Aseguramos que no haya bordes por defecto */
  border-radius: 50px;
  /* Forma de píldora limpia */
  padding: 14px 40px;
  /* Padding simétrico */
  cursor: pointer;
  margin: 0 auto;
  /* Centrado si el contenedor lo permite */

  /* 3. Fondo y Transición del degradado */
  background: linear-gradient(to bottom, var(--rojo), var(--rojo-oscuro));
  background-size: 100% 200%;
  background-position: top;
  /* Transición solo para el fondo, más simple */
  transition: background-position 0.4s ease, color 0.3s ease;
  box-shadow: none !important;
  /* Aseguramos que no herede ninguna sombra */
}

#edit-actions input#edit-submit:hover {
  background-position: bottom;
  /* Eliminamos el 'transform: translateY' para que sea totalmente plano */
}

/* Opcional: si quieres que el texto cambie de color al hacer clic */
#edit-actions input#edit-submit:active {
  background-position: top;
  /* Vuelve al inicio brevemente al pulsar */
  color: rgba(255, 255, 255, 0.8);
}

.form-item div.description {
  font-size: .8em;
  padding: 0 0 20px 0;

}

div.js-form-item.form-item-pass-pass2 {
  margin-top: 20px;
}