:root{--bg:#07111f;--panel:#0e1c2f;--panel2:#112640;--line:#203a5c;--text:#edf6ff;--muted:#98abc1;--accent:#23b7ff;--good:#31d98b;--danger:#ff5f73}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#04101d,#0a1930);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}.wrap{max-width:1180px;margin:auto;padding:22px}.top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.brand{font-size:24px;font-weight:800}.nav a{color:var(--text);text-decoration:none;margin-left:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card{background:rgba(14,28,47,.94);border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 12px 35px rgba(0,0,0,.22)}.stat{font-size:30px;font-weight:800;color:var(--accent)}h1,h2,h3{margin-top:0}label{display:block;margin:10px 0 6px;color:var(--muted)}input,select,textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:#08182a;color:var(--text)}button,.btn{display:inline-block;border:0;border-radius:10px;padding:10px 14px;background:var(--accent);color:#00131e;font-weight:800;text-decoration:none;cursor:pointer}.btn.secondary{background:#203a5c;color:#fff}.btn.danger{background:var(--danger);color:#fff}.notice{padding:12px;border-radius:10px;background:#0b3140;border:1px solid #19556a;margin-bottom:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.muted{color:var(--muted)}.pill{padding:4px 8px;border-radius:99px;background:#173554;font-size:12px}.login{max-width:430px;margin:8vh auto}.actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:700px){.top{align-items:flex-start;flex-direction:column}.table{display:block;overflow-x:auto}.nav a{margin:0 10px 0 0}}

/* Landing pública y mejoras */
a{color:var(--accent)}.center{text-align:center}.login-card{text-align:left}.brand-mark{font-size:42px;text-align:center}.danger-notice{background:#421724;border-color:#833044}.table-wrap{overflow:auto}.wide-card{grid-column:span 2}.reseller-grid{grid-template-columns:minmax(280px,.75fr) minmax(620px,2fr)}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.renew-form{display:flex;gap:7px;align-items:center}.renew-form select{width:auto;min-width:100px}.status{display:inline-block;padding:5px 9px;border-radius:99px;font-size:12px;font-weight:800}.status.on{background:rgba(49,217,139,.15);color:#64efae}.status.expired{background:rgba(255,95,115,.15);color:#ff8293}.status.off{background:rgba(152,171,193,.15);color:#b6c4d3}.connect-code{font-size:24px;letter-spacing:2px}.telegram-card{max-width:760px;margin:auto}.landing-body{min-height:100vh;background:#030814;overflow-x:hidden}.public-nav{max-width:1240px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}.public-brand{font-weight:900;font-size:20px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px}.public-brand span{filter:drop-shadow(0 0 12px #23b7ff)}.hero{max-width:1240px;margin:auto;min-height:680px;padding:70px 28px 90px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;position:relative}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(35,183,255,.08);filter:blur(80px);left:-300px;top:60px}.eyebrow{color:#54ccff;font-size:12px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(46px,6.5vw,82px);line-height:.98;letter-spacing:-4px;margin:18px 0 24px;max-width:760px}.hero h1 span{background:linear-gradient(90deg,#23b7ff,#7c5cff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:19px;line-height:1.7;color:#a8bad0;max-width:650px}.hero-actions{display:flex;gap:14px;align-items:center;margin:30px 0}.hero-btn{padding:15px 22px;border-radius:13px;box-shadow:0 10px 35px rgba(35,183,255,.25)}.ghost-btn{color:#dcecff;text-decoration:none;padding:14px}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#8ea5bd;font-size:14px}.hero-visual{height:520px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(35,183,255,.3),rgba(124,92,255,.08) 55%,transparent 72%);filter:blur(10px);animation:pulse 4s infinite}.phone-card{width:min(360px,90%);min-height:440px;padding:20px;border-radius:34px;background:linear-gradient(165deg,rgba(18,39,68,.98),rgba(5,14,29,.98));border:1px solid rgba(99,205,255,.28);box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 0 30px rgba(35,183,255,.05);position:relative;z-index:2;transform:rotate(3deg)}.phone-top{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #1d3857;padding-bottom:15px}.phone-top small{color:#7f96ad}.bot-dot{width:13px;height:13px;border-radius:50%;background:#31d98b;box-shadow:0 0 14px #31d98b}.chat-bubble{margin-top:24px;padding:18px;border-radius:18px 18px 18px 5px;background:#112d4b;line-height:1.55;color:#ddecfb}.chat-bubble.test{background:linear-gradient(135deg,#123c46,#12304f);margin-left:30px}.mini-card{position:absolute;z-index:3;padding:14px 18px;border:1px solid rgba(99,205,255,.25);background:rgba(8,22,41,.86);backdrop-filter:blur(14px);border-radius:15px;display:flex;flex-direction:column;box-shadow:0 15px 40px rgba(0,0,0,.35)}.mini-card b{font-size:22px;color:#54ccff}.mini-card span{font-size:12px;color:#9fb2c7}.mini-card.one{left:0;top:110px}.mini-card.two{right:0;bottom:90px}.features{max-width:1240px;margin:auto;padding:100px 28px}.section-heading{text-align:center;max-width:720px;margin:0 auto 45px}.section-heading h2{font-size:clamp(34px,4vw,52px);margin:14px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid article{padding:28px;border-radius:20px;background:linear-gradient(150deg,rgba(17,38,64,.85),rgba(8,20,38,.85));border:1px solid #1d3857;transition:.25s}.feature-grid article:hover{transform:translateY(-7px);border-color:#2faeea;box-shadow:0 20px 55px rgba(0,0,0,.25)}.feature-icon{font-size:30px;width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#0e2b47;margin-bottom:22px}.feature-grid h3{font-size:20px}.feature-grid p{color:#91a7bd;line-height:1.6}.cta-section{max-width:1184px;margin:40px auto 100px;padding:48px;border-radius:28px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(110deg,#0c2c4b,#161d4d);border:1px solid #265174;box-shadow:0 25px 70px rgba(0,0,0,.35)}.cta-section h2{font-size:clamp(30px,4vw,48px);margin:12px 0}.cta-section p{color:#a9bad0}.public-footer{text-align:center;color:#6f8399;padding:30px}.landing-body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to bottom,black,transparent)}@keyframes pulse{50%{transform:scale(1.12);opacity:.75}}@media(max-width:950px){.hero{grid-template-columns:1fr;text-align:center;padding-top:45px}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{height:480px}.feature-grid{grid-template-columns:repeat(2,1fr)}.reseller-grid{grid-template-columns:1fr}.wide-card{grid-column:auto}}@media(max-width:620px){.public-nav{padding:18px}.hero{padding:40px 18px 70px}.hero h1{letter-spacing:-2px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions a{width:100%;text-align:center}.hero-visual{height:430px}.phone-card{min-height:390px}.mini-card.one{left:-5px;top:70px}.mini-card.two{right:-5px;bottom:55px}.feature-grid{grid-template-columns:1fr}.features{padding:70px 18px}.cta-section{margin:20px 18px 70px;padding:32px 24px;flex-direction:column;text-align:center}.trust-row{gap:10px}.wide-card{padding:12px}.top .nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{margin:0}}
.account-line{font-size:12px;margin-top:4px}

/* ===== Premium UI v2 ===== */
body:not(.landing-body){background:radial-gradient(circle at 10% 0%,rgba(35,183,255,.11),transparent 28%),radial-gradient(circle at 95% 12%,rgba(124,92,255,.12),transparent 30%),#050b16;min-height:100vh}.wrap{max-width:1320px;padding:24px 28px 48px}.top{padding:14px 18px;background:rgba(10,23,40,.78);border:1px solid rgba(110,180,255,.16);border-radius:20px;backdrop-filter:blur(20px);position:sticky;top:14px;z-index:30;box-shadow:0 18px 55px rgba(0,0,0,.25)}.brand{letter-spacing:-.7px}.nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav a{margin:0;padding:9px 12px;border-radius:10px;color:#c8d7e8;transition:.2s}.nav a:hover{background:rgba(35,183,255,.12);color:#fff}.card{background:linear-gradient(145deg,rgba(15,31,52,.92),rgba(8,18,34,.94));border-color:rgba(110,180,255,.17);box-shadow:0 18px 50px rgba(0,0,0,.22)}.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding:42px 4px 28px}.dashboard-hero h1,.page-heading h1{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;margin:8px 0 10px}.dashboard-hero p,.page-heading p{color:#91a8c0;margin:0;font-size:16px}.live-badge{display:flex;gap:9px;align-items:center;padding:10px 14px;border:1px solid rgba(49,217,139,.25);background:rgba(49,217,139,.08);border-radius:999px;color:#8ff5c2;font-weight:700;font-size:13px}.live-badge i,.hero-chip i{width:8px;height:8px;border-radius:50%;background:#31d98b;box-shadow:0 0 14px #31d98b;animation:pulseDot 1.6s infinite}.dashboard-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.metric-card{position:relative;min-height:166px;padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.09);text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:.25s;box-shadow:0 18px 40px rgba(0,0,0,.2)}.metric-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-55px;top:-55px;background:rgba(255,255,255,.10);filter:blur(2px)}.metric-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(0,0,0,.32)}.metric-card.blue{background:linear-gradient(145deg,#0b4e75,#0b2747)}.metric-card.purple{background:linear-gradient(145deg,#4a2f86,#241d54)}.metric-card.cyan{background:linear-gradient(145deg,#066d7b,#083743)}.metric-card.orange{background:linear-gradient(145deg,#8a4a17,#4a2514)}.metric-card.green{background:linear-gradient(145deg,#176a4b,#12392f)}.metric-icon{font-size:26px;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.11)}.metric-card>div:nth-child(2){display:flex;flex-direction:column}.metric-card span{font-size:13px;color:rgba(255,255,255,.72);font-weight:700}.metric-card strong{font-size:38px;line-height:1;margin:7px 0}.metric-card small{color:rgba(255,255,255,.62)}.metric-card>b{position:absolute;right:18px;bottom:16px;font-size:28px;color:rgba(255,255,255,.65)}.dashboard-columns{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-top:18px}.panel-card{padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.panel-heading h2{margin:5px 0 0;letter-spacing:-.6px}.panel-heading>a{font-size:13px;text-decoration:none}.agenda-list,.quick-actions{display:flex;flex-direction:column;gap:10px}.agenda-list>a,.quick-actions>a{display:flex;align-items:center;gap:14px;padding:13px;border-radius:15px;text-decoration:none;color:#fff;border:1px solid rgba(110,180,255,.10);background:rgba(255,255,255,.025);transition:.2s}.agenda-list>a:hover,.quick-actions>a:hover{background:rgba(35,183,255,.08);border-color:rgba(35,183,255,.26);transform:translateX(3px)}.agenda-date{width:53px;height:56px;border-radius:13px;background:#0c2b48;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#78d8ff;font-size:10px}.agenda-date b{font-size:20px;line-height:1}.agenda-info{display:flex;flex-direction:column;flex:1;gap:4px}.agenda-info small,.quick-actions small{color:#839ab2}.agenda-arrow{font-size:25px;color:#5e7893}.quick-actions>a>span{width:46px;height:46px;border-radius:14px;background:#0d2f50;display:grid;place-items:center;font-size:22px}.quick-actions a div{display:flex;flex-direction:column;gap:4px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:42px 2px 25px}.clients-layout{display:grid;grid-template-columns:minmax(290px,.7fr) minmax(560px,1.55fr);gap:16px}.form-card,.list-card{padding:24px}.form-card textarea{min-height:95px}.full-btn{width:100%;margin-top:16px;padding:13px}.cancel-link{display:block;text-align:center;margin-top:12px;text-decoration:none;color:#9db0c4}.count-badge{font-size:12px;background:#143451;color:#71d8ff;border-radius:99px;padding:4px 9px;vertical-align:middle}.client-list,.reminder-list{display:flex;flex-direction:column;gap:10px}.client-item,.reminder-item{display:flex;align-items:center;gap:14px;padding:15px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(110,180,255,.10);transition:.2s}.client-item:hover,.reminder-item:hover{background:rgba(35,183,255,.055);border-color:rgba(35,183,255,.22)}.client-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:linear-gradient(145deg,#14628c,#273a75);display:grid;place-items:center;font-size:20px;font-weight:900}.client-main,.reminder-main{flex:1;min-width:0}.client-main h3,.reminder-main h3{margin:0 0 4px}.client-main p,.reminder-main p{margin:0 0 8px;color:#8ea3b9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-date{display:flex;flex-direction:column;text-align:right;gap:4px}.client-date small{color:#71869c}.due-status{display:inline-flex;width:max-content;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:800}.due-status.active{color:#78efb8;background:rgba(49,217,139,.12)}.due-status.soon{color:#ffd27a;background:rgba(255,183,70,.13)}.due-status.urgent,.due-status.expired{color:#ff91a0;background:rgba(255,95,115,.13)}.due-status.neutral{color:#a9b7c5;background:rgba(152,171,193,.12)}.item-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.item-actions form{margin:0}.renew-btn{background:rgba(35,183,255,.13);color:#70d7ff;border:1px solid rgba(35,183,255,.2)}.send-btn{padding:9px 12px}.icon-btn{width:38px;height:38px;padding:0;border-radius:10px;background:#17324f;color:#fff;display:grid;place-items:center;text-decoration:none;font-weight:900}.danger-icon{background:rgba(255,95,115,.12);color:#ff8192}.success-notice{background:rgba(49,217,139,.10);border-color:rgba(49,217,139,.28);color:#9cf4c8}.modal-backdrop{position:fixed;inset:0;background:rgba(1,6,14,.76);backdrop-filter:blur(9px);z-index:100;display:grid;place-items:center;padding:18px}.renew-modal{width:min(500px,100%);position:relative;padding:30px;border-radius:24px;background:linear-gradient(145deg,#122945,#081526);border:1px solid rgba(92,199,255,.28);box-shadow:0 30px 100px rgba(0,0,0,.6);animation:modalIn .25s ease}.modal-close{position:absolute;right:18px;top:14px;font-size:28px;color:#8fa5ba;text-decoration:none}.modal-icon{width:58px;height:58px;border-radius:18px;background:#123a5d;display:grid;place-items:center;font-size:28px;margin-bottom:18px}.renew-modal h2{font-size:28px;margin-bottom:8px}.renew-modal>p{color:#92a8bd;line-height:1.5}.check-row{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:rgba(255,255,255,.035);cursor:pointer}.check-row input{width:auto}.reminder-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.helper-text{text-align:center;font-size:12px}.reminders-card{margin-top:0}.reminder-time{width:70px;flex:0 0 70px;display:flex;flex-direction:column;text-align:center;padding:9px;border-radius:14px;background:#0c2a46;color:#79d8ff}.reminder-time b{font-size:23px;line-height:1}.reminder-time span{font-size:10px;font-weight:800;margin:3px 0}.reminder-time small{font-size:9px;color:#90a6bd}.reminder-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.error-text{color:#ff8998}.empty-state{text-align:center;padding:42px 15px;color:#8197ad}.empty-state>div{font-size:38px;margin-bottom:10px}.empty-state h3{color:#dcecff;margin-bottom:6px}

/* Premium landing */
.landing-body{background:#020711;color:#f5f9ff}.public-nav{max-width:1320px;padding:22px 30px;position:relative}.public-nav nav{display:flex;align-items:center;gap:24px}.public-nav nav>a:not(.btn){text-decoration:none;color:#91a7bc;font-size:14px}.nav-login{padding:11px 16px}.logo-orb{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#0b6ca2,#322c82);box-shadow:0 0 28px rgba(35,183,255,.24)}.premium-hero{max-width:1320px;min-height:720px;margin:auto;padding:75px 30px 105px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;position:relative}.premium-hero:before{content:"";position:absolute;inset:-100px 40% auto -250px;height:600px;background:radial-gradient(circle,rgba(25,141,217,.2),transparent 65%);pointer-events:none}.hero-noise{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-chip{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(49,217,139,.22);background:rgba(49,217,139,.07);border-radius:999px;color:#91f1c4;font-size:13px;font-weight:700}.premium-hero h1{font-size:clamp(58px,7vw,94px);line-height:.94;letter-spacing:-5px;margin:24px 0}.premium-hero h1 span,.premium-features h2 span{background:linear-gradient(90deg,#39c4ff,#8f6fff);-webkit-background-clip:text;color:transparent}.premium-hero .hero-copy>p{max-width:620px;font-size:19px;line-height:1.7;color:#99aec2}.watch-link{display:flex;align-items:center;gap:10px;color:#cbd9e7;text-decoration:none}.watch-link span{width:38px;height:38px;border-radius:50%;border:1px solid #29425c;display:grid;place-items:center;font-size:12px}.hero-proof{display:flex;gap:34px;margin-top:42px}.hero-proof>div{display:flex;flex-direction:column;gap:5px}.hero-proof strong{font-size:22px}.hero-proof span{font-size:12px;color:#7890a6}.hero-stage{height:560px;display:grid;place-items:center;position:relative}.dashboard-preview{width:min(530px,95%);padding:20px;border-radius:28px;background:linear-gradient(145deg,rgba(14,31,54,.96),rgba(5,13,26,.98));border:1px solid rgba(93,198,255,.25);box-shadow:0 40px 120px rgba(0,0,0,.55),0 0 90px rgba(35,183,255,.08);position:relative;z-index:3;transform:perspective(1000px) rotateY(-7deg) rotateX(3deg);animation:floatDashboard 5s ease-in-out infinite}.preview-top{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid #1a3451}.preview-logo{width:42px;height:42px;border-radius:13px;background:#0e385c;display:grid;place-items:center}.preview-top>div{display:flex;flex-direction:column;flex:1}.preview-top small{color:#718ba4}.preview-top i{width:10px;height:10px;border-radius:50%;background:#31d98b;box-shadow:0 0 13px #31d98b}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.preview-stats>div{padding:17px;border-radius:16px;background:linear-gradient(145deg,#123b5d,#102641);display:flex;flex-direction:column}.preview-stats span{font-size:12px;color:#95abc0}.preview-stats b{font-size:32px;margin:5px 0}.preview-stats small{color:#69cff9}.preview-alert{display:flex;align-items:center;gap:12px;padding:14px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);margin-top:10px}.preview-alert>span{width:42px;height:42px;border-radius:12px;background:#0d3b5f;display:grid;place-items:center}.preview-alert>div{flex:1}.preview-alert p{margin:4px 0 0;color:#7f96ab;font-size:12px}.preview-alert>small{color:#6f879e}.preview-alert.second>span{background:rgba(49,217,139,.13);color:#5be9a5}.orbit{position:absolute;border:1px solid rgba(65,181,240,.17);border-radius:50%;animation:spin 18s linear infinite}.orbit-one{width:520px;height:520px}.orbit-two{width:400px;height:400px;animation-direction:reverse;animation-duration:13s}.orbit:after{content:"";position:absolute;top:50%;left:-5px;width:10px;height:10px;border-radius:50%;background:#32c4ff;box-shadow:0 0 20px #32c4ff}.floating-pill{position:absolute;z-index:5;padding:12px 15px;border-radius:13px;background:rgba(8,25,45,.86);border:1px solid rgba(91,202,255,.22);backdrop-filter:blur(15px);font-size:12px;font-weight:800;box-shadow:0 18px 45px rgba(0,0,0,.32)}.top-pill{top:90px;right:-5px}.bottom-pill{bottom:85px;left:-5px}.brand-strip{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:21px;display:flex;justify-content:center;align-items:center;gap:32px;color:#70879d;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:800}.brand-strip i{width:4px;height:4px;border-radius:50%;background:#2cbfff}.premium-features{max-width:1260px;margin:auto;padding:120px 30px}.premium-features .section-heading p{color:#899fb5;font-size:17px}.feature-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-bento article{padding:27px;border-radius:22px;background:linear-gradient(145deg,rgba(14,31,53,.84),rgba(6,15,29,.9));border:1px solid rgba(107,184,255,.14);min-height:240px;transition:.25s}.feature-bento article:hover{transform:translateY(-6px);border-color:rgba(35,183,255,.35)}.feature-bento .feature-large{grid-column:span 2;display:flex;align-items:center;gap:25px}.feature-number{font-size:11px;color:#4dcaff;font-weight:900;letter-spacing:2px}.feature-bento h3{font-size:22px;margin:14px 0 10px}.feature-bento p{color:#8299ae;line-height:1.6}.feature-bento .feature-icon{display:grid;width:52px;height:52px;border-radius:15px;background:#0c3152;place-items:center;font-size:24px}.feature-copy{flex:1}.mini-dashboard{display:flex;gap:8px}.mini-dashboard>div{width:72px;height:105px;border-radius:14px;background:#0c2b49;display:flex;flex-direction:column;align-items:center;justify-content:center}.mini-dashboard span{font-size:10px;color:#7f98af}.mini-dashboard b{font-size:25px;margin-top:6px}.how-section{max-width:1180px;margin:0 auto 120px;padding:55px;border-radius:30px;background:linear-gradient(120deg,#0b2743,#161b43);border:1px solid rgba(92,192,255,.19);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.how-copy h2{font-size:clamp(36px,4vw,52px);margin:13px 0}.how-copy p{color:#90a7bc;line-height:1.6;margin-bottom:27px}.steps{display:flex;flex-direction:column;gap:15px}.steps article{display:flex;gap:16px;align-items:center;padding:17px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.steps article>b{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#0e3d62;color:#65d1ff}.steps h3{margin:0 0 5px}.steps p{margin:0;color:#8299af}.final-cta{max-width:1180px;margin:0 auto 100px;padding:85px 25px;text-align:center;border-radius:32px;background:#071528;position:relative;overflow:hidden;border:1px solid rgba(92,192,255,.16)}.cta-glow{position:absolute;width:700px;height:350px;border-radius:50%;background:rgba(35,183,255,.14);filter:blur(80px);left:50%;top:40%;transform:translate(-50%,-50%)}.final-cta>*:not(.cta-glow){position:relative}.final-cta h2{font-size:clamp(44px,6vw,72px);letter-spacing:-3px;margin:14px 0}.final-cta p{color:#91a7bc;font-size:17px;margin-bottom:28px}.public-footer{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.06)}
@keyframes pulseDot{50%{opacity:.45;transform:scale(.8)}}@keyframes modalIn{from{opacity:0;transform:translateY(15px) scale(.97)}}@keyframes floatDashboard{50%{transform:perspective(1000px) rotateY(-5deg) rotateX(2deg) translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}.clients-layout{grid-template-columns:1fr}.dashboard-columns{grid-template-columns:1fr}.premium-hero{grid-template-columns:1fr;text-align:center;padding-top:55px}.premium-hero .hero-copy>p{margin-inline:auto}.premium-hero .hero-actions,.hero-proof{justify-content:center}.hero-stage{height:520px}.feature-bento{grid-template-columns:repeat(2,1fr)}.how-section{margin-inline:24px}.top-pill{right:5%}.bottom-pill{left:5%}}
@media(max-width:720px){.wrap{padding:14px 14px 35px}.top{position:relative;top:0;padding:15px}.nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.nav a{white-space:nowrap}.dashboard-hero,.page-heading{align-items:flex-start;flex-direction:column;padding-top:28px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.metric-card{min-height:150px}.dashboard-columns{margin-top:14px}.client-item,.reminder-item{align-items:flex-start;flex-wrap:wrap}.client-main,.reminder-main{min-width:calc(100% - 68px)}.client-date{order:3;text-align:left;margin-left:62px}.item-actions{order:4;width:100%;justify-content:flex-start;margin-left:62px}.reminder-item .item-actions{margin-left:84px}.reminder-create-grid{grid-template-columns:1fr}.public-nav{padding:17px 18px}.public-nav nav>a:not(.btn){display:none}.premium-hero{padding:48px 18px 75px}.premium-hero h1{letter-spacing:-3px}.premium-hero .hero-copy>p{font-size:16px}.hero-proof{gap:18px}.hero-stage{height:430px}.dashboard-preview{transform:none}.floating-pill{display:none}.orbit-one{width:390px;height:390px}.orbit-two{width:310px;height:310px}.brand-strip{overflow:hidden;justify-content:flex-start;white-space:nowrap}.premium-features{padding:80px 18px}.feature-bento{grid-template-columns:1fr}.feature-bento .feature-large{grid-column:auto;flex-direction:column;align-items:flex-start}.how-section{grid-template-columns:1fr;margin:0 18px 80px;padding:32px 22px;gap:35px}.final-cta{margin:0 18px 70px;padding:60px 20px}.public-footer{margin:0 18px;flex-direction:column;gap:15px}.modal-backdrop{align-items:end}.renew-modal{border-radius:24px 24px 10px 10px;max-height:90vh;overflow:auto}}
@media(max-width:440px){.dashboard-grid{grid-template-columns:1fr 1fr}.metric-card{padding:16px;min-height:145px}.metric-card strong{font-size:31px}.metric-card small{font-size:10px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-proof strong{font-size:18px}.hero-proof span{font-size:9px}.hero-stage{height:390px}.preview-stats{gap:8px}.dashboard-preview{padding:14px}.preview-alert{padding:10px}.client-date,.item-actions{margin-left:0}.reminder-item .item-actions{margin-left:0}}
/* Demo 24 horas para resellers */
.demo-top-banner{max-width:1180px;margin:-4px auto 18px;padding:14px 18px;border-radius:15px;background:linear-gradient(110deg,rgba(124,92,255,.22),rgba(35,183,255,.16));border:1px solid rgba(126,111,255,.4);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 15px 45px rgba(0,0,0,.2)}.demo-top-banner div{display:flex;flex-direction:column;gap:3px}.demo-top-banner span{font-size:12px;color:#b9cae0}.demo-top-banner strong{font-size:19px;color:#d7cbff;white-space:nowrap}.demo-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.demo-summary>div{padding:16px;border-radius:15px;background:rgba(14,28,47,.94);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.demo-summary span{color:var(--muted);font-size:13px}.demo-summary b{font-size:24px;color:#8e7cff}.demo-help{margin-top:18px;padding:14px;border-radius:13px;background:rgba(124,92,255,.09);border:1px solid rgba(124,92,255,.25)}.demo-help b{color:#c7bfff}.demo-help p{font-size:13px;line-height:1.5;color:var(--muted);margin:7px 0 0}.demo-tag{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:99px;background:rgba(124,92,255,.17);color:#c3b8ff;font-size:10px;font-weight:900;letter-spacing:.7px}.status.demo-on{background:rgba(124,92,255,.18);color:#c5bbff}.countdown{display:inline-block;margin-top:7px;color:#b9c9dc;font-weight:700;white-space:nowrap}.demo-btn{background:linear-gradient(90deg,#7c5cff,#23b7ff);color:#fff}@media(max-width:720px){.demo-top-banner{margin:0 14px 14px;align-items:flex-start;flex-direction:column}.demo-summary{grid-template-columns:1fr}.demo-top-banner strong{font-size:17px}.reseller-grid{grid-template-columns:1fr}.wide-card{grid-column:auto}}

/* Skynet Memory AI branding */
.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:48px;height:48px;object-fit:cover;border-radius:13px;border:1px solid rgba(53,201,255,.45);box-shadow:0 0 22px rgba(0,190,255,.28)}
.login-brand-logo{display:block;width:150px;height:150px;object-fit:cover;margin:0 auto 18px;border-radius:24px;border:1px solid rgba(53,201,255,.5);box-shadow:0 0 42px rgba(0,190,255,.24)}
.public-brand-logo{width:46px;height:46px;object-fit:cover;border-radius:13px;border:1px solid rgba(53,201,255,.42);box-shadow:0 0 20px rgba(0,190,255,.24)}
.preview-logo{overflow:hidden}.preview-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
@media(max-width:720px){.brand-logo{width:40px;height:40px}.brand span{font-size:14px}.login-brand-logo{width:120px;height:120px}.public-brand-logo{width:40px;height:40px}}


/* Corrección definitiva del logo en móvil */
img.login-brand-logo{display:block!important;width:150px!important;height:150px!important;max-width:45vw!important;max-height:45vw!important;object-fit:cover!important;object-position:center!important;margin:0 auto 18px!important;border-radius:24px!important}
img.brand-logo{display:block!important;width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:cover!important}
img.public-brand-logo{display:block!important;width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;object-fit:cover!important}
.login-card{overflow:hidden!important;text-align:center}.login-card form{text-align:left}.login{width:100%;max-width:430px!important;margin:8vh auto!important}.login .card{width:100%;overflow:hidden}
@media(max-width:720px){img.login-brand-logo{width:112px!important;height:112px!important;max-width:112px!important;max-height:112px!important}.login{margin:24px auto!important;padding:14px!important}.login .card{padding:20px!important}img.brand-logo{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important}}

/* Demo pública automática de 24 horas */
.demo-public-body{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(35,183,255,.18),transparent 38%),linear-gradient(145deg,#030b15,#07182c 58%,#090e22)}
.demo-public-wrap{width:min(94%,570px);margin:0 auto;padding:38px 0 60px}.demo-public-brand{justify-content:center;margin-bottom:24px}.demo-public-card{padding:34px;border-color:rgba(60,194,255,.28);box-shadow:0 28px 90px rgba(0,0,0,.42)}.demo-public-card h1{font-size:clamp(32px,7vw,48px);letter-spacing:-2px;margin:12px 0}.demo-public-card>p{line-height:1.65}.demo-create-btn{width:100%;padding:14px;margin-top:10px;background:linear-gradient(90deg,#23b7ff,#7c5cff);color:#fff;font-size:16px}.demo-success,.demo-used{margin-top:22px;padding:20px;border-radius:16px;background:rgba(24,211,144,.08);border:1px solid rgba(49,217,139,.3)}.demo-used{background:rgba(255,95,115,.08);border-color:rgba(255,95,115,.28)}.demo-success>b,.demo-used>b{font-size:19px}.credential-box{margin:6px 0 13px;padding:13px 15px;border-radius:11px;background:#04111f;border:1px dashed rgba(69,198,255,.5);overflow:auto}.credential-box code{font-size:17px;color:#9ee5ff;font-weight:800}.demo-login-btn{width:100%;text-align:center;margin-top:8px}.demo-back{margin:22px 0 0}@media(max-width:600px){.demo-public-wrap{padding:20px 0 35px}.demo-public-card{padding:23px 18px}.demo-public-card h1{letter-spacing:-1.5px}}

/* Compartir acceso de reseller por WhatsApp */
.whatsapp-btn{background:#25d366!important;color:#04170b!important;white-space:nowrap;box-shadow:0 8px 24px rgba(37,211,102,.2)}
.created-share-box{margin-top:13px;padding:13px;border-radius:12px;background:rgba(0,0,0,.18);display:grid;gap:10px}
.created-share-box>div{display:flex;justify-content:space-between;gap:12px;align-items:center}
.created-share-box small{color:var(--muted)}
.created-share-box strong{letter-spacing:.06em;text-align:right}
.created-share-box .whatsapp-btn{text-align:center;width:100%}
@media(max-width:720px){.created-share-box>div{align-items:flex-start;flex-direction:column;gap:3px}.created-share-box strong{text-align:left}.whatsapp-btn{width:100%;text-align:center}}
.toggle-setting{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid rgba(64,180,255,.28);border-radius:14px;background:rgba(20,110,190,.08);cursor:pointer}.toggle-setting input{width:22px;height:22px;margin:0;accent-color:#21a8ff}