/* ============================================================
   Portal Login Huella Clean V10
   Deja la huella como acceso visual simple: icono + texto.
   Elimina apariencia de botón, borde externo y doble borde.
   ============================================================ */

#portalLoginPasskeyBtn,
#portalLoginPasskeyButton,
#portalBiometricQuickButton,
.portal-login-huella-v8,
button[data-login-passkey],
button[data-passkey-login],
button[data-biometric-login] {
  width: 100% !important;
  min-height: 58px !important;
  margin: 18px auto 18px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;

  color: #eef7f3 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

#portalLoginPasskeyBtn:hover,
#portalLoginPasskeyButton:hover,
#portalBiometricQuickButton:hover,
.portal-login-huella-v8:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#portalLoginPasskeyBtn:active,
#portalLoginPasskeyButton:active,
#portalBiometricQuickButton:active,
.portal-login-huella-v8:active {
  transform: scale(.985) !important;
}

/* Contenedor del icono: sin borde para evitar doble aro amarillo */
#portalLoginPasskeyBtn .portal-huella-v8-icon,
#portalLoginPasskeyButton .portal-huella-v8-icon,
#portalBiometricQuickButton .portal-huella-v8-icon,
#portalLoginPasskeyBtn .portal-login-passkey-icon,
#portalLoginPasskeyButton .portal-login-passkey-icon,
#portalBiometricQuickButton .portal-biometric-icon,
.portal-login-huella-v8 .portal-huella-v8-icon {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;

  border: 0 !important;
  outline: 0 !important;
  border-radius: 999px !important;

  background: transparent !important;
  box-shadow: none !important;

  display: grid !important;
  place-items: center !important;
}

/* Imagen real de la huella */
#portalLoginPasskeyBtn .portal-huella-v8-icon img,
#portalLoginPasskeyButton .portal-huella-v8-icon img,
#portalBiometricQuickButton .portal-huella-v8-icon img,
#portalLoginPasskeyBtn .portal-login-passkey-icon img,
#portalLoginPasskeyButton .portal-login-passkey-icon img,
#portalBiometricQuickButton .portal-biometric-icon img,
.portal-login-huella-v8 .portal-huella-v8-icon img {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;

  object-fit: contain !important;
  display: block !important;

  filter:
    drop-shadow(0 0 8px rgba(203, 221, 49, .45))
    drop-shadow(0 0 18px rgba(203, 221, 49, .20)) !important;
}

#portalLoginPasskeyBtn .portal-huella-v8-copy,
#portalLoginPasskeyButton .portal-huella-v8-copy,
#portalBiometricQuickButton .portal-huella-v8-copy,
#portalLoginPasskeyBtn .portal-login-passkey-text,
#portalLoginPasskeyButton .portal-login-passkey-text,
#portalBiometricQuickButton .portal-biometric-copy,
.portal-login-huella-v8 .portal-huella-v8-copy {
  display: grid !important;
  gap: 3px !important;
  text-align: left !important;
  min-width: 0 !important;
}

#portalLoginPasskeyBtn .portal-huella-v8-title,
#portalLoginPasskeyButton .portal-huella-v8-title,
#portalBiometricQuickButton .portal-huella-v8-title,
.portal-login-huella-v8 .portal-huella-v8-title,
#portalBiometricQuickButton .portal-biometric-copy strong {
  font-size: 1.08rem !important;
  font-weight: 950 !important;
  line-height: 1.04 !important;
  color: #ffffff !important;
  letter-spacing: -.01em !important;
}

#portalLoginPasskeyBtn .portal-huella-v8-subtitle,
#portalLoginPasskeyButton .portal-huella-v8-subtitle,
#portalBiometricQuickButton .portal-huella-v8-subtitle,
.portal-login-huella-v8 .portal-huella-v8-subtitle,
#portalBiometricQuickButton .portal-biometric-copy small {
  font-size: .74rem !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
  color: rgba(226, 232, 240, .78) !important;
}

/* HUELLA ICONO GRANDE PATCH 20260706-173919
   Icono al doble del tamaño anterior.
   No cambia texto, estructura ni función biométrica. */

#portalLoginPasskeyBtn .portal-huella-v8-icon,
#portalLoginPasskeyButton .portal-huella-v8-icon,
#portalBiometricQuickButton .portal-huella-v8-icon,
#portalLoginPasskeyBtn .portal-login-passkey-icon,
#portalLoginPasskeyButton .portal-login-passkey-icon,
#portalBiometricQuickButton .portal-biometric-icon,
.portal-login-huella-v8 .portal-huella-v8-icon {
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#portalLoginPasskeyBtn .portal-huella-v8-icon img,
#portalLoginPasskeyButton .portal-huella-v8-icon img,
#portalBiometricQuickButton .portal-huella-v8-icon img,
#portalLoginPasskeyBtn .portal-login-passkey-icon img,
#portalLoginPasskeyButton .portal-login-passkey-icon img,
#portalBiometricQuickButton .portal-biometric-icon img,
.portal-login-huella-v8 .portal-huella-v8-icon img {
  width: 112px !important;
  height: 112px !important;
  max-width: 112px !important;
  max-height: 112px !important;
  object-fit: contain !important;
  display: block !important;
  filter:
    drop-shadow(0 0 10px rgba(203, 221, 49, .58))
    drop-shadow(0 0 22px rgba(203, 221, 49, .24)) !important;
}

/* FIN HUELLA ICONO GRANDE PATCH */

/* HUELLA GAP TEXTO PATCH 20260706-174130
   Acerca el texto al icono sin cambiar tamaño ni función. */

#portalLoginPasskeyBtn,
#portalLoginPasskeyButton,
#portalBiometricQuickButton,
.portal-login-huella-v8,
button[data-login-passkey],
button[data-passkey-login],
button[data-biometric-login] {
  gap: 4px !important;
  justify-content: center !important;
}

#portalLoginPasskeyBtn .portal-huella-v8-icon,
#portalLoginPasskeyButton .portal-huella-v8-icon,
#portalBiometricQuickButton .portal-huella-v8-icon,
#portalLoginPasskeyBtn .portal-login-passkey-icon,
#portalLoginPasskeyButton .portal-login-passkey-icon,
#portalBiometricQuickButton .portal-biometric-icon,
.portal-login-huella-v8 .portal-huella-v8-icon {
  margin-right: -10px !important;
}

#portalLoginPasskeyBtn .portal-huella-v8-copy,
#portalLoginPasskeyButton .portal-huella-v8-copy,
#portalBiometricQuickButton .portal-huella-v8-copy,
#portalLoginPasskeyBtn .portal-login-passkey-text,
#portalLoginPasskeyButton .portal-login-passkey-text,
#portalBiometricQuickButton .portal-biometric-copy,
.portal-login-huella-v8 .portal-huella-v8-copy {
  margin-left: 0 !important;
}

/* FIN HUELLA GAP TEXTO PATCH */