/* ============================================================
   iCard · estilo premium para las páginas de auth (login/register/forgot/reset)
   Scoped a body.ic-auth. Override del template Bootstrap del InfyVcard.
   ============================================================ */
body.ic-auth{
  --ic-purple:#7C3AED; --ic-indigo:#4F46E5; --ic-cyan:#06B6D4;
  --ic-orange:#FF7A1A; --ic-ink:#0F172A; --ic-ink3:#64748B;
  --ic-dark:#0B0E1A; --ic-grad:linear-gradient(135deg,#7C3AED,#4F46E5,#06B6D4);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--ic-ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
body.ic-auth h1,body.ic-auth h2,body.ic-auth h3,body.ic-auth .login-app-name span{
  font-family:'Space Grotesk',system-ui,sans-serif!important;letter-spacing:-.02em;
}

/* limpiar el fondo y vectores del template + pantalla completa SIN scroll/blanco */
body.ic-auth{overflow-x:hidden}
body.ic-auth .authImage{background:none!important;min-height:100vh!important;height:auto!important;display:block!important;position:relative;padding:0!important}
body.ic-auth .authImage>.dropdown{position:absolute!important;top:12px;right:16px;z-index:40;margin:0!important}
body.ic-auth .top-vector,body.ic-auth .bottom-vector{display:none!important}
/* el dropdown de idioma flotante arriba */
body.ic-auth .dropdown .btn-info{background:rgba(255,255,255,.9)!important;border:1px solid #e2e8f0!important;color:var(--ic-ink)!important;border-radius:999px!important;font-family:'Space Grotesk';font-weight:600;box-shadow:0 6px 18px -8px rgba(15,23,42,.25)}

/* layout: 2 columnas a pantalla completa */
body.ic-auth .login-section.bg-white{min-height:100vh!important;height:auto!important}
/* SOLO el row principal (panel | form) a pantalla completa; NO los .row internos del form */
body.ic-auth .login-section.bg-white>.row{min-height:100vh;margin:0}
body.ic-auth .ic-auth-brand{min-height:100vh}

/* ===== PANEL DE MARCA (columna izquierda) ===== */
.ic-auth-brand{
  position:relative;overflow:hidden;min-height:100vh;
  display:flex;flex-direction:column;justify-content:center;
  padding:64px 56px;color:#fff;background:var(--ic-dark);
}
.ic-auth-brand .ic-aur{
  position:absolute;inset:-25%;z-index:0;filter:blur(70px);opacity:.7;
  background:
    radial-gradient(38% 38% at 22% 30%,rgba(124,58,237,.6),transparent 62%),
    radial-gradient(42% 42% at 80% 24%,rgba(6,182,212,.5),transparent 62%),
    radial-gradient(40% 50% at 60% 82%,rgba(79,70,229,.55),transparent 62%);
  animation:ic-aur 20s ease-in-out infinite;
}
@keyframes ic-aur{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(3%,-3%,0) scale(1.1)}}
.ic-auth-brand .ic-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 40% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 40% 40%,#000,transparent 75%)}
.ic-auth-brand>*{position:relative;z-index:1}
.ic-auth-brand .b-logo{height:38px;width:auto;margin-bottom:40px}
.ic-auth-brand h2{font-size:clamp(1.7rem,2.4vw,2.5rem);line-height:1.1;margin-bottom:16px;font-weight:700;color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.ic-auth-brand h2 .g{background:var(--ic-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ic-auth-brand p.tg{color:rgba(255,255,255,.72);font-size:1.05rem;max-width:420px;margin-bottom:36px}
.ic-auth-brand .card-img{width:100%;max-width:420px;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px -30px rgba(124,58,237,.5)}
.ic-auth-brand .by{margin-top:auto;padding-top:32px;color:rgba(255,255,255,.5);font-size:.85rem;display:flex;align-items:center;gap:8px}
.ic-auth-brand .by b{color:#fff}
.ic-auth-brand .chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ic-auth-brand .chips span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:7px 13px;border-radius:999px;font-size:.8rem;color:rgba(255,255,255,.85);font-weight:500}

/* ===== FORM (columna derecha) ===== */
body.ic-auth .login-app-name{margin-bottom:8px}
/* el logo ya incluye el wordmark "iCard" -> ocultar el texto duplicado */
body.ic-auth .login-app-name span{display:none!important}
/* logo sin distorsión: alto fijo, ancho automático, proporción intacta */
body.ic-auth .login-app-name{gap:0!important}
body.ic-auth .login-app-name .image,body.ic-auth .login-app-name .image-mini{width:auto!important;height:auto!important;margin:0!important}
body.ic-auth .login-app-name .logo-fix-size{height:48px!important;max-height:48px!important;width:auto!important;max-width:220px!important;object-fit:contain!important}
body.ic-auth .ic-auth-brand .b-logo{height:38px!important;width:auto!important;object-fit:contain}
body.ic-auth .logo-fix-size{max-height:44px;width:auto}
body.ic-auth h1{font-size:1.7rem!important;color:var(--ic-ink)}
body.ic-auth .form-label{font-weight:600;color:#334155;font-size:.9rem}
body.ic-auth .form-control{border-radius:12px;padding:.8rem 1rem;border:1.5px solid #e2e8f0;font-size:.98rem;transition:border-color .2s,box-shadow .2s}
body.ic-auth .form-control:focus{border-color:var(--ic-purple);box-shadow:0 0 0 4px rgba(124,58,237,.14);outline:0}
body.ic-auth .link-info{color:var(--ic-purple)!important;font-weight:600}
body.ic-auth .link-info:hover{color:var(--ic-indigo)!important}
body.ic-auth .form-check-input:checked{background-color:var(--ic-purple);border-color:var(--ic-purple)}
/* botón principal naranja */
body.ic-auth .login-btn{
  background:var(--ic-orange)!important;color:#fff!important;border:0!important;
  border-radius:999px!important;padding:.85rem 1.5rem!important;width:100%;
  font-family:'Space Grotesk';font-weight:600!important;font-size:1rem;
  box-shadow:0 12px 30px -8px rgba(255,122,26,.55);transition:transform .25s,box-shadow .25s,background .2s;
}
body.ic-auth .login-btn:hover{background:#ef6a06!important;transform:translateY(-2px);box-shadow:0 18px 40px -10px rgba(255,122,26,.7)}
body.ic-auth .google-btn,body.ic-auth .facebook-btn{border-radius:999px!important;border:1.5px solid #e2e8f0!important;font-weight:500;color:var(--ic-ink)}
body.ic-auth .copyright,body.ic-auth .copyright a{color:#94a3b8!important;font-size:.85rem}

/* responsive: en móvil se oculta el panel de marca (ya tiene d-none d-sm-block) */
@media (max-width:767px){
  .ic-auth-brand{display:none}
  body.ic-auth .login-form{padding-top:30px}
}
@media (prefers-reduced-motion:reduce){
  .ic-auth-brand .ic-aur{animation:none}
}