/* ===== InfoVE 2026 — overlay de marca para Auth/Registro proveedor ===== */
:root{
  --bs-primary:#2563EB!important; --bs-primary-rgb:37,99,235!important; --bs-primary-dark:#1E3A8A!important;
  --ff-border-focus:#2563EB!important;
}
.c1,.text-primary{color:#2563EB!important}
a{color:#2563EB}

/* --- FIX iconos montados sobre el texto (padding suficiente) --- */
.ff-field__icon{inset-inline-start:14px!important;color:#9aa4b2!important;z-index:2;pointer-events:none}
.ff-field--has-icon .ff-field__input{padding-inline-start:44px!important}
.ff-field--has-icon.ff-field--has-prefix .ff-field__input{padding-inline-start:64px!important}
.ff-field--has-suffix .ff-field__input{padding-inline-end:46px!important}
.ff-field__input{min-height:48px!important;border-radius:10px!important;border-color:#e2e8f0!important;font-size:15px!important}
.ff-field__input:focus{border-color:#2563EB!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}
.ff-field__label-text{font-weight:600;color:#1e293b}

/* --- FIX teléfono (intl-tel-input): bandera/dial code sin montar --- */
.country-picker-1 .iti,.country-picker-2 .iti{display:block!important;width:100%}
.country-picker-1 .iti input,.country-picker-2 .iti input,
.country-picker-1 input[type=tel],.country-picker-2 input[type=tel]{
  width:100%!important;min-height:48px!important;border-radius:10px!important;border:1px solid #e2e8f0!important;
  padding-inline-start:92px!important;font-size:15px!important}
.iti__flag-container{padding:0 6px!important}
.iti--separate-dial-code .iti__selected-flag{background:transparent!important}
.iti__selected-dial-code{margin-inline-start:6px}

/* --- Panel izquierdo: gradiente de marca InfoVE (reemplaza la imagen genérica) --- */
.register-left{background:linear-gradient(150deg,#1E3A8A 0%,#2563EB 55%,#1E40AF 100%)!important;position:relative}
.register-left::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08),transparent 40%),radial-gradient(circle at 80% 80%,rgba(245,179,1,.10),transparent 45%);pointer-events:none}
.register-left .tf-box{position:relative;z-index:1}
.register-left .login-logo{filter:brightness(0) invert(1);max-height:56px}
.register-left h2,.register-left h2 .c1,.register-left h2 strong{color:#fff!important}
.register-left h2 .c1,.register-left h2 strong{color:#F5B301!important}

/* --- Botones / stepper / títulos --- */
.btn--base,.btn-primary,.cmn--btn{background:#2563EB!important;border-color:#2563EB!important;color:#fff!important;border-radius:10px!important}
.btn--base:hover,.btn-primary:hover{background:#1E40AF!important}
h2.text-primary,.text-primary{color:#2563EB!important}
/* stepper activo azul InfoVE */
.step-item.active .step-circle,.wizard-step.active,.steps .active{background:#2563EB!important;border-color:#2563EB!important}

/* --- Logo de la empresa (dropzone) más limpio --- */
.ratio-1-1{border-radius:12px!important}

/* Superar provider-register-fixes.css:212 (.ff-field input.form-control{padding:12px 16px!important}) */
.ff-field--has-icon input.ff-field__input.form-control{padding-left:46px!important;padding-right:16px!important}
.ff-field--has-icon.ff-field--has-prefix input.ff-field__input.form-control{padding-left:66px!important}
.ff-field--has-suffix input.ff-field__input.form-control{padding-right:46px!important}

/* Logo del panel izquierdo MÁS GRANDE (feedback: estaba ridículamente pequeño) */
.register-left .login-logo,.register-left .login-img{height:auto!important;max-height:104px!important;width:auto!important;max-width:250px!important;margin-bottom:22px!important}
@media(max-width:768px){.register-left .login-logo,.register-left .login-img{max-height:80px!important;max-width:210px!important}}

/* Teléfono solo Venezuela: ocultar buscador (1 solo país) + dropdown limpio */
.country-picker-1 .iti__search-input,.country-picker-2 .iti__search-input{display:none!important}
.iti__country-list,.iti__dropdown-content{min-width:220px}
.iti__country{padding:10px 12px!important}

/* ===== Login ADMIN (.login-left) — mismo branding InfoVE ===== */
.login-left{background:linear-gradient(150deg,#1E3A8A 0%,#2563EB 55%,#1E40AF 100%)!important;position:relative}
.login-left::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08),transparent 40%),radial-gradient(circle at 80% 80%,rgba(245,179,1,.10),transparent 45%);pointer-events:none}
.login-left .tf-box,.login-left > div{position:relative;z-index:1}
.login-left .login-logo,.login-left .login-img{filter:brightness(0) invert(1);height:auto!important;max-height:104px!important;width:auto!important;max-width:250px!important;margin-bottom:20px!important}
.login-left h2,.login-left h3,.login-left p,.login-left .c1,.login-left strong{color:#fff!important}
.login-left .c1,.login-left strong.c1{color:#F5B301!important}
@media(max-width:768px){.login-left .login-logo,.login-left .login-img{max-height:80px!important;max-width:210px!important}}

/* Botones de login (Iniciar Sesión) -> azul InfoVE */
.login-page button[type="submit"],.login-form button[type="submit"],button[type="submit"].btn,
.btn.btn-primary,.btn--base,.cmn--btn,.login-btn,button.btn:not(.btn-outline-primary){background:#2563EB!important;border-color:#2563EB!important;color:#fff!important}
.login-page button[type="submit"]:hover,button[type="submit"].btn:hover{background:#1E40AF!important}