/* FINXARIA V60 R13 — Conocimiento y cosmos. Mantiene motores 3D y copy R12. */
:root {--k-mint:#66f0c6;--k-blue:#48b8e7;--k-white:#eaf7ff;--k-stroke:rgba(127,224,224,.24)}
body{background-color:#020a18!important;background-image:url('/backgrounds/finxaria_r13_nebulosa_campo.webp')!important;background-size:cover!important;background-attachment:fixed!important;background-position:center center!important;background-repeat:no-repeat!important}
body::before{background:linear-gradient(110deg,rgba(1,8,19,.34),rgba(1,8,19,.12) 38%,rgba(1,8,19,.29) 100%)!important}
body::after{display:none!important}
/* Nebulosa ambiental: un velo discreto a escala real, no captura de la web ni GIF. */
.ambient-grid{opacity:.035!important}
.hero.shell{padding-bottom:86px!important;min-height:clamp(630px,calc(100svh - 250px),800px)!important}
.hero.shell .hero-visual{z-index:4!important;opacity:1!important;filter:none!important}
.hero.shell .hero-copy{z-index:6!important}
.hero.shell .hero-copy h1{font-size:clamp(3rem,5vw,6rem)!important;line-height:1.05!important}
/* Tierra gigante pero tras el contenido; solo se activa una vez que el hero salió del viewport. */
#earthLayer,#earthLayer.visible,#earthLayer.featured{width:min(83vw,1290px)!important;height:min(100svh,960px)!important;right:-10vw!important;top:8svh!important;z-index:1!important;transform:translate3d(0,var(--fx-earth-drift,0px),0) scale(var(--fx-earth-scale,1))!important;opacity:0!important;pointer-events:none!important}
#earthLayer.visible,#earthLayer.featured{opacity:.84!important;visibility:visible!important}
#earthLayer.earth-giant{width:min(96vw,1530px)!important;height:103svh!important;right:-15vw!important;opacity:.89!important}
#earthLayer iframe{width:100%!important;height:100%!important;filter:drop-shadow(0 0 40px rgba(64,160,242,.1))}
#tierra,#servicios,#visualizaciones,#soluciones,#filosofia,#metodo,#conocimiento,#nosotros,#contacto{scroll-margin-top:94px!important}
.knowledge-section{position:relative!important;z-index:3!important;padding:110px 0 120px!important;background:linear-gradient(145deg,rgba(2,13,26,.56),rgba(3,11,27,.43))!important;border-block:1px solid rgba(104,217,214,.12)}
.knowledge-intro h2 em{color:var(--k-mint);font-style:normal}
.knowledge-intro p{font-size:15px}
.knowledge-switch{display:inline-flex;border:1px solid rgba(98,220,198,.4);border-radius:999px;background:rgba(3,18,28,.72);padding:5px;gap:5px;margin-bottom:34px;max-width:100%}
.knowledge-switch button{border:0;background:transparent;color:#a2bbcd;font-size:15px;font-weight:740;padding:13px 24px;border-radius:999px;transition:color .22s,background .22s,box-shadow .22s}
.knowledge-switch button span{font-size:13px;opacity:.8;margin-left:9px}
.knowledge-switch button.is-active,.knowledge-switch button:hover,.knowledge-switch button:focus-visible{color:#062b26;background:linear-gradient(125deg,#9bf7d7,#50e2c3);box-shadow:0 0 24px rgba(73,235,186,.15)}
.knowledge-view[hidden]{display:none!important}
.knowledge-heading{display:flex;gap:22px;justify-content:space-between;align-items:end;margin-bottom:27px}
.knowledge-heading h3{color:var(--k-white);font-size:clamp(25px,2.5vw,35px);margin:8px 0 6px;letter-spacing:-.03em}
.knowledge-heading p{max-width:710px;color:#adc7d0;line-height:1.72;font-size:13px;margin:0}
.knowledge-overline{display:block;letter-spacing:.15em;font-size:10px;font-weight:760;color:#6deabf}
.knowledge-refresh{border:1px solid rgba(110,237,203,.48);background:rgba(7,35,45,.9);border-radius:10px;color:#b5f7e1;padding:12px 15px;font-size:13px;white-space:nowrap;font-weight:700}
.knowledge-refresh:hover{background:#125447}
.knowledge-refresh:disabled{opacity:.65;cursor:wait}
.knowledge-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.knowledge-filters button{background:rgba(6,26,41,.85);border:1px solid #79bfc03d;border-radius:100px;padding:9px 15px;color:#b5cbd0;font-size:12px}
.knowledge-filters button.is-active{background:#123c39;border-color:#66daba;color:#d6fff0}
.knowledge-status{font-size:12px;color:#a1bacb;min-height:24px;margin:9px 0 15px}
.knowledge-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:220px}
.knowledge-news-card{display:flex;flex-direction:column;gap:13px;min-height:235px;border:1px solid rgba(121,204,213,.24);border-radius:20px;background:linear-gradient(151deg,rgba(9,31,45,.94),rgba(3,17,31,.96));padding:24px;box-shadow:0 10px 42px rgba(0,0,0,.2);transition:border-color .25s,transform .25s}
.knowledge-news-card:hover{border-color:rgba(81,233,198,.69);transform:translateY(-3px)}
.knowledge-news-card .meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#76cfae;letter-spacing:.045em}
.knowledge-news-card h4{font-size:19px;line-height:1.35;margin:0;color:#edfbff;letter-spacing:-.02em}
.knowledge-news-card p{font-size:12px;line-height:1.75;color:#a9c3cd;margin:0}
.knowledge-news-card a{display:inline-flex;margin-top:auto;align-items:center;gap:8px;color:#a5f9d7;font-size:12px;font-weight:750}
.knowledge-sources{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;border-top:1px solid rgba(130,199,214,.18);padding-top:22px;margin-top:22px;font-size:12px}
.knowledge-sources span{font-weight:750;color:#dbeeee}.knowledge-sources a{color:#87ebc7}.knowledge-sources a:hover{text-decoration:underline}
.knowledge-disclaimer{font-size:11px;color:#8babb9;line-height:1.75;margin-top:16px}
.knowledge-sim-badge{border:1px solid #7adbc45b;border-radius:999px;padding:10px 16px;color:#a5eed5;font-size:10px;letter-spacing:.085em;font-weight:800;white-space:nowrap}
.knowledge-lab-layout{display:grid;grid-template-columns:minmax(205px,.36fr) minmax(0,1.5fr);gap:16px}
.knowledge-lab-menu{display:flex;flex-direction:column;gap:9px;background:rgba(6,23,36,.72);border:1px solid var(--k-stroke);border-radius:20px;padding:15px;align-self:start}
.knowledge-lab-menu button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;border-radius:12px;background:transparent;color:#adc7d4;font-size:13px;font-weight:680;padding:15px 12px}
.knowledge-lab-menu button span{font-size:10px;color:#73bdb7;letter-spacing:.07em}
.knowledge-lab-menu button:hover,.knowledge-lab-menu button.is-active{background:rgba(45,122,111,.22);border-color:rgba(92,224,192,.39);color:#c2ffeb}
.knowledge-lab-content{min-width:0;padding:29px;border-radius:21px;border:1px solid rgba(130,214,215,.3);background:linear-gradient(145deg,rgba(8,28,44,.94),rgba(3,16,28,.97));box-shadow:0 24px 75px rgba(0,0,0,.34)}
.knowledge-lab-title{display:flex;justify-content:space-between;align-items:start;gap:20px}
.knowledge-lab-title h4{font-size:clamp(21px,2.3vw,29px);line-height:1.2;letter-spacing:-.032em;margin:6px 0 10px}
.knowledge-lab-title p{font-size:12px;color:#b2cbd5;max-width:590px;line-height:1.68;margin:0}
.knowledge-python-link{white-space:nowrap;border:1px solid #7cd7c050;border-radius:999px;color:#a7ebd1;font-size:11px;padding:9px 14px;font-weight:750}.knowledge-python-link:hover{background:#13453b}
.knowledge-control{display:grid;grid-template-columns:178px minmax(0,1fr) 72px;gap:18px;align-items:center;background:rgba(12,46,59,.6);border-radius:13px;border:1px solid #70c4c338;padding:13px 19px;margin:26px 0 18px}
.knowledge-control label{font-size:12px;color:#d0e7e9;font-weight:690}.knowledge-control input{width:100%;accent-color:#63eac0}.knowledge-control output{text-align:right;color:#7df2ce;font-weight:800;font-variant-numeric:tabular-nums;font-size:17px}
.knowledge-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}
.knowledge-kpi{border-radius:13px;border:1px solid rgba(118,202,216,.21);background:rgba(5,22,35,.83);padding:15px;min-width:0}
.knowledge-kpi small{display:block;color:#98b6c2;font-size:10px;line-height:1.55;margin-bottom:6px}.knowledge-kpi strong{font-size:clamp(15px,1.55vw,22px);line-height:1.18;display:block;color:#e2fff7;white-space:nowrap;font-variant-numeric:tabular-nums}
.knowledge-plot{border:1px solid rgba(109,209,208,.24);padding:19px 20px 15px;background:rgba(3,19,32,.67);border-radius:14px}
.knowledge-plot-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#e8fcfc;font-size:13px}.knowledge-plot-heading span{font-size:10px;color:#91bfcc}
#labChart{display:block;width:100%;height:auto;min-height:220px;max-height:290px;overflow:visible;margin-top:13px}#labChart text{fill:#8eacbb;font:11px Arial,sans-serif}
.knowledge-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#9fbcc8}
.knowledge-legend i{display:inline-block;width:12px;height:4px;border-radius:4px;margin-right:7px;vertical-align:3px}
.knowledge-insight{font-size:12px;line-height:1.7;color:#c4e2dc;background:rgba(27,79,71,.19);border-left:2px solid #59e5ba;padding:14px 16px;margin:16px 0}
.knowledge-lab-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#819fad;font-size:10px}.knowledge-lab-footer button{color:#99efcf;background:none;border:0;font-weight:750}
/* Seven top links: preserve typography and legibility; switch to mobile nav sooner. */
.fx-cosmic-header .nav-desktop.fx-cosmic-nav{gap:clamp(4px,.62vw,11px)!important}
.fx-cosmic-header .nav-desktop a.fx-cosmic-link{padding:12px clamp(6px,.65vw,12px)!important;font-size:clamp(13px,1.03vw,17px)!important}
@media(max-width:1280px){.fx-cosmic-header .nav-desktop.fx-cosmic-nav{display:none!important}.fx-cosmic-header .mobile-toggle{display:flex!important;align-items:center;justify-content:center;margin-left:12px!important}.fx-cosmic-header .nav-row{justify-content:space-between!important}}
@media(max-width:980px){.knowledge-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-lab-layout{grid-template-columns:1fr}.knowledge-lab-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.knowledge-lab-menu button{font-size:12px}}
@media(max-width:760px){.knowledge-section{padding:76px 0 90px!important}.knowledge-heading{align-items:start;flex-direction:column}.knowledge-news-grid{grid-template-columns:1fr}.knowledge-news-card{min-height:190px}.knowledge-lab-menu{grid-template-columns:1fr 1fr}.knowledge-lab-content{padding:16px}.knowledge-kpis{grid-template-columns:1fr 1fr}.knowledge-lab-title{flex-direction:column;gap:10px}.knowledge-control{grid-template-columns:1fr 56px;gap:10px}.knowledge-control label{grid-column:1 / -1}.knowledge-lab-footer{flex-direction:column;align-items:start}.knowledge-switch{display:flex}.knowledge-switch button{flex:1;white-space:normal;padding:12px 10px;font-size:12px}#earthLayer,#earthLayer.visible,#earthLayer.featured{width:140vw!important;right:-31vw!important;height:75svh!important}}
@media(max-width:450px){.knowledge-lab-menu{grid-template-columns:1fr}.knowledge-sim-badge{white-space:normal}.knowledge-kpi strong{font-size:16px}}

/* Modelo financiero: cinco KPIs para separar ingresos, COGS, OPEX, EBITDA y margen. */
.knowledge-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1120px){.knowledge-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.knowledge-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
