/* ===== Q3-Intelligence · login corporate (Keycloak 26 / PatternFly v5) ===== */
:root{--q3-bg:#0b0f17;--q3-panel:#121926;--q3-line:#243044;--q3-txt:#e8edf5;--q3-dim:#8fa0b6;--q3-hot:#ff7a1a}

/* fondo: gradiente radial + rejilla sutil */
html,body{background:var(--q3-bg) !important}
body{background:
  radial-gradient(55% 45% at 50% 0%, rgba(255,122,26,.07) 0%, rgba(11,15,23,0) 60%),
  linear-gradient(rgba(36,48,68,.16) 1px, transparent 1px),
  linear-gradient(90deg, rgba(36,48,68,.16) 1px, transparent 1px),
  var(--q3-bg) !important;
  background-size:auto, 44px 44px, 44px 44px, auto !important;
  font-family:Inter,'Segoe UI',Arial,sans-serif !important}

/* ===== tarjeta ===== */
.pf-v5-c-login__main,.card-pf{position:relative;background:var(--q3-panel) !important;
  border:1px solid var(--q3-line) !important;border-radius:20px !important;
  box-shadow:0 34px 110px rgba(0,0,0,.7) !important;color:var(--q3-txt) !important;overflow:hidden}
/* filo superior naranja de acento */
.pf-v5-c-login__main::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg, transparent 0%, var(--q3-hot) 30%, #ffb347 50%, var(--q3-hot) 70%, transparent 100%)}
.pf-v5-c-login__main-header,.pf-v5-c-login__main-body,.pf-v5-c-login__main-footer{background:transparent !important}
.pf-v5-c-login__main-body{padding:8px 40px 34px !important}

/* ===== branding dentro de la tarjeta ===== */
.pf-v5-c-login__main-header{display:flex;flex-direction:column;align-items:center;padding:38px 40px 4px !important}
/* hexágono */
.pf-v5-c-login__main-header::before{content:'';width:52px;height:52px;margin-bottom:14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2 35 11v18L20 38 5 29V11z' fill='none' stroke='%23ff7a1a' stroke-width='2.6'/%3E%3Cpath d='M12 25c3-7 13-6 16-12' stroke='%23dce3ee' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='27' cy='14' r='2.6' fill='%23ff7a1a'/%3E%3C/svg%3E") center/contain no-repeat}
/* subtítulo */
.pf-v5-c-login__main-header::after{content:'PROCESS PORTAL';order:3;color:var(--q3-dim);
  font-size:10.5px;letter-spacing:5px;font-weight:600;margin-top:6px}
/* el título de página se convierte en el wordmark Q3 */
#kc-page-title{order:2;margin:0 !important;color:transparent !important;font-size:0 !important;line-height:0 !important}
#kc-page-title::before{content:'Q3';color:var(--q3-hot);font-size:30px;font-weight:800;letter-spacing:1px;line-height:1.2}
#kc-page-title::after{content:'·INTELLIGENCE';color:var(--q3-txt);font-size:30px;font-weight:800;letter-spacing:1px;line-height:1.2}

/* ===== labels ===== */
label,.pf-v5-c-form__label-text{color:var(--q3-dim) !important;font-size:12.5px !important;
  letter-spacing:1.2px;text-transform:uppercase;font-weight:600 !important}
.pf-v5-c-form__group{margin-top:20px !important}

/* ===== inputs: SOLO el wrapper lleva borde (adiós doble borde) ===== */
span.pf-v5-c-form-control,.pf-v5-c-form-control{background:#0d131e !important;
  border:1px solid var(--q3-line) !important;border-radius:12px !important;
  box-shadow:none !important;padding:0 !important;transition:border-color .15s ease, box-shadow .15s ease}
.pf-v5-c-form-control input,.pf-v5-c-form-control>input{background:transparent !important;border:0 !important;
  outline:0 !important;box-shadow:none !important;color:var(--q3-txt) !important;
  padding:13px 15px !important;font-size:15px !important;width:100%}
.pf-v5-c-form-control::before,.pf-v5-c-form-control::after{display:none !important;border:none !important}
/* focus sobrio */
.pf-v5-c-form-control:focus-within{border-color:var(--q3-hot) !important;
  box-shadow:0 0 0 2px rgba(255,122,26,.22) !important}
input:focus{outline:none !important;box-shadow:none !important}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #0d131e inset !important;
  -webkit-text-fill-color:var(--q3-txt) !important}

/* ===== password: grupo input + ojo integrado ===== */
.pf-v5-c-input-group{background:#0d131e !important;border:1px solid var(--q3-line) !important;
  border-radius:12px !important;overflow:hidden;transition:border-color .15s ease, box-shadow .15s ease}
.pf-v5-c-input-group:focus-within{border-color:var(--q3-hot) !important;
  box-shadow:0 0 0 2px rgba(255,122,26,.22) !important}
.pf-v5-c-input-group .pf-v5-c-form-control,.pf-v5-c-input-group span.pf-v5-c-form-control{
  border:0 !important;border-radius:0 !important;background:transparent !important;flex:1}
.pf-v5-c-input-group:focus-within .pf-v5-c-form-control{box-shadow:none !important}
/* el ojo: nada de cuadro blanco */
.pf-v5-c-button.pf-m-control{background:transparent !important;color:var(--q3-dim) !important;
  border:0 !important;box-shadow:none !important;padding:0 14px !important}
.pf-v5-c-button.pf-m-control:hover{color:var(--q3-hot) !important}
.pf-v5-c-button.pf-m-control::after{border:none !important}

/* ===== botón principal ===== */
.pf-v5-c-button.pf-m-primary,input[type=submit]{
  background:linear-gradient(180deg, #ff8b35 0%, var(--q3-hot) 100%) !important;color:#160d03 !important;
  border-radius:12px !important;font-weight:800 !important;border:0 !important;padding:13px !important;
  font-size:14px !important;letter-spacing:2px;text-transform:uppercase;margin-top:26px !important;
  box-shadow:0 10px 26px rgba(255,122,26,.28) !important;transition:transform .12s ease, box-shadow .12s ease}
.pf-v5-c-button.pf-m-primary:hover,input[type=submit]:hover{transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(255,122,26,.38) !important}
.pf-v5-c-button.pf-m-primary:active{transform:translateY(0)}

/* ===== enlaces, alerts, pies ===== */
a{color:var(--q3-hot) !important;text-decoration:none !important}
a:hover{text-decoration:underline !important}
#kc-info,.pf-v5-c-login__main-footer-band{color:var(--q3-dim) !important}
.pf-v5-c-alert{border-radius:12px !important;background:#2a1a12 !important;
  border:1px solid #7a3a12 !important;color:#ffb787 !important}
.pf-v5-c-alert__title{color:#ffb787 !important}
.pf-v5-c-check__label{color:var(--q3-dim) !important}

/* pie discreto bajo la tarjeta */
.pf-v5-c-login__container::after{content:'© 2026 Q3-Intelligence · Secure access';display:block;
  text-align:center;color:#5b6b82;font-size:11px;letter-spacing:1.5px;margin-top:18px}

/* ocultar rastros de Keycloak */
.pf-v5-c-login__footer,.pf-v5-c-brand,#kc-registration,#kc-header-wrapper{display:none !important}