@import url('fonts.css');
/* Acceso en tarjeta dividida: panel ilustrado + formulario. */
.split-access{--ink:#102c45;--muted:#4b6071;--line:#cad5df;--bg:#eef3f6;--p1:#2b8fd0;--p2:#086da8;--accent:#bf3039;--accent2:#d9434c;--panel1:#5aa6d6;--panel2:#0d5a8c;--panel3:#102c45;margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-ui);display:flex;flex-direction:column}
.split-access *{box-sizing:border-box}
.split-access h1,.split-access p{margin:0}
.split-top{display:flex;justify-content:space-between;align-items:center;max-width:1040px;width:100%;margin:0 auto;padding:20px 16px 0;font-weight:700;font-size:14px}
.split-top a{color:var(--muted);text-decoration:none}.split-top a:hover{color:var(--p2)}
.split-stage{flex:1;display:grid;place-items:center;padding:20px 16px 28px}
.split-card{width:min(1040px,100%);background:#fff;border-radius:32px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;box-shadow:0 30px 70px -30px rgba(16,36,58,.35)}
.split-art{position:relative;min-height:600px;padding:36px;color:#fff;background:radial-gradient(120% 90% at 10% 0,var(--panel1),transparent 60%),linear-gradient(160deg,var(--panel2),var(--panel3));overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.split-blob{position:absolute;border-radius:50%;background:rgba(255,255,255,.14);animation:split-float 7s ease-in-out infinite}
.split-b1{width:220px;height:220px;right:-60px;top:-50px}.split-b2{width:140px;height:140px;left:-40px;bottom:120px;animation-delay:-3s}
@keyframes split-float{50%{transform:translateY(-14px)}}
.split-logo{position:relative;display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:#fff;text-decoration:none}
.split-logo img{width:40px;height:40px;object-fit:contain;border-radius:12px;background:#fff;padding:3px}
.split-mini{position:relative;margin:24px auto;width:min(300px,100%);background:#fff;color:var(--ink);border-radius:22px;padding:16px;transform:rotate(-4deg);box-shadow:0 24px 40px -18px rgba(0,0,0,.4)}
.split-route{height:120px;border-radius:14px;background:linear-gradient(135deg,#dff1ff,#fff4ee);overflow:hidden}.split-route svg{width:100%;height:100%;display:block}
.split-bar{height:10px;border-radius:6px;background:var(--line);margin:8px 0}
.split-prompt{display:flex;align-items:center;gap:8px;margin-top:12px;border:2px solid var(--line);border-radius:999px;padding:6px 6px 6px 14px;font-size:12px;color:var(--muted)}
.split-prompt b{margin-left:auto;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:999px;padding:5px 10px;font-size:11px}
.split-chip{position:absolute;background:#fff;color:var(--ink);border-radius:999px;padding:8px 14px;font-weight:800;font-size:13px;box-shadow:0 12px 24px -10px rgba(0,0,0,.35);animation:split-float 6s ease-in-out infinite}
.split-c1{right:-6px;top:-14px}.split-c2{left:-18px;bottom:36px;animation-delay:-2s}
.split-foot{position:relative;display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px}
.split-avatars{display:flex}.split-avatars span{width:34px;height:34px;border-radius:50%;border:3px solid var(--panel2);margin-left:-10px;background:#ffd166}
.split-avatars span:first-child{margin-left:0}.split-avatars span:nth-child(2){background:var(--accent)}.split-avatars span:nth-child(3){background:#8be0c8}
.split-form{padding:56px 52px;display:flex;flex-direction:column;justify-content:center}
.split-form h1{font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.01em}
.split-intro{color:var(--muted);margin:10px 0 26px;font-weight:600}
.split-form .field{margin-bottom:16px}
.split-form label{display:block;font-weight:800;font-size:13px;margin-bottom:6px;color:var(--ink)}
.split-form small{display:block;margin-top:6px;font-size:12px;font-weight:600;color:var(--muted)}
.split-inp{position:relative}
.split-form input:not([type=checkbox]){width:100%;font:inherit;font-weight:600;padding:14px 16px;border:2px solid var(--line);border-radius:14px;color:var(--ink);background:#fff}
.split-form input:disabled{background:#f4f7f9;cursor:not-allowed}
.split-access :focus-visible{outline:3px solid color-mix(in srgb,var(--p1) 45%,transparent);outline-offset:2px}
.split-show{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--p2);font:inherit;font-weight:800;font-size:13px;cursor:pointer;padding:6px}
.split-row{display:flex;justify-content:flex-end;font-size:13px;font-weight:700;margin:-4px 0 18px}
.split-form a:not(.split-google):not(.split-cta){color:var(--p2)}
.split-art a.split-logo,.split-art a.split-logo:hover,.split-art a.split-logo:visited{color:#fff;text-decoration:none}
.split-form a.split-google{color:var(--ink)}.split-form a.split-apple,.split-form a.split-apple:visited{color:#fff}.split-form a.split-cta{color:#fff}
.split-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font:inherit;font-weight:800;font-size:16px;color:#fff;border:0;border-radius:999px;padding:16px;cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 14px 26px -12px var(--accent);transition:transform .15s}
.split-cta:hover:not(:disabled){transform:translateY(-2px)}.split-cta:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.split-cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.split-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;font-weight:700;margin:20px 0}
.split-or:before,.split-or:after{content:"";flex:1;height:2px;background:var(--line)}
.split-google{width:100%;font:inherit;font-weight:800;border:2px solid var(--line);background:#fff;border-radius:999px;padding:13px;color:var(--ink);cursor:pointer}.split-google:disabled{opacity:.6;cursor:not-allowed}
.split-reg{margin-top:22px;font-size:14px;font-weight:700;color:var(--muted);text-align:center}
.split-safe{margin-top:14px;text-align:center;font-size:12px;color:var(--muted)}
.split-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:600;margin:4px 0 16px}.split-consent input{margin-top:3px}
.split-form .login-error{background:#fdecee;border:2px solid #f3b8bd;color:#8f1f27;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:700;margin:0 0 16px}
.split-form .login-error[hidden]{display:none}
.split-end{text-align:center;padding:0 16px 20px;font-size:12px;font-weight:600;color:var(--muted)}
@media(max-width:820px){.split-card{grid-template-columns:1fr;border-radius:24px}.split-art{min-height:0;padding:22px}.split-mini{display:none}.split-form{padding:32px 24px}.split-form h1{font-size:28px}.split-foot{display:none}}
@media(prefers-reduced-motion:reduce){.split-blob,.split-chip{animation:none}}
.split-google{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;text-align:center}.split-google svg{width:20px;height:20px;flex:none}
.split-form .login-status{background:#eef7ee;border:2px solid #b9dcbc;color:#1f5a27;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:700;margin:0 0 16px}
.split-legal{margin-top:12px;text-align:center;font-size:12px;font-weight:600;color:var(--muted)}

.split-apple{margin-top:10px;background:#000;border-color:#000;color:#fff}.split-apple:hover{background:#222}

.split-phone{display:grid;grid-template-columns:minmax(0,150px) 1fr;gap:10px}.split-form select{width:100%;font:inherit;font-weight:600;padding:14px 12px;border:2px solid var(--line);border-radius:14px;color:var(--ink);background:#fff}
/* El texto bajo el título conserva su espacio (.split-access p lo dejaba en 0). */
.split-access .split-intro{margin:10px 0 26px}