/* ===== Marca Sembradores Plataforma (solo este tenant) ===== */
/* Logo completo = logo-full.png (emblema + "Sembradores PANAMÁ"); isotipo = emblema.png */
:root{ --sp-green:#1d5c3f; --sp-green2:#2a7a55; --sp-gold:#c9973f; --sp-gold2:#e8c170; --sp-cream:#fbf5e6; --sp-ink:#223a2e; }
.sp-hide{ display:none !important; }

/* ---------- LOGIN a pantalla dividida ---------- */
.login-wrap.sp-split{ display:flex !important; align-items:stretch !important; justify-content:stretch !important; min-height:100vh; width:100%; padding:0 !important; gap:0 !important; background:var(--sp-cream) !important; }
.sp-visual{ position:relative; flex:1 1 56%; min-width:0; overflow:hidden; color:#fff; display:flex; align-items:center; justify-content:center; padding:48px;
  background:radial-gradient(130% 120% at 15% 10%, rgba(232,193,112,.30), transparent 55%), radial-gradient(120% 140% at 95% 95%, rgba(201,151,63,.35), transparent 50%), linear-gradient(140deg, #184e36 0%, #1d5c3f 42%, #2a7a55 100%); }
.sp-visual::after{ content:""; position:absolute; inset:0; opacity:.14; pointer-events:none; background:repeating-linear-gradient(115deg, rgba(255,255,255,.6) 0 1px, transparent 1px 26px); }
.sp-visual-in{ position:relative; max-width:470px; }
.sp-hero-logo{ display:block; width:min(360px,82%); height:auto; margin:0 0 26px; border-radius:16px; box-shadow:0 18px 44px rgba(0,0,0,.30); }
.sp-visual-in p{ font-size:1.05rem; line-height:1.55; margin:0 0 26px; color:rgba(255,255,255,.93); max-width:42ch; }
.sp-verse{ display:block; border-left:3px solid var(--sp-gold2); padding:10px 0 10px 16px; font-style:italic; color:#fdf4df; font-size:.98rem; line-height:1.5; }
.sp-verse small{ display:block; font-style:normal; font-weight:700; color:var(--sp-gold2); margin-top:6px; letter-spacing:.04em; }

/* columna derecha (formulario) */
.login-wrap.sp-split .login-card{ flex:1 1 44%; max-width:none !important; margin:0 !important; border-radius:0 !important; display:flex !important; flex-direction:column; justify-content:center; padding:48px clamp(28px,6vw,84px) !important; box-shadow:none !important; background:#fff !important; }
.login-wrap.sp-split .login-card > *{ width:100%; max-width:380px; margin-left:auto; margin-right:auto; }
.login-card .brand.sp-card{ display:block !important; background:transparent !important; margin-bottom:14px; }
.sp-card-logo{ display:block; width:238px; max-width:88%; height:auto; }
.login-card .subtitle{ color:#5e7268 !important; margin:.2rem 0 1.4rem !important; }
.login-card .field > span{ color:var(--sp-ink) !important; font-weight:600; }
.login-card .form-control{ border:1.5px solid #d8e4dc !important; border-radius:10px !important; padding:11px 13px !important; transition:border-color .15s, box-shadow .15s; }
.login-card .form-control:focus{ border-color:var(--sp-green2) !important; box-shadow:0 0 0 3px rgba(42,122,85,.16) !important; outline:none !important; }
.login-card .btn-login{ background:linear-gradient(135deg, var(--sp-green2), var(--sp-green)) !important; border:0 !important; border-radius:10px !important; font-weight:700 !important; padding:12px 16px !important; letter-spacing:.02em; box-shadow:0 8px 20px rgba(29,92,63,.28) !important; transition:filter .15s, transform .05s; }
.login-card .btn-login:hover:not(:disabled){ filter:brightness(1.06) saturate(1.05) !important; }
.login-card .btn-login:active:not(:disabled){ transform:translateY(1px); }
.login-card .legacy-note{ color:#8aa093 !important; }

@media (max-width:860px){ .sp-visual{ display:none !important; } .login-wrap.sp-split{ align-items:center !important; justify-content:center !important; } .login-wrap.sp-split .login-card{ padding:30px 22px !important; } }

/* ---------- SHELL: barra lateral (isotipo) ---------- */
.brand-main .brand-logo.sp-logo, .neo-brand .neo-brand-logo.sp-logo{ background:#fff !important; border-radius:9px; width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; padding:3px; overflow:visible; color:transparent !important; font-size:0 !important; }
.brand-main .brand-logo.sp-logo svg{ display:none; }
.brand-main .brand-logo.sp-logo img, .neo-brand .neo-brand-logo.sp-logo img{ width:100%; height:100%; object-fit:contain !important; }

/* ---------- INICIO (Bienvenido): logo completo arriba ---------- */
.home .hh{ text-align:center; }
.home .hh .sp-home-logo{ display:block; width:300px; max-width:82%; height:auto; margin:0 auto 16px; }