:root{
  --bg:#f5f8f7;--panel:#ffffff;--ink:#10211d;--muted:#64736f;--line:#e3ebe7;
  --green:#15945f;--green2:#25b377;--deep:#062a25;--deep2:#0b3b34;--teal:#0ea5a3;--warn:#f59e0b;--bad:#ef4444;
  --shadow:0 18px 50px rgba(7,42,37,.10);--soft:0 8px 24px rgba(7,42,37,.08);--radius:22px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.55}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1180px,92%);margin:auto}.glass{background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.45);box-shadow:var(--soft)}
.topbar{position:sticky;top:0;z-index:50;background:rgba(6,42,37,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.topbar.light{background:rgba(255,255,255,.88);border-bottom:1px solid var(--line)}.navwrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px rgba(37,179,119,.22)}.brand b{font-size:1.25rem;color:#fff;line-height:1}.topbar.light .brand b{color:var(--deep)}.brand small{display:block;color:#74e0ad;font-weight:700;font-size:.72rem}.nav{display:flex;align-items:center;gap:24px}.nav a{font-size:.88rem;color:rgba(255,255,255,.86);font-weight:700}.topbar.light .nav a{color:var(--deep2)}.nav a:hover,.nav a.active{color:#68e6a8}.btn{border:0;border-radius:14px;padding:12px 18px;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 24px rgba(21,148,95,.25);display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(21,148,95,.33)}.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.24);box-shadow:none}.topbar.light .btn.ghost{color:var(--deep);border-color:var(--line)}.btn.light{background:#fff;color:var(--green);box-shadow:none;border:1px solid var(--line)}.btn.full{width:100%}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(37,179,119,.25);background:#ecfdf5;color:#08734a;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:800}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,rgba(37,179,119,.28),transparent 32%),linear-gradient(135deg,#051f1c,#0a3d36 55%,#0f5a44);color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,28,.94),rgba(5,31,28,.50)),url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?auto=format&fit=crop&w=1600&q=80') center/cover;opacity:.92}.hero:after{content:"";position:absolute;right:-12%;top:8%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(39,226,154,.18),transparent 65%)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;min-height:720px;padding:70px 0}.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-weight:800;color:#bdf7d5;font-size:.82rem}.hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.06em;margin:20px 0 18px}.hero h1 span{color:#67e59c}.hero p{max-width:660px;color:rgba(255,255,255,.86);font-size:1.13rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;max-width:620px}.metric{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13)}.metric b{display:block;font-size:1.42rem;color:#fff}.metric small{color:#b7c7c2}.hero-card{border-radius:28px;padding:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.24)}.route-preview{height:420px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(238,253,246,.78));position:relative;overflow:hidden}.route-preview svg{position:absolute;inset:0;width:100%;height:100%}.floating-kpi{position:absolute;left:22px;bottom:22px;right:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.floating-kpi div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;color:var(--deep);box-shadow:var(--soft)}.floating-kpi b{display:block;color:var(--green);font-size:1.1rem}.section{padding:84px 0}.section.alt{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em;line-height:1.08;margin:0}.section-head p{color:var(--muted);max-width:540px;margin:8px 0 0}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.feature{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--soft);transition:.25s;position:relative;overflow:hidden}.feature:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.feature:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:rgba(37,179,119,.08)}.ico{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#ecfdf5;color:var(--green);font-size:1.45rem;margin-bottom:18px}.feature h3{margin:0 0 8px;font-size:1.15rem}.feature p{color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;position:relative;min-height:180px;box-shadow:var(--soft)}.step b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--deep);color:#fff;margin-bottom:20px}.step h3{margin:0 0 8px;font-size:1rem}.step p{margin:0;color:var(--muted);font-size:.92rem}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.plan{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--soft);position:relative}.plan.popular{border-color:var(--green2);transform:translateY(-10px);box-shadow:0 24px 60px rgba(21,148,95,.16)}.badge{position:absolute;top:0;left:28px;right:28px;transform:translateY(-50%);background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;border-radius:999px;text-align:center;padding:8px;font-size:.75rem;font-weight:900}.price{font-size:2.3rem;font-weight:950;letter-spacing:-.05em}.price small{font-size:.9rem;color:var(--muted);font-weight:700}.plan ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}.plan li:before{content:'✓';color:var(--green);font-weight:900;margin-right:8px}.contact-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--soft);overflow:hidden}.contact-info{padding:30px;display:grid;gap:18px}.contact-row{display:flex;gap:14px;align-items:flex-start}.contact-row span{width:42px;height:42px;border-radius:16px;background:#ecfdf5;color:var(--green);display:grid;place-items:center;font-size:1.2rem}.map-embed{min-height:390px;border:0;width:100%;filter:saturate(.95)}.contact-form{padding:24px;background:linear-gradient(135deg,#082b25,#0c4a3b);border-radius:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input{width:100%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);border-radius:14px;color:#fff;padding:14px;outline:none}.input::placeholder{color:rgba(255,255,255,.62)}textarea.input{min-height:108px;grid-column:1/-1;resize:vertical}.footer{background:#061f1b;color:rgba(255,255,255,.72);padding:28px 0}.footer .container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#061f1b,#0a352f);color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh}.side-nav{display:grid;gap:8px;margin-top:30px}.side-nav a{padding:13px 14px;border-radius:14px;color:rgba(255,255,255,.76);font-weight:800;display:flex;gap:10px;align-items:center}.side-nav a:hover,.side-nav a.active{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff}.userbox{position:absolute;bottom:20px;left:16px;right:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;font-size:.85rem}.main{padding:24px 28px 40px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.search{width:330px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--soft)}.kpi small{color:var(--muted);font-weight:800}.kpi b{display:block;font-size:1.8rem;margin-top:8px}.kpi em{color:var(--green);font-style:normal;font-size:.82rem;font-weight:800}.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--soft)}.layout-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.layout-wide{display:grid;grid-template-columns:360px 1fr;gap:18px}.chart-box{height:300px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#f8fbfa}.status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:900}.ok{background:#dcfce7;color:#166534}.warn{background:#fef3c7;color:#92400e}.bad{background:#fee2e2;color:#991b1b}.tabs{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:10px}.tab{padding:11px 14px;border:0;border-radius:13px;background:#f4f8f6;color:var(--muted);font-weight:900;cursor:pointer}.tab.active{background:var(--deep);color:#fff}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-size:.8rem;font-weight:900;color:var(--deep)}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:14px;padding:12px;outline:none;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(37,179,119,.12)}.upload{border:2px dashed #bdd8ce;border-radius:24px;background:#f8fffb;padding:42px;text-align:center}.upload input{display:none}.upload label{cursor:pointer}.route-map{height:520px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#eef7f2}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,rgba(37,179,119,.25),transparent 30%),linear-gradient(135deg,#061f1b,#0b4b3d)}.login-card{width:min(420px,92%);background:#fff;border-radius:30px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.24)}.login-card .brand b{color:var(--deep)}.toast{position:fixed;right:22px;bottom:22px;background:#082b25;color:#fff;border-radius:14px;padding:13px 16px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:.2s;z-index:200}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1000px){.hero-inner,.contact-box,.layout-wide,.layout-2{grid-template-columns:1fr}.grid-3,.grid-4,.plans,.steps,.cards{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.userbox{position:static;margin-top:20px}.nav{display:none}.hero-inner{min-height:auto}.route-preview{height:330px}}@media(max-width:650px){.grid-3,.grid-4,.plans,.steps,.cards,.metrics,.form-grid{grid-template-columns:1fr}.section{padding:56px 0}.main{padding:18px}.app-header{display:grid;gap:12px}.search{width:100%}.hero h1{font-size:2.4rem}}
/* ===== Mejoras internas v2 ===== */
.side-nav a{position:relative;overflow:hidden}.side-nav a::before{content:attr(data-icon);width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.10);display:grid;place-items:center;flex:0 0 34px;font-size:1rem}.side-nav a.active::before,.side-nav a:hover::before{background:rgba(255,255,255,.18)}.side-nav a{gap:12px}.side-nav a .nav-label{display:inline-block}.mini-muted{color:var(--muted);font-size:.86rem}.route-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.route-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--soft);position:relative;overflow:hidden}.route-card::after{content:"";position:absolute;right:-32px;top:-32px;width:90px;height:90px;border-radius:999px;background:#e6fff3}.route-card.trad{border-left:5px solid var(--bad)}.route-card.alt{border-left:5px solid #2563eb}.route-card.ml{border-left:5px solid var(--green2);background:linear-gradient(180deg,#fff,#f1fff7)}.route-card small{display:block;color:#5b6b7f;font-weight:900}.route-card b{display:block;font-size:1.9rem;margin:6px 0}.route-card.trad b{color:var(--bad)}.route-card.alt b{color:#2563eb}.route-card.ml b{color:var(--green2)}.route-explain{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.explain-pill{background:#f7fbf9;border:1px solid var(--line);border-radius:18px;padding:14px}.explain-pill b{display:block}.explain-pill span{color:var(--muted);font-size:.84rem}.progress{height:9px;background:#e9eef1;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--green2))}.map-tools{position:absolute;z-index:500;right:18px;top:18px;display:flex;gap:8px}.legend-floating{position:absolute;z-index:500;right:18px;bottom:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;box-shadow:var(--soft);font-size:.82rem;font-weight:800}.dot{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:7px}.dot.red{background:#ef4444}.dot.blue{background:#2563eb}.dot.green{background:#10b981}.route-map-wrap{position:relative}.print-actions{display:flex;gap:10px;flex-wrap:wrap}.module-card{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start}.module-card .ico{margin:0}.input-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fleet-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px;box-shadow:var(--soft)}.fleet-card header{display:flex;justify-content:space-between;gap:10px;align-items:start}.fuel{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:10px}.fuel i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#10b981)}.stock-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.stock-card{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--soft)}.report-tile{background:linear-gradient(135deg,#fff,#f5fffa);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--soft)}.report-tile h3{margin-top:0}.no-print{}@media print{.sidebar,.app-header .print-actions,.no-print,.btn{display:none!important}.app-shell{display:block}.main{padding:0}.panel,.kpi,.report-tile{box-shadow:none;break-inside:avoid}.cards{grid-template-columns:repeat(4,1fr)}body{background:#fff}}@media(max-width:1000px){.route-kpi-grid,.route-explain,.fleet-grid,.stock-grid{grid-template-columns:1fr 1fr}.input-row{grid-template-columns:1fr}}@media(max-width:650px){.route-kpi-grid,.route-explain,.fleet-grid,.stock-grid{grid-template-columns:1fr}}


/* Ajuste de formularios del motor de rutas: evita desbordes en campos dobles */
.panel,.layout-wide,.route-map-wrap{min-width:0;}
.input-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}
.field{min-width:0;}
.field label{line-height:1.2;overflow-wrap:anywhere;}
.field input,.field select,.field textarea{width:100%;max-width:100%;box-sizing:border-box;min-width:0;}
@media(max-width:1200px){.layout-wide{grid-template-columns:minmax(330px,380px) minmax(0,1fr);}.main{overflow:hidden;}}
@media(max-width:1000px){.layout-wide{grid-template-columns:1fr;}.input-row{grid-template-columns:1fr 1fr;}}
@media(max-width:650px){.input-row{grid-template-columns:1fr;}}

/* ===== Login profesional v4 ===== */
.login-wow{position:relative;overflow:hidden;display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,#041815 0%,#072d27 42%,#0b5a48 100%);}
.login-wow:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 14% 12%,rgba(37,179,119,.28),transparent 28%),
  radial-gradient(circle at 86% 20%,rgba(14,165,163,.20),transparent 28%),
  linear-gradient(120deg,rgba(255,255,255,.05) 0 1px,transparent 1px 80px),
  linear-gradient(30deg,rgba(255,255,255,.035) 0 1px,transparent 1px 90px);opacity:1;}
.login-noise{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) .7px,transparent .7px);background-size:18px 18px;opacity:.08;pointer-events:none}.login-orb{position:absolute;border-radius:999px;filter:blur(8px);opacity:.65;animation:floatOrb 9s ease-in-out infinite}.orb-a{width:340px;height:340px;left:-110px;bottom:-90px;background:rgba(37,179,119,.28)}.orb-b{width:260px;height:260px;right:8%;top:9%;background:rgba(14,165,163,.20);animation-delay:-3s}@keyframes floatOrb{50%{transform:translateY(-22px) translateX(18px) scale(1.04)}}
.login-stage{position:relative;z-index:2;width:min(1120px,92%);display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:stretch}.login-visual{min-height:610px;border:1px solid rgba(255,255,255,.12);border-radius:34px;padding:34px;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:0 30px 90px rgba(0,0,0,.28);backdrop-filter:blur(18px);overflow:hidden;position:relative}.login-visual:after{content:"";position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(104,230,168,.18),transparent 68%)}.login-brand{position:relative;z-index:2}.login-brand .brand b,.login-brand b{color:#fff}.login-hero-copy{position:relative;z-index:2;margin-top:56px;max-width:640px}.login-chip{display:inline-flex;border:1px solid rgba(116,224,173,.35);background:rgba(7,115,74,.22);color:#bdf7d5;border-radius:999px;padding:9px 13px;font-weight:900;font-size:.82rem}.login-hero-copy h1{font-size:clamp(2.1rem,4vw,4.35rem);line-height:1.02;letter-spacing:-.065em;margin:20px 0 16px;color:#fff}.login-hero-copy p{color:rgba(255,255,255,.78);font-size:1.04rem;max-width:560px}.mini-map-card{position:absolute;left:34px;right:34px;bottom:34px;height:260px;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(3,24,21,.80),rgba(8,58,49,.56));overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.mini-map-card svg{width:100%;height:100%;display:block}.route-line{stroke-dasharray:900;stroke-dashoffset:900;animation:drawRoute 2.4s ease forwards}.pulse-point{animation:pulsePoint 2s ease-in-out infinite}.pulse-point.delay{animation-delay:.8s}@keyframes drawRoute{to{stroke-dashoffset:0}}@keyframes pulsePoint{50%{transform:scale(1.08)}}.login-stats{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.login-stats div{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.42);border-radius:18px;padding:12px 14px;color:#082b25}.login-stats b{display:block;font-size:1.25rem;color:#15945f}.login-stats span{font-size:.76rem;color:#64736f;font-weight:800}.glass-panel{position:relative;border-radius:34px;padding:38px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.72);box-shadow:0 35px 90px rgba(0,0,0,.30);align-self:center;overflow:hidden}.panel-glow{position:absolute;right:-70px;top:-70px;width:210px;height:210px;border-radius:999px;background:rgba(37,179,119,.16)}.mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:18px}.mobile-brand img{width:48px;height:48px;border-radius:50%}.mobile-brand b{display:block;color:var(--deep);font-size:1.15rem}.mobile-brand small{display:block;color:var(--green);font-weight:900;font-size:.72rem}.secure-pill{display:inline-flex;align-items:center;gap:8px;background:#ecfdf5;color:#08734a;border:1px solid rgba(37,179,119,.18);border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:950}.login-panel h2{font-size:2.35rem;line-height:1.05;letter-spacing:-.055em;margin:20px 0 10px;color:#082b25}.login-sub{color:var(--muted);margin:0 0 26px}.login-form{position:relative;z-index:2}.floating-field{position:relative;margin-bottom:18px}.floating-field label{font-size:.78rem;letter-spacing:.01em}.floating-field input{height:54px;padding-left:46px;padding-right:46px;border-radius:18px;background:#f9fcfb;border-color:#dce9e3;transition:.22s}.floating-field input:hover{border-color:#b8d9cc}.field-icon{position:absolute;left:15px;bottom:15px;z-index:3;opacity:.8}.pass-toggle{position:absolute;right:12px;bottom:10px;width:34px;height:34px;border:0;border-radius:12px;background:#eef8f3;cursor:pointer}.login-options{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:4px 0 20px;color:#60716c;font-size:.84rem;font-weight:750}.login-options a{color:#08734a;font-weight:950}.login-options input{accent-color:var(--green)}.login-btn{height:56px;border-radius:18px;font-size:1rem;box-shadow:0 18px 35px rgba(21,148,95,.28)}.login-btn span{font-size:1.15rem}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.trust-row span{background:#f4faf7;border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center;color:#527069;font-size:.75rem;font-weight:900}.login-card{display:none!important}
@media(max-width:980px){.login-stage{grid-template-columns:1fr;width:min(520px,92%)}.login-visual{display:none}.mobile-brand{display:flex}.glass-panel{padding:30px}.login-panel h2{font-size:2rem}.trust-row{grid-template-columns:1fr}.login-wow{padding:28px 0}}
@media(max-width:520px){.glass-panel{border-radius:26px;padding:24px}.login-options{align-items:flex-start;flex-direction:column}.login-panel h2{font-size:1.8rem}}

/* ===== LOGIN PRO V5: SaaS empresarial responsive ===== */
.login-pro-page{min-height:100vh;margin:0;display:grid;place-items:center;overflow-x:hidden;background:#041713;color:#f8fffb;position:relative;padding:34px 18px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.login-pro-page *{box-sizing:border-box}.login-bg-grid{position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,#000 15%,transparent 72%);opacity:.5}.login-bg-glow{position:fixed;border-radius:999px;filter:blur(45px);opacity:.58;pointer-events:none}.glow-1{width:520px;height:520px;right:-120px;top:-100px;background:#10b981}.glow-2{width:420px;height:420px;left:-120px;bottom:-130px;background:#0ea5a3}.login-pro-shell{position:relative;z-index:2;width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.82fr);gap:28px;align-items:center}.login-pro-visual{min-height:650px;border:1px solid rgba(255,255,255,.12);border-radius:34px;padding:32px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:0 35px 110px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.10)}.login-pro-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(45,212,191,.24),transparent 32%),linear-gradient(135deg,transparent 0%,rgba(16,185,129,.10) 100%)}.login-pro-brand,.login-card-head{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;position:relative;z-index:2}.login-pro-brand img,.login-card-head img{width:58px;height:58px;border-radius:50%;background:#fff;padding:4px;box-shadow:0 10px 24px rgba(0,0,0,.22)}.login-pro-brand b,.login-card-head b{display:block;font-size:1.22rem;font-weight:950;letter-spacing:-.02em}.login-pro-brand small,.login-card-head small{display:block;color:#6ee7b7;font-size:.76rem;font-weight:900}.visual-copy{position:relative;z-index:2;margin-top:48px;width:min(650px,100%)}.product-pill,.secure-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(110,231,183,.32);background:rgba(6,95,70,.25);color:#c7ffdf;border-radius:999px;padding:9px 14px;font-size:.8rem;font-weight:950}.visual-copy h1{font-size:clamp(2.25rem,4.5vw,4.65rem);line-height:1.01;letter-spacing:-.07em;margin:22px 0 18px;color:#fff;text-wrap:balance}.visual-copy p{max-width:580px;color:rgba(235,255,248,.78);font-size:1.02rem;line-height:1.72;margin:0}.route-console{position:absolute;left:32px;right:32px;bottom:32px;height:265px;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(2,18,16,.88),rgba(7,58,49,.70));overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.08);z-index:2}.console-top{height:42px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.75);font-size:.78rem}.console-top span{width:10px;height:10px;border-radius:50%;background:#34d399}.console-top span:nth-child(2){background:#fbbf24}.console-top span:nth-child(3){background:#ef4444}.console-top b{margin-left:8px}.route-svg{width:100%;height:calc(100% - 42px);display:block}.animated-route{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawRoutePro 2.6s ease forwards}.route-alt{animation-delay:.35s}.route-ml{animation-delay:.65s}.map-pin{animation:pinPulsePro 2.4s ease-in-out infinite}.pin-delay{animation-delay:.7s}@keyframes drawRoutePro{to{stroke-dashoffset:0}}@keyframes pinPulsePro{50%{transform:scale(1.06)}}.console-metrics{position:absolute;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.console-metrics div{background:rgba(255,255,255,.92);color:#0f2f29;border:1px solid rgba(255,255,255,.42);border-radius:17px;padding:11px 12px}.console-metrics strong{display:block;color:#059669;font-size:1.18rem;line-height:1;font-weight:950}.console-metrics span{display:block;margin-top:4px;color:#536b64;font-size:.72rem;font-weight:850}.login-pro-card{background:rgba(248,252,250,.96);color:#0b221e;border:1px solid rgba(255,255,255,.75);border-radius:34px;padding:34px;box-shadow:0 35px 105px rgba(0,0,0,.34);position:relative;overflow:hidden}.login-pro-card:before{content:"";position:absolute;right:-70px;top:-80px;width:220px;height:220px;border-radius:999px;background:rgba(16,185,129,.14)}.login-card-head{margin-bottom:24px}.login-card-head small{color:#10b981}.secure-badge{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.login-pro-card h2{position:relative;z-index:2;font-size:clamp(2rem,3vw,2.75rem);line-height:1.03;letter-spacing:-.065em;margin:22px 0 12px;color:#061f1b}.login-pro-card p{position:relative;z-index:2;color:#60736e;line-height:1.65;margin:0 0 26px}.login-pro-form{position:relative;z-index:2}.pro-field{display:grid;gap:8px;margin-bottom:17px}.pro-field>span{font-size:.78rem;color:#062822;font-weight:950}.pro-field div{height:56px;border:1px solid #dbe9e2;border-radius:18px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;transition:.22s}.pro-field div:focus-within{border-color:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.12)}.pro-field i{font-style:normal;opacity:.75}.pro-field input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;flex:1;font:inherit;min-width:0;color:#0b221e}.pass-toggle{border:0;background:#ecfdf5;color:#064e3b;border-radius:12px;width:36px;height:36px;cursor:pointer}.login-pro-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 20px;color:#5e716b;font-size:.86rem;font-weight:800}.login-pro-options input{accent-color:#10b981}.login-pro-options a{color:#047857;font-weight:950;text-decoration:none}.login-pro-btn{width:100%;height:58px;border:0;border-radius:18px;background:linear-gradient(135deg,#16a34a,#10b981);color:#fff;font-size:1rem;font-weight:950;cursor:pointer;box-shadow:0 20px 42px rgba(16,185,129,.30);transition:.22s}.login-pro-btn:hover{transform:translateY(-2px);box-shadow:0 25px 52px rgba(16,185,129,.38)}.login-pro-btn span{margin-left:6px}.login-pro-trust{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.login-pro-trust span{background:#f4faf7;border:1px solid #dce9e3;border-radius:15px;padding:12px 10px;text-align:center;font-size:.75rem;color:#536b64;font-weight:900}.login-wow,.login-page{display:block}.login-card{display:none!important}@media(max-width:1080px){.login-pro-shell{grid-template-columns:1fr;width:min(680px,100%)}.login-pro-visual{min-height:auto;padding:28px}.visual-copy{margin-top:28px}.visual-copy h1{font-size:clamp(2.1rem,8vw,3.35rem)}.route-console{position:relative;left:auto;right:auto;bottom:auto;margin-top:28px;height:250px}.login-pro-card{padding:30px}}@media(max-width:640px){.login-pro-page{padding:18px 12px;place-items:start center}.login-pro-visual{display:none}.login-pro-shell{display:block}.login-pro-card{border-radius:28px;padding:24px;margin-top:18px}.login-card-head img{width:50px;height:50px}.login-pro-card h2{font-size:2rem}.login-pro-options{flex-direction:column;align-items:flex-start}.login-pro-trust{grid-template-columns:1fr}.pro-field div{height:54px}.login-pro-btn{height:56px}}@media(max-width:380px){.login-pro-card{padding:20px}.login-pro-card h2{font-size:1.75rem}.login-card-head b{font-size:1.05rem}}

/* ===== FIX LOGIN V5.1: composición profesional sin superposición ===== */
.login-pro-shell{
  grid-template-columns:minmax(520px,1fr) minmax(390px,480px);
  gap:34px;
}
.login-pro-visual{
  min-height:640px;
  display:flex;
  flex-direction:column;
  padding:32px;
}
.visual-copy{
  margin-top:42px;
  width:100%;
  max-width:600px;
}
.visual-copy h1{
  font-size:clamp(2.35rem,3.55vw,4.05rem);
  line-height:.98;
  letter-spacing:-.065em;
  max-width:560px;
  margin:20px 0 14px;
}
.visual-copy p{
  max-width:520px;
  font-size:.98rem;
  line-height:1.62;
}
.route-console{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  margin-top:auto;
  height:245px;
  flex:0 0 auto;
}
.console-metrics{
  z-index:3;
}
.console-metrics div{
  min-width:0;
}
.login-pro-card{
  align-self:center;
}
@media(max-width:1200px){
  .login-pro-shell{grid-template-columns:minmax(430px,1fr) minmax(370px,440px);gap:26px;}
  .visual-copy h1{font-size:clamp(2.15rem,3.25vw,3.45rem);max-width:500px;}
  .route-console{height:230px;}
}
@media(max-width:1080px){
  .login-pro-shell{grid-template-columns:1fr;width:min(720px,100%)}
  .login-pro-visual{min-height:auto;}
  .visual-copy h1{font-size:clamp(2.25rem,7vw,3.55rem);max-width:100%;}
  .route-console{margin-top:26px;height:245px;}
}
@media(max-width:760px){
  .login-pro-page{padding:18px 12px;}
  .login-pro-shell{width:min(520px,100%)}
  .login-pro-visual{display:none!important;}
  .login-pro-card{margin-top:0;border-radius:26px;padding:24px;}
}