:root{--bg:#091513;--panel:#10231d;--line:#2b4438;--text:#f3f5ed;--muted:#a5b8ae;--lime:#b5f36d;--red:#fc7977;--yellow:#f5cd64}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:hover{color:var(--lime)}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.brand{font-size:26px;letter-spacing:-1px;font-weight:750;white-space:nowrap}.brand b{color:var(--lime)}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;background:#0a1713;z-index:10}.sidebar .brand{padding-left:8px;margin-bottom:38px}.nav{display:grid;gap:8px}.nav a{padding:12px 16px;border-radius:8px;display:flex;gap:13px;align-items:center}.nav a.on{background:var(--lime);color:#102014;font-weight:650}.nav svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.sidebar-bottom form button{background:none;color:var(--muted);border:0;padding:9px}.shell{margin-left:235px}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar .user{font-size:13px;color:var(--muted)}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;background:#294634;color:var(--lime);border-radius:50%;margin-left:10px}.workspace{padding:32px 34px;max-width:1600px;margin:auto}h1{font-size:clamp(28px,3vw,39px);line-height:1.15;letter-spacing:-1.3px;margin:4px 0 12px}h2{font-size:21px;line-height:1.25;margin:0 0 16px}h3{font-size:17px;margin:0 0 10px}p{color:var(--muted);margin-top:0}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.sub{margin-bottom:28px}.panel{border:1px solid var(--line);background:linear-gradient(140deg,#10241c,#0b1a15);border-radius:12px;padding:24px;margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.stat{border:1px solid var(--line);border-radius:10px;padding:20px;background:#10221b}.stat small{display:block;color:var(--muted)}.stat strong{display:block;font-size:30px;line-height:1.4}.cols{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:22px}.equal{display:grid;grid-template-columns:1fr 1fr;gap:22px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lime);background:var(--lime);color:#142010;padding:11px 18px;border-radius:7px;font-weight:650;line-height:1.3;gap:8px}.btn:hover{color:#102014;background:#c7ff8a}.btn.secondary{background:transparent;color:var(--text);border-color:var(--line)}.btn.danger{background:transparent;border-color:#784a45;color:var(--red)}.btn.small{padding:7px 11px;font-size:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline{display:inline}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:12px;white-space:nowrap}.up,.approved{color:var(--lime)}.down,.rejected{color:var(--red)}.pending{color:var(--yellow)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px;font-weight:500}td,th{padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}.muted{color:var(--muted)}.tiny{font-size:12px}.empty{padding:32px 10px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:18px;margin-bottom:8px}label{display:block;font-size:12px;color:#c9d8ce;margin:14px 0}input,select{display:block;background:#081812;color:var(--text);border:1px solid #3e5549;border-radius:6px;padding:11px 12px;width:100%;margin-top:6px;min-width:0}input[type=checkbox]{display:inline;width:auto}.notice{border:1px solid #687849;background:#1b2b1c;padding:15px;border-radius:8px;font-size:13px;margin-bottom:20px;color:#dcebcf}.notice.error{border-color:#7b4744;background:#321c19;color:#ffb7a4}.code{display:block;overflow-wrap:anywhere;background:#07120e;border:1px solid var(--line);padding:12px;color:var(--lime);font-size:12px}.chart{height:180px;display:flex;gap:5px;align-items:end;padding:20px 0;border-bottom:1px solid var(--line)}.bar{flex:1;min-width:3px;background:var(--lime);border-radius:3px 3px 0 0}.bar.low{height:22%}.bar.med{height:47%}.bar.high{height:75%}.bar.fail{height:12%;background:var(--red)}.chart-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:10px 0 0}.event{padding:14px 0;border-bottom:1px solid var(--line)}.event:last-child{border:0}.price{font-size:52px;color:var(--lime);line-height:1.3;font-weight:750;letter-spacing:-2px}.price span{font-size:15px;color:var(--muted);font-weight:400;letter-spacing:0}ul.features{list-style:none;padding:0}ul.features li{padding:7px 0}ul.features li:before{content:'✓';color:var(--lime);margin-right:10px}details{padding:15px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer}details p{margin:15px 0 0}.auth{max-width:470px;margin:65px auto;padding:0 22px}.auth .brand{display:block;text-align:center;margin-bottom:32px}.auth .panel{padding:30px}.auth .btn{width:100%;margin:14px 0}.public-header,.landing,.public-footer{max-width:1160px;margin:auto;padding:0 30px}.public-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.public-header nav{display:flex;gap:24px;align-items:center;font-size:13px}.hero{padding:75px 0;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px}.hero h1{font-size:clamp(46px,5.5vw,70px);letter-spacing:-3px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:18px}.hero img{width:100%;border-radius:12px}.landing-section{padding:65px 0;border-top:1px solid var(--line)}.landing-section h2{font-size:36px;letter-spacing:-1px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps strong{color:var(--lime);font-size:25px}.steps h3{margin-top:10px}.public-footer{padding-top:25px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.link{color:var(--lime);text-decoration:underline}.print-only{display:none}.break{overflow-wrap:anywhere}.margin-top{margin-top:22px}.spacer{height:15px}.menu-toggle{display:none}.footer-note{font-size:11px;color:var(--muted);margin-top:30px}.proof{font-size:12px}.auth h1{font-size:29px}.no-wrap{white-space:nowrap}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.sidebar{width:200px;padding:24px 12px}.shell{margin-left:200px}.workspace{padding:28px 22px}}@media(max-width:720px){.sidebar{position:static;width:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0 0 16px}.nav{display:flex;overflow:auto;gap:6px}.nav a{padding:9px 12px;white-space:nowrap;font-size:12px}.nav svg{display:none}.sidebar-bottom{display:none}.shell{margin:0}.topbar{height:60px;padding:0 20px}.workspace{padding:24px 18px}.equal,.hero,.steps{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:15px}.panel{padding:18px}.hero{padding:44px 0;gap:25px}.public-header nav a:not(.btn){display:none}.public-header,.landing,.public-footer{padding-left:20px;padding-right:20px}.public-footer{gap:15px;flex-wrap:wrap}.hero h1{font-size:48px}.landing-section{padding:45px 0}.topbar .user{font-size:11px}}@media print{body{background:white;color:black}.sidebar,.topbar,.no-print,.public-header,.public-footer{display:none}.shell{margin:0}.workspace{padding:0}.panel{background:white;border:1px solid #ccc;color:black}.muted,p,th{color:#444}.print-only{display:block}.badge{color:black}a{color:black}}

/* CyberNova · presentación de clientes 1.2 visual */
body{background:radial-gradient(ellipse at 90% 0%,#142c23 0,transparent 48%),var(--bg)}
.sidebar{background:#091713;border-color:#203a30;padding-top:30px}.sidebar .brand{font-size:25px;letter-spacing:-1px}.brand b{font-size:33px;vertical-align:middle}.nav a{transition:background .15s,color .15s;min-height:46px}.nav a.on{background:#203f29;color:#c5ff8c;border:1px solid #35563a}.nav a:hover{background:#162c23}.sidebar-bottom{font-size:12px}.topbar{background:#0b1a15;border-color:#203a30}.topbar-label{font-size:10px;letter-spacing:1.2px}.topbar-label .muted{letter-spacing:0;margin-left:12px;font-size:12px}.workspace{padding-top:38px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.dashboard-heading h1{margin-top:12px;font-size:clamp(28px,3vw,41px)}.dashboard-heading .sub{margin-bottom:0;max-width:580px}.dashboard-heading>.btn{flex-shrink:0}.stats{margin:30px 0;gap:18px}.stat{background:linear-gradient(135deg,#10271f,#0b1c16);border-color:#294438;border-radius:14px;padding:23px}.stat strong{font-size:35px;margin-top:14px;letter-spacing:-1px}.stat strong.tiny{font-size:15px;letter-spacing:0;min-height:49px;display:flex;align-items:center}.metric-icon{color:var(--lime);margin-right:8px;font-size:20px}.panel{background:linear-gradient(135deg,#10251e,#0b1b16);border-color:#294438;border-radius:16px;padding:26px}.panel h2{font-size:19px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-heading h2{margin:7px 0 16px}.pill{font-size:10px;border:1px solid var(--line);border-radius:6px;padding:5px 9px;color:var(--muted);white-space:nowrap}.chart{height:220px;gap:6px;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#29443866 44px,transparent 45px)}.bar{opacity:.85;background:linear-gradient(to top,#39693e,var(--lime));border-radius:4px 4px 0 0}.bar.fail{background:var(--red)}.badge.up{background:#153a25;border-color:#245233}.badge.down{background:#40221e;border-color:#704139}.event{padding:17px 0}.event small{display:block;margin-top:8px}.table-wrap th{padding-top:22px;padding-bottom:16px}.table-wrap td{padding-top:20px;padding-bottom:20px}tbody tr:hover{background:#18332655}.empty{padding:42px 16px;line-height:1.8}.plan-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #35543b;border-radius:15px;padding:25px;background:linear-gradient(110deg,#1b3322,#0d2018)}.plan-strip h2{margin:8px 0;font-size:21px}.plan-strip p{margin:0;font-size:13px}.plan-strip .btn{flex-shrink:0}.btn{border-radius:9px}.footer-note{max-width:850px;line-height:1.8}
@media(max-width:1050px){.dashboard-heading{align-items:flex-start}.dashboard-heading h1{max-width:480px}.workspace{padding-top:28px}}
@media(max-width:720px){.sidebar{padding:18px 16px}.sidebar .brand{margin-bottom:14px}.nav{padding-bottom:5px}.nav a{min-height:40px}.nav svg{display:block;width:16px;height:16px;flex-shrink:0}.nav a{gap:7px}.topbar-label{font-size:9px;letter-spacing:.5px}.topbar-label .muted{display:none}.dashboard-heading{display:block}.dashboard-heading>.btn{margin-top:18px}.dashboard-heading h1{font-size:31px;max-width:340px;line-height:1.2}.stats{margin:24px 0;gap:10px}.stat{padding:16px 12px}.stat small{font-size:11px}.stat strong{font-size:30px;margin-top:9px}.metric-icon{margin-right:4px;font-size:17px}.panel{padding:19px;border-radius:13px}.section-heading{display:block}.section-heading .pill{display:inline-block;margin-bottom:10px}.chart-label{gap:15px}.plan-strip{display:block;padding:21px}.plan-strip .btn{margin-top:18px}.topbar{height:55px}.sidebar-bottom{display:block;border-top:0;padding-top:10px;margin-top:0}.sidebar-bottom>a{display:none}.sidebar-bottom form button{padding:4px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.nav a{transition:none}}
@media print{body,.panel,.stat,.plan-strip{background:white;color:black}.dashboard-heading>.btn,.plan-strip{display:none}.stat strong{color:black}}

/* Portada adaptable y lectura accesible */
.hero{gap:44px;padding:70px 0}.hero h1{font-size:clamp(38px,4.8vw,62px);line-height:1.12;letter-spacing:-2px}.hero p{max-width:540px}.hero img{height:auto;display:block;object-fit:contain;aspect-ratio:3/2}.hero .notice{margin-top:14px;color:#c8d8ce;background:#12291f;border-color:#294438}.value-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--line);color:#cbdacf;font-size:13px}.steps article{padding:25px;border:1px solid var(--line);background:#10241b;border-radius:15px}.steps p{margin-bottom:0}.landing-section details{padding:20px 0}.landing-section summary{font-size:16px;font-weight:600}.public-header .brand{font-size:25px}.public-header nav{gap:18px}.landing-section{scroll-margin-top:24px}
@media(max-width:900px){.hero{grid-template-columns:1fr;max-width:650px;margin:auto;padding:42px 0}.hero h1{font-size:clamp(36px,7vw,52px)}.hero>div:last-child{max-width:560px}.equal,.steps{grid-template-columns:1fr}.hero p{font-size:17px}.value-strip{justify-content:flex-start}.landing-section{padding:40px 0}.steps{gap:14px}.landing-section h2{font-size:31px}.public-header,.landing,.public-footer{padding-left:22px;padding-right:22px}.public-header{height:76px}.public-header nav a:not(.btn){display:none}.public-header .brand{font-size:23px}.landing .tiny{font-size:13px}.landing label{font-size:14px}.landing input{font-size:16px}.landing .btn{min-height:44px}.hero .notice{font-size:13px}.public-footer{padding-top:24px;padding-bottom:24px;gap:20px;flex-wrap:wrap}.steps strong{font-size:22px}.value-strip span{flex:1 1 220px}}
/* CyberNova · catálogo de servicios · diseño 2026 */
.nova-public{background:radial-gradient(ellipse at 90% 9%,#20433066,transparent 40%),#091513;overflow:hidden}.launch-banner{display:flex;align-items:center;justify-content:center;gap:9px;background:#19362a;color:#d9efcb;padding:10px 20px;font-size:11px;letter-spacing:.6px}.launch-banner .dot{background:var(--lime);width:6px;height:6px}.nova-header{max-width:1320px;margin:auto;padding:24px 36px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #294438}.nova-header nav{display:flex;gap:25px;font-size:13px}.nova-orbit{color:var(--lime);font-size:35px;vertical-align:middle}.release-tag,.service-stage{border:1px solid #3e5e40;color:#c5d7b7;border-radius:30px;padding:5px 10px;font-size:10px;white-space:nowrap}.nova-main{max-width:1320px;margin:auto;padding:0 36px}.nova-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:76px 0}.nova-hero h1{font-size:clamp(40px,4.8vw,68px);font-weight:760;letter-spacing:-2.5px;line-height:1.06;margin:24px 0}.nova-hero h1 em{font-style:normal;color:var(--lime)}.nova-lead{font-size:18px;line-height:1.65;max-width:570px}.nova-pill{display:inline-flex;gap:12px;align-items:center;padding:12px 18px;background:linear-gradient(120deg,#29403c,#142621);border:1px solid #536961;border-radius:40px;font-size:13px;margin-top:12px}.nova-text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;color:var(--lime);padding:12px 0}.nova-preview{position:relative;border:1px solid #53765c;background:linear-gradient(135deg,#173127,#0b1c17);border-radius:23px;padding:26px;box-shadow:14px 18px 0 -3px #173125,14px 18px 0 -2px #385641,28px 36px 0 -8px #10251b}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:35px;font-size:14px}.nova-preview h2{font-size:24px;margin-bottom:8px}.signal-art{padding:20px 0}.signal-art svg{display:block;width:100%;height:auto}.signal-grid{stroke:#36523d;stroke-width:1;fill:none}.signal-line{stroke:var(--lime);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;fill:none}.preview-service{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #2b4438;font-size:13px}.preview-label{font-size:10px;color:#b9c9bd}.nova-benefits{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;color:#d0dfd4;font-size:13px}.nova-benefits span:before{content:'↗';color:var(--lime);margin-right:12px}.nova-section{padding:66px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.nova-section h2{font-size:clamp(28px,3.3vw,43px);line-height:1.13;letter-spacing:-1.3px;margin:14px 0 24px}.nova-section .section-heading>p{max-width:330px;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:25px}.service-card{background:linear-gradient(145deg,#142a21,#0b1c16);border:1px solid #2a4736;border-radius:16px;padding:24px;transition:transform .18s,border-color .18s}.service-card:hover{transform:translateY(-3px);border-color:#648445}.service-icon{font-size:24px;color:var(--lime)}.service-card h3{font-size:18px;margin:23px 0 12px}.service-card p{font-size:13px;line-height:1.75;margin:0}.nova-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.nova-steps article{padding:28px;border:1px solid var(--line);border-radius:15px}.nova-steps article>span{font-size:13px;color:var(--lime)}.nova-steps h3{font-size:20px;margin:17px 0 13px}.nova-steps p{font-size:14px;margin:0}.nova-plan{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.nova-plan>div>p{max-width:440px}.nova-price-card{padding:30px;border:1px solid #47613c;border-radius:20px;background:linear-gradient(140deg,#1c3323,#0e2019)}.nova-price-card .price{margin:20px 0;font-size:55px}.nova-price-card .features{font-size:14px}.unavailable-label{padding:12px 16px;border:1px solid #455447;background:#20352b;color:#cbd6ca;border-radius:9px;text-align:center;font-size:13px}.nova-section details{padding:22px 0;max-width:960px}.nova-section summary{font-weight:600;font-size:16px}.nova-section details p{font-size:14px;line-height:1.8;max-width:800px}.nova-footer{max-width:1320px;margin:auto;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.nova-footer .brand{font-size:22px;color:var(--text)}.skip-link{position:absolute;left:18px;top:-100px;z-index:50;background:var(--lime);color:#102014;padding:12px}.skip-link:focus{top:12px}
/* Présentation partagée des portails existants */
.shell .panel{box-shadow:0 10px 30px #0000000c}.shell input{min-height:44px}.workspace h1{overflow-wrap:anywhere}.table-wrap{max-width:100%}pre.code{white-space:pre-wrap}.sidebar .nav a{font-size:14px}.topbar{gap:15px}.topbar .user{overflow-wrap:anywhere}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-hero{gap:36px}.nova-header nav{gap:15px}.nova-plan{gap:35px}}
@media(max-width:800px){.nova-header{padding:19px 22px;flex-wrap:wrap;gap:12px}.nova-header .brand{font-size:24px}.nova-header nav{order:3;width:100%;overflow:auto;padding-top:10px;font-size:12px;gap:20px;white-space:nowrap}.nova-main{padding:0 22px}.nova-hero{grid-template-columns:1fr;padding:40px 0 55px;gap:35px}.nova-hero h1{font-size:clamp(36px,8vw,58px);letter-spacing:-1.5px}.nova-lead{font-size:16px}.nova-preview{margin-right:20px;padding:22px;box-shadow:10px 12px 0 -3px #173125,10px 12px 0 -2px #385641}.preview-top{margin-bottom:25px}.nova-benefits{gap:14px;font-size:12px}.nova-benefits span{flex:1 1 240px}.nova-section{padding:42px 0}.nova-section .section-heading{display:block}.service-grid{gap:13px}.service-card{padding:20px}.nova-steps,.nova-plan{grid-template-columns:1fr;gap:16px}.nova-steps article{padding:23px}.nova-footer{padding:26px 22px;flex-wrap:wrap}.nova-footer>span{flex-basis:100%;order:3}.launch-banner{font-size:9px;letter-spacing:0;gap:7px}.nova-pill{font-size:12px}.nova-price-card{padding:24px}}
@media(max-width:480px){.service-grid{grid-template-columns:1fr}.service-card p{font-size:14px}.preview-service{font-size:12px}.preview-label{font-size:9px}.release-tag{font-size:9px}.nova-header .brand{font-size:22px}.nova-hero h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){.service-card{transition:none}.service-card:hover{transform:none}}
/* Mascota propia CyberNovaRN · recursos locales sin scripts externos */
.nova-visual{position:relative;min-width:0;padding-bottom:100px}.nova-mascot{display:block;width:100%;height:auto;max-width:510px;margin:auto;filter:drop-shadow(0 20px 28px #0005)}.nova-visual .nova-preview{max-width:340px;margin:-95px 0 0 auto;padding:18px;box-shadow:8px 10px 0 -3px #173125,8px 10px 0 -2px #385641}.nova-visual .nova-preview h2{font-size:19px}.nova-visual .preview-top{margin-bottom:16px;font-size:12px}.nova-visual .nova-preview>p{font-size:11px}.nova-visual .signal-art{padding:8px 0}.nova-visual .signal-art svg{max-height:75px}.nova-visual .preview-service{padding:8px 0;font-size:11px}.nova-visual .preview-label{font-size:9px}.nova-visual .preview-top .pill{font-size:8px}.nova-hero{gap:38px}.welcome-mascot{display:block;width:140px;height:140px;object-fit:contain;margin:0 auto -15px;position:relative}.nova-auth{margin-top:35px}.sidebar-mascot{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;color:var(--text)}.sidebar-mascot img{object-fit:contain}.sidebar-mascot small{font-size:9px;color:var(--muted)}
@media(max-width:800px){.nova-visual{padding-bottom:0;max-width:520px;width:100%;margin:0 auto 15px}.nova-mascot{max-width:360px}.nova-visual .nova-preview{margin:-50px 0 0 auto;max-width:320px}.nova-hero{gap:22px}.nova-visual .preview-top{gap:8px}.nova-visual .nova-preview{padding:17px}}
@media(max-width:720px){.sidebar-mascot{display:none}.nova-auth{margin-top:25px}.welcome-mascot{width:110px;height:110px}.sidebar .brand{font-size:23px}}
@media print{.nova-mascot,.welcome-mascot,.sidebar-mascot{display:none}}


/* CyberNovaRN secciones renovadas v1 */

.nova-public {
    background-color: #06120e;
}

.nova-public .nova-section {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 28px;
    box-sizing: border-box;
    scroll-margin-top: 30px;
}

.nova-public .eyebrow {
    color: #c6fa4c;
    letter-spacing: .16em;
    font-size: 11px;
    font-weight: 700;
}

.nova-public .nova-section h2 {
    font-size: clamp(29px, 3.2vw, 44px);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.nova-public .section-heading {
    gap: 32px;
    margin-bottom: 38px;
    align-items: center;
}

.nova-public .section-heading > p {
    max-width: 320px;
    line-height: 1.75;
    color: #a9bdb1;
}

/* Servicios */
.nova-public #servicios {
    background:
        radial-gradient(ellipse at 50% 0%, #b6f3450c, transparent 65%);
}

.nova-public .service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.nova-public .service-card {
    position: relative;
    overflow: hidden;
    padding: 26px 23px;
    border: 1px solid #b8ed6330;
    border-radius: 22px;
    background: linear-gradient(145deg, #183025, #0b1a14);
    box-shadow: 0 12px 32px #00000025;
    transition: transform .25s ease, border-color .25s ease,
                box-shadow .25s ease;
}

.nova-public .service-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 22px;
    right: 22px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #c6fa4c99, transparent);
}

.nova-public .service-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #c6fa4c12;
    border: 1px solid #c6fa4c38;
    color: #c6fa4c;
    font-size: 23px;
}

.nova-public .service-card h3 {
    margin-top: 25px;
    margin-bottom: 12px;
    font-size: 17px;
    line-height: 1.4;
    color: #f2f8ef;
}

.nova-public .service-card p {
    color: #b3c6b9;
    font-size: 13px;
    line-height: 1.8;
}

.nova-public .service-stage {
    border: 1px solid #c6fa4c38;
    background: #06130b88;
    color: #d2e5bf;
    border-radius: 30px;
    padding: 6px 9px;
    font-size: 10px;
    white-space: nowrap;
}

/* Cómo funciona */
.nova-public #como {
    border-top: 1px solid #b6dc6120;
}

.nova-public .nova-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 38px;
}

.nova-public .nova-steps article {
    position: relative;
    padding: 30px;
    border-radius: 22px;
    border: 1px solid #a5d76530;
    background: linear-gradient(155deg, #15291f, #0a1711);
    box-shadow: 0 14px 35px #00000020;
}

.nova-public .nova-steps article > span {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: #c6fa4c;
    background: #c6fa4c10;
    border: 1px solid #c6fa4c66;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 26px;
    box-shadow: 0 0 22px #c6fa4c0d;
}

.nova-public .nova-steps h3 {
    font-size: 19px;
    color: #f1f7ed;
}

.nova-public .nova-steps p {
    font-size: 14px;
    line-height: 1.8;
    color: #b3c6b9;
}

/* Plan */
.nova-public .nova-plan {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 65px;
    align-items: center;
    border-top: 1px solid #b6dc6120;
    background:
        radial-gradient(ellipse at 85% 55%, #b6f3450b, transparent 60%);
}

.nova-public .nova-plan > div > p {
    max-width: 430px;
    color: #b3c6b9;
    line-height: 1.8;
}

.nova-public .nova-price-card {
    position: relative;
    padding: 38px;
    border-radius: 28px;
    border: 1px solid #c6fa4c88;
    background: linear-gradient(145deg, #223c29, #0b1a13);
    box-shadow: 0 24px 65px #00000040, 0 0 45px #c6fa4c09;
}

.nova-public .nova-price-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 16%;
    right: 16%;
    height: 2px;
    background: #c6fa4c;
    box-shadow: 0 0 22px #c6fa4c88;
}

.nova-public .nova-price-card .price {
    color: #c6fa4c;
    font-size: clamp(48px, 5vw, 68px);
    font-weight: 800;
    letter-spacing: -.05em;
    margin: 30px 0;
}

.nova-public .nova-price-card .price span {
    color: #c2d2c6;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
}

.nova-public .features {
    padding-left: 0;
    list-style: none;
}

.nova-public .features li {
    padding: 12px 0;
    border-bottom: 1px solid #ffffff0a;
    line-height: 1.6;
}

.nova-public .unavailable-label {
    margin-top: 25px;
    padding: 15px;
    border-radius: 14px;
    background: #c6fa4c0b;
    border: 1px solid #c6fa4c30;
    color: #dcebcf;
    text-align: center;
    font-size: 13px;
}

/* Preguntas */
.nova-public #preguntas {
    border-top: 1px solid #b6dc6120;
}

.nova-public #preguntas > h2 {
    margin-bottom: 34px;
}

.nova-public #preguntas details {
    max-width: none;
    margin: 12px 0;
    border: 1px solid #a5d76530;
    border-radius: 16px;
    background: linear-gradient(120deg, #15271d, #0a1711);
    overflow: hidden;
}

.nova-public #preguntas summary {
    position: relative;
    padding: 23px 55px 23px 24px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 650;
    list-style: none;
    color: #eef5e9;
}

.nova-public #preguntas summary::-webkit-details-marker {
    display: none;
}

.nova-public #preguntas summary::after {
    content: "+";
    position: absolute;
    right: 24px;
    top: 19px;
    color: #c6fa4c;
    font-size: 26px;
    font-weight: 400;
}

.nova-public #preguntas details[open] {
    border-color: #c6fa4c77;
}

.nova-public #preguntas details[open] summary::after {
    content: "−";
}

.nova-public #preguntas details p {
    padding: 0 24px 24px;
    margin: 0;
    max-width: 850px;
    color: #b3c6b9;
    line-height: 1.85;
}

.nova-public #preguntas summary:focus-visible {
    outline: 2px solid #c6fa4c;
    outline-offset: -5px;
    border-radius: 16px;
}

/* Pie y adaptación */
.nova-public .nova-footer {
    max-width: 1144px;
    margin: 0 auto;
    padding: 32px 28px;
    border-top: 1px solid #c6fa4c30;
    gap: 24px;
}

@media (hover: hover) {
    .nova-public .service-card:hover {
        transform: translateY(-6px);
        border-color: #c6fa4c99;
        box-shadow: 0 20px 40px #00000040, 0 0 24px #c6fa4c0c;
    }
}

@media (max-width: 1000px) {
    .nova-public .service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .nova-public .nova-plan {
        gap: 30px;
    }
}

@media (max-width: 700px) {
    .nova-public .nova-section {
        padding: 52px 22px;
    }
    .nova-public .section-heading {
        display: block;
    }
    .nova-public .section-heading > p {
        max-width: none;
    }
    .nova-public .nova-steps,
    .nova-public .nova-plan {
        grid-template-columns: 1fr;
    }
    .nova-public .nova-price-card {
        padding: 28px;
    }
    .nova-public .nova-footer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 460px) {
    .nova-public .service-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nova-public .service-card {
        transition: none;
    }
    .nova-public .service-card:hover {
        transform: none;
    }
}