/* =====================================================================
   IsMyCheckout · páginas sueltas "estilo PRO" (Ingresar, Registrate, Planes, Suscribite,
   Onboarding, login del admin y legales). Se carga DESPUÉS del <style> propio de cada página
   (ver _imc_pub_head.html) y solo pisa la paleta, la tipografía y los botones: la estructura,
   los formularios y los scripts de cada página quedan igual.
   ===================================================================== */
:root{
  --bg:#F6F3FF; --surface:#ffffff; --panel:#F5F1FF; --text:#15122E; --ink:#15122E; --muted:#6F6B8C; --border:#E5DEF9;
  --brand:#5B4DE0; --accent:#5B4DE0; --accent2:#EC4899;
  --imc-grad:linear-gradient(120deg,#5B4DE0 0%,#8B5CF6 48%,#EC4899 100%);
}
body{font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--text);
  background:radial-gradient(1000px 640px at 96% -10%,rgba(236,72,153,.12),transparent 60%),radial-gradient(900px 700px at -6% 12%,rgba(124,77,255,.14),transparent 55%),linear-gradient(180deg,#F9F6FF,#EFE9FF 48%,#F6F3FF);
  background-attachment:fixed}
h1,h2,h3{font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;letter-spacing:-.025em}
.grad{background:var(--imc-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
input:focus,textarea:focus,select:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 4px rgba(139,92,246,.16)}
input[type=checkbox],input[type=radio]{accent-color:#6D4AFF}
.box{border-radius:22px;box-shadow:0 30px 70px -34px rgba(80,50,180,.45),0 1px 2px rgba(60,40,140,.06)}
.box .btn,.btn-primary,.btn-accent{background:var(--imc-grad);color:#fff;box-shadow:0 12px 28px -12px rgba(139,92,246,.70);transition:transform .15s,filter .15s}
.box .btn:hover,.btn-primary:hover,.btn-accent:hover{filter:brightness(1.07);transform:translateY(-1px)}
.btn-ghost{border-color:var(--border);color:#4A4668}
.btn-ghost:hover{border-color:#C9BDF3}
.logo .cart{background:var(--imc-grad)}
.plan{border-radius:20px;box-shadow:0 1px 2px rgba(60,40,140,.06),0 10px 28px -16px rgba(80,50,180,.26)}
.plan.top{border-color:#8B5CF6;box-shadow:0 0 50px -16px rgba(139,92,246,.55)}
.tag{background:var(--imc-grad)}
.card{border-radius:18px;box-shadow:0 1px 2px rgba(60,40,140,.06),0 14px 34px -18px rgba(80,50,180,.28)}
.steps .s.active .n{background:var(--imc-grad)}
::selection{background:rgba(139,92,246,.25)}

/* ---- Ingresar a dos columnas (marca a la izquierda, el MISMO formulario a la derecha) ---- */
body.imc-login{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto 1fr;min-height:100vh}
body.imc-login .imc-lbrand{grid-row:1/3;grid-column:1;position:relative;overflow:hidden;padding:48px 56px;background:var(--imc-grad);color:#fff;display:flex;flex-direction:column}
body.imc-login .imc-lbrand::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 380px at 85% 8%,rgba(255,255,255,.26),transparent 60%),radial-gradient(500px 400px at 0% 100%,rgba(30,10,100,.35),transparent 60%)}
body.imc-login .imc-lbrand>*{position:relative}
body.imc-login .imc-lbrand .lg{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;color:#fff}
body.imc-login .imc-lbrand .lg img{width:42px;height:auto}
body.imc-login .imc-lbrand h2{font-size:38px;line-height:1.08;margin:auto 0 0;max-width:470px;font-weight:700}
body.imc-login .imc-lbrand p{opacity:.92;font-size:15.5px;max-width:440px;margin:14px 0 26px;line-height:1.5}
body.imc-login .imc-lbrand .proof{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:auto}
body.imc-login .imc-lbrand .proof b{font-family:'Space Grotesk',sans-serif;font-size:24px;display:block}
body.imc-login .imc-lbrand .proof small{opacity:.86;font-size:12px}
body.imc-login .imc-lbrand .art{position:absolute;right:14px;bottom:-14px;width:300px;height:auto;opacity:.96;filter:drop-shadow(0 30px 40px rgba(30,10,90,.5));animation:imcfloatp 6s ease-in-out infinite}
@keyframes imcfloatp{50%{transform:translateY(-8px) rotate(-2deg)}}
body.imc-login header{grid-column:2;grid-row:1;visibility:hidden;height:0;padding:0;overflow:hidden}
body.imc-login main{grid-column:2;grid-row:1/3}
body.imc-login .box{box-shadow:none;border:0;background:transparent;padding:0;max-width:400px}
body.imc-login .box h1{font-size:28px}
@media(max-width:900px){
  body.imc-login{display:flex;flex-direction:column}
  body.imc-login .imc-lbrand{padding:26px 22px 24px}
  body.imc-login .imc-lbrand h2{font-size:25px;margin-top:20px}
  body.imc-login .imc-lbrand p{margin-bottom:0;font-size:14.5px}
  body.imc-login .imc-lbrand .proof,body.imc-login .imc-lbrand .art{display:none}
  body.imc-login main{padding-top:30px}
}
@media(prefers-reduced-motion:reduce){body.imc-login .imc-lbrand .art{animation:none}}