/*login intranet*/

div#block-portales-userlogin, div#block-portales-userlogin-2 {
    width: 1200px;
    margin: auto;
    padding-bottom: 4em;
}

#block-portales-userlogin form#user-login-form, #block-portales-userlogin-2 form#user-login-form {
    margin-left: 0;
    width: 1200px;
}

/* Contenedor centrado si se desea */
#block-portales-userlogin .item-list__list, #block-portales-userlogin-2 .item-list__list {
  list-style: none;
  padding: 0;
  display: flex;
}

/* Estilo del enlace como botón */
#block-portales-userlogin .request-password-link, #block-portales-userlogin-2 .request-password-link {
	 display: inline-block;
	  padding: 0.45em 1em;
	  background-color: var(--color-principal);
	  color: #fff;
	  text-decoration: none;
	  font-weight: 600;
	  font-size: 1rem;
	  box-shadow: 0 4px 10px rgba(0, 102, 94, 0.3);
	  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
	  border: 2px solid transparent;
}

/* Hover con efecto y enfoque */
#block-portales-userlogin .request-password-link:hover, #block-portales-userlogin-2 .request-password-link:hover,
#block-portales-userlogin .request-password-link:focus, #block-portales-userlogin-2 .request-password-link:focus {
  background-color: #008f82; /* un poco más claro */
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 102, 94, 0.4);
}

/* Opcional: accesibilidad para teclado */
#block-portales-userlogin .request-password-link:focus, #block-portales-userlogin-2 .request-password-link:focus {
  outline: none;
  border-color: #00c1b2;
}

#block-portales-userlogin .item-list ul li, .menu-item, #block-portales-userlogin-2 .item-list ul li, .menu-item {
	list-style: none;
	margin: 0;
}

/* Estilizamos el botón de envío del formulario de forma más atractiva */
#user-login-form  #edit-submit {
  background-color: var(--color-principal);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  padding: 18px 1.75em;
  border: 2px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 102, 94, 0.25);
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  appearance: none;
}

/* Hover y focus */
#user-login-form  #edit-submit:hover,
#user-login-form  #edit-submit:focus {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 102, 94, 0.35);
  outline: none;
}

/* Estado desactivado opcional (Drupal lo usa en algunos casos) */
#user-login-form  #edit-submit:disabled {
  background-color: #ccc;
  color: #666;
  cursor: not-allowed;
  box-shadow: none;
}

#user-login-form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#user-login-form .form-item-name , #user-login-form .form-item-pass {
	width: 100%;
}

#user-login-form input.form-text {
  width: 74%;
  max-width: 100%;
  padding: 0.65em 1em;
  font-size: 1rem;
  font-family: inherit;
  color: #333;
  background-color: #f9f9f9;
  border: none;
  border-radius: 12px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Enfoque (focus) con color corporativo */
#user-login-form input.form-text:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 102, 94, 0.15);
  background-color: #fff;
}


#user-login-form a {
    padding-right: 22px;
}

#user-login-form a {
    display: flex;
    padding: 0.75em 1.75em;
    background-color: #f2f2f2;
    color: var(--color-principal);
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 20px;
    box-shadow: inset 0 0 0 1px rgba(0, 102, 94, 0.1);
    transition: all 0.3s ease;
    margin-right: 22px;
    align-items: center;
}

/* Hover con cambio sutil */
#user-login-form a:hover,
#user-login-form a:focus {
  background-color: #e0e0e0;
  color: var(--color-principal);
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px rgba(0, 102, 94, 0.2), 0 2px 6px rgba(0, 0, 0, 0.1);
}