/* NOX QUANT · FREEMIUM EXPERIENCE — comercial y herramientas separadas */
.product-nav{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #253146;background:#0e1420;border-radius:9px;margin-left:auto;margin-right:24px}
.product-nav-btn{border:0;border-radius:6px;background:transparent;color:#9daec9;min-height:34px;padding:8px 14px;font:600 12px/1.3 var(--sans);cursor:pointer;white-space:nowrap}
.product-nav-btn.is-active{color:#eff5ff;background:#1e355a;box-shadow:0 1px 4px #0004}
.product-nav-btn:not(.is-active):hover{color:white;background:#172235}
.product-nav-btn span{font-size:10px;color:#93c5fd;margin-left:6px}
.intro-pro-link{display:block;text-align:left;margin-top:13px;background:transparent;border:0;color:#93c5fd;font:600 12px var(--sans);cursor:pointer;padding:0}
.pro-home{margin-top:6px;animation:fade-in .2s ease both;}
.pro-home[hidden]{display:none!important}
.pro-hero{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:22px;align-items:center;margin-bottom:20px;padding:34px 36px;border:1px solid #2b3651;border-radius:14px;background:linear-gradient(112deg,#121c2d 0%,#0f1420 70%,#121b2d 100%)}
.pro-overline{margin:0 0 10px;color:#84b5ff;letter-spacing:.17em;font:700 11px var(--mono)}
.pro-hero h2{font-size:clamp(25px,3vw,37px);letter-spacing:-.06em;line-height:1.14;margin:0 0 14px;font-weight:650;max-width:750px}
.pro-hero p:not(.pro-overline){color:#b0bfd6;font-size:14px;line-height:1.65;max-width:640px;margin:0}
.pro-hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}
.pro-hero-tags span{padding:7px 10px;background:#1a2941;border:1px solid #2c4162;border-radius:6px;color:#b8cef2;font-size:11px}
.pro-price-box{border:1px solid #334f80;background:#0c1525;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pro-price-box>span{color:#aabbd3;font-size:12px}.pro-price-box strong{font:600 31px var(--sans);letter-spacing:-.055em}.pro-price-box small{font-size:11px;line-height:1.5;color:#9eb0cc}
.pro-cta,.pro-action-primary{background:#3b82f6;color:white;border:1px solid #5596ff;border-radius:7px;cursor:pointer;font:700 12px var(--sans);min-height:42px;padding:10px 14px}.pro-cta{margin-top:5px;width:100%}
.pro-action-primary:hover,.pro-cta:hover{background:#256de2}
.pro-action-primary:disabled,.pro-action-secondary:disabled{opacity:.45;cursor:not-allowed}
.pro-action-secondary{background:#151f31;border:1px solid #33445f;color:#d2e4ff;border-radius:7px;min-height:42px;padding:9px 13px;cursor:pointer;font:600 12px var(--sans)}
.pro-action-secondary:hover:not(:disabled){background:#22314b}
.pro-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}
.pro-feature-grid>div{background:#101721;border:1px solid #222e40;border-radius:10px;padding:18px;min-height:142px}
.pro-feature-grid span{display:block;margin-bottom:13px;color:#709ee0;font:600 12px var(--mono)}.pro-feature-grid strong{display:block;font-size:15px;margin-bottom:6px}.pro-feature-grid p{margin:0;color:#9babc2;font-size:12px;line-height:1.65}
.pro-body-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start}
.pro-sidebar{display:flex;flex-direction:column;gap:12px}
.pro-license-box,.pro-assumptions{padding:20px;background:#111722;border:1px solid #293345;border-radius:10px}
.pro-license-mark{display:grid;place-items:center;width:34px;height:34px;background:#1e3356;color:#8cbcff;border:1px solid #375b91;border-radius:9px;font-size:18px;margin-bottom:13px}
.pro-license-box h3,.pro-assumptions h3{font-size:15px;margin:0 0 8px;letter-spacing:-.02em}
.pro-license-box p,.pro-assumptions p{font-size:12px;line-height:1.7;color:#aebcd1;margin:0 0 14px}.pro-license-box .text-input{margin-bottom:8px;height:42px;font-size:12px}
.pro-license-box .pro-action-primary,.pro-license-box .pro-action-secondary{display:block;width:100%;margin:8px 0}
.pro-license-box small,.pro-assumptions small{display:block;color:#8095b2;font-size:11px;line-height:1.65;margin-top:9px}
.pro-assumptions label{display:block;font-size:12px;color:#c3d2e6;margin:11px 0 6px}.pro-assumptions .text-input{font-size:12px;min-height:41px}
.pro-suite-main{margin:0;min-height:420px;background:#111722;overflow:hidden}
.pro-suite-main .pro-suite-head{padding:23px}.pro-suite-main .pro-suite-head h3{font-size:19px;letter-spacing:-.035em}.pro-suite-main .pro-suite-head p:not(.pro-eyebrow){font-size:12px;line-height:1.6}
.pro-suite-main .pro-tabs{padding:12px;gap:7px;scrollbar-color:#293e5d transparent}.pro-suite-main .pro-tab{border:1px solid #27364f;border-radius:7px;padding:10px 14px;min-height:42px;font-size:12px;color:#adbad0}
.pro-suite-main .pro-tab[aria-selected="true"]{border-color:#3b82f6;background:#193054;color:#dbeafe}
.pro-preview-panel{min-height:320px;padding:56px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;background:radial-gradient(ellipse at center,#1a2a4270,transparent 75%)}
.pro-preview-panel[hidden]{display:none!important}
.preview-lock{height:54px;width:54px;border-radius:16px;border:1px solid #365b8a;background:#172744;color:#b6d5ff;display:grid;place-items:center;font-size:31px;margin-bottom:16px}
.pro-preview-panel h3{font-size:21px;margin:0 0 9px;letter-spacing:-.035em}.pro-preview-panel p{font-size:13px;color:#a8b8cf;max-width:480px;line-height:1.75;margin:0 0 16px}.pro-preview-panel>span{color:#8daee0;font:600 10px var(--mono);letter-spacing:.08em;margin-bottom:18px}
.pro-suite-main .pro-unlocked-view{padding:22px}.pro-suite-main .pro-tool-intro{font-size:13px;line-height:1.7;margin-bottom:16px;color:#b1bdd1}.pro-suite-main .pro-control label{font-size:11px}.pro-suite-main .pro-control .text-input{height:42px;font-size:12px}
.pro-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.pro-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}
.pro-kpis>div{padding:14px;border:1px solid #2d394e;border-radius:8px;background:#0d1521}
.pro-kpis span{display:block;color:#95a6bd;font-size:11px}.pro-kpis strong{display:block;font:600 18px var(--mono);color:#e7f0ff;margin-top:10px;overflow-wrap:anywhere}
.pro-csv-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:15px;align-items:center}
.pro-upload{position:relative;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:20px;border:1px dashed #51729f;border-radius:9px;background:#101e2f;cursor:pointer}
.pro-upload .upload-icon{color:#93c5fd;font-size:28px}.pro-upload strong{font-size:13px}.pro-upload small{color:#94a9c4;font-size:11px;line-height:1.6}.pro-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.pro-suite-main .pro-footnote{font-size:11px;line-height:1.65;color:#94a5bf}.pro-suite-main .pro-roadmap-copy{font-size:12px}.pro-suite-main code{color:#bfdbfe}
.pro-compare-scroll{overflow-x:auto}.pro-compare-inputs,.pro-compare-output{border-collapse:collapse;width:100%;min-width:580px;text-align:left}
.pro-compare-inputs th,.pro-compare-output th{font-size:11px;color:#adc0da;text-transform:none;padding:10px 8px;border-bottom:1px solid #2d3c51}
.pro-compare-inputs td,.pro-compare-output td{padding:10px 8px;border-bottom:1px solid #223046;font-size:12px}
.pro-compare-inputs input{width:100%;min-width:62px;max-width:110px;border:1px solid #324157;background:#0d1420;border-radius:6px;padding:10px 8px;color:#edf4ff;font:12px var(--mono)}
.pro-compare-output td{font-family:var(--mono)}
.pro-disclaimer{margin:17px 0;color:#7d8eaa;font-size:11px;line-height:1.7}
/* Mantener los paneles Free limpios y sin tocar su geometría */
@media(max-width:1100px){.pro-body-grid{grid-template-columns:260px minmax(0,1fr)}.pro-hero{padding:26px}.pro-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.product-nav{margin-right:9px}.product-nav-btn{padding:7px 9px}.pro-hero{grid-template-columns:1fr}.pro-price-box{max-width:330px}.pro-body-grid{grid-template-columns:1fr}.pro-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}}
@media(max-width:600px){.topbar-inner{gap:6px}.brand-name{font-size:12px}.product-nav{margin-left:auto;margin-right:0;padding:2px;gap:2px}.product-nav-btn{font-size:10px;min-height:36px;padding:6px 8px}.product-nav-btn span{display:none}.topbar-note{display:none}.pro-hero{padding:23px 20px}.pro-hero h2{font-size:27px}.pro-feature-grid{grid-template-columns:1fr 1fr;gap:8px}.pro-feature-grid>div{padding:14px;min-height:140px}.pro-feature-grid p{font-size:11px}.pro-sidebar{display:flex}.pro-csv-grid{grid-template-columns:1fr}.pro-kpis{grid-template-columns:repeat(2,1fr)}.pro-suite-main .pro-unlocked-view{padding:15px}.pro-suite-main .pro-tabs{padding:10px}.pro-price-box{max-width:none}}
@media(max-width:390px){.product-nav-btn{font-size:9px;padding:5px 6px}.brand-icon{width:24px;height:24px}.pro-feature-grid{grid-template-columns:1fr}.pro-feature-grid>div{min-height:auto}.pro-actions>button{width:100%}}
/* La cuadrícula Free tiene reglas !important con mayor especificidad: respetar hidden al cambiar de sección. */
main#inicio .workspace[hidden],main#inicio .intro[hidden]{display:none!important}