:root{--bg: #070b14;--bg2: #0c1220;--card: #111827;--linea: rgba(255, 255, 255, .08);--txt: #c9d1e0;--blanco: #fff;--gris: #8a93a6;--verde: #18b07e;--verde-claro: #34d399;--violeta: #7c4fe0;--cian: #0598b5;--ambar: #d9a741;--rojo: #e05252;--sg: "Space Grotesk", sans-serif;--in: "Inter", sans-serif;--mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--txt);font-family:var(--in);font-weight:300;line-height:1.55}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100%}.lateral{width:240px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--linea);padding:22px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:2}.lateral .logo-wrap{margin-bottom:18px;padding:0 6px}.lateral .grupo{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:var(--gris);margin:16px 6px 6px;text-transform:uppercase}.lateral .grupo.privado{color:var(--ambar)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;font-size:13.5px;color:var(--txt);border:1px solid transparent}.nav-item:hover{background:var(--card)}.nav-item.activo{background:var(--card);border-color:var(--linea);color:var(--blanco)}.nav-item.activo .icono{filter:none;opacity:1}.nav-item .icono{opacity:.75;width:18px;text-align:center}.lateral footer{margin-top:auto;padding:14px 6px 4px;font-family:var(--mono);font-size:9.5px;color:var(--gris);line-height:1.7;border-top:1px solid var(--linea)}.lateral footer b{color:var(--verde)}.contenido{flex:1;padding:30px 34px 60px;min-width:0;position:relative;z-index:1}.contenido.lleno{padding:18px;display:flex;flex-direction:column}.contenido.lleno>*:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.contenido.lleno>*:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.contenido.lleno>.visor-iframe:last-child{overflow:hidden}.fondo-patron{position:fixed;top:0;left:240px;right:0;bottom:0;z-index:0;pointer-events:none}.fondo-patron svg{width:100%;height:100%;display:block}.cabecera{margin-bottom:22px}.cabecera .miga{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--gris);text-transform:uppercase;margin-bottom:6px}.cabecera h1{font-family:var(--sg);color:var(--blanco);font-size:26px;font-weight:700;line-height:1.15}.cabecera h1 b{color:var(--verde)}.cabecera p.intro{margin-top:8px;font-size:13.5px;max-width:720px}.grid{display:grid;gap:14px}.grid.c2{grid-template-columns:repeat(2,1fr)}.grid.c3{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid var(--linea);border-radius:13px;padding:18px 20px}.card h3{font-family:var(--sg);font-size:14.5px;color:var(--blanco);margin-bottom:6px}.card p{font-size:12.5px}.card b{color:var(--blanco)}.card.click{cursor:pointer;transition:border-color .15s,transform .15s;display:block}.card.click:hover{border-color:var(--verde);transform:translateY(-2px)}.chip{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;border-radius:20px;padding:3px 11px;border:1px solid var(--linea);color:var(--gris)}.chip.verde{color:var(--verde);border-color:#18b07e66}.chip.ambar{color:var(--ambar);border-color:#d9a74173}.chip.violeta{color:var(--violeta);border-color:#7c4fe073}.chip.rojo{color:var(--rojo);border-color:#e0525273}.buscador{width:100%;max-width:460px;background:var(--bg2);border:1px solid var(--linea);border-radius:11px;color:var(--blanco);font-family:var(--in);font-size:14px;padding:11px 16px;outline:none}.buscador:focus{border-color:var(--verde)}.buscador::placeholder{color:var(--gris)}.visor-barra{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--linea);background:var(--bg2);flex-wrap:wrap}.visor-barra .titulo{font-family:var(--sg);color:var(--blanco);font-size:14px;margin-right:auto}.visor-iframe{flex:1;border:none;width:100%;background:var(--bg);min-height:68vh}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{font-family:var(--mono);font-size:11px;padding:6px 14px;border-radius:20px;border:1px solid var(--linea);color:var(--txt);background:transparent;cursor:pointer}.tab.activo{border-color:var(--verde);color:var(--verde)}table.tabla{width:100%;border-collapse:collapse;font-size:12.5px}.tabla th{font-family:var(--sg);color:var(--gris);text-align:left;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid var(--linea)}.tabla td{padding:9px 10px;border-bottom:1px solid var(--linea);vertical-align:top}.tabla td b{color:var(--blanco)}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gris);margin-bottom:8px}.hero{position:relative;background:linear-gradient(120deg,#7c4fe01f,#0598b514 55%,#18b07e1a);border:1px solid rgba(124,79,224,.3);border-radius:16px;padding:34px 36px;margin-bottom:28px}.hero h1{font-family:var(--sg);color:var(--blanco);font-size:32px;font-weight:700;line-height:1.12;max-width:620px}.hero h1 b{color:var(--verde-claro)}.hero p{margin-top:12px;font-size:14.5px;max-width:560px}.hero .cta{display:inline-block;margin-top:18px;font-family:var(--sg);font-size:14px;color:#06251b;background:var(--verde);border-radius:10px;padding:11px 22px;font-weight:700}.hero .cta:hover{background:var(--verde-claro)}.reporte-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reporte{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--linea);border-radius:14px;overflow:hidden;transition:border-color .15s,transform .15s}.reporte:hover{border-color:var(--verde);transform:translateY(-3px)}.reporte.privado:hover{border-color:var(--ambar)}.reporte-img{position:relative;aspect-ratio:3 / 2;overflow:hidden}.reporte-arte{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.reporte-txt{padding:15px 18px 18px}.reporte-txt h3{font-family:var(--sg);color:var(--blanco);font-size:16px;font-weight:700;margin-top:3px}.banda{position:relative;overflow:hidden;border:1px solid var(--linea);border-radius:14px;padding:26px 28px;margin-bottom:22px;min-height:128px;display:flex;align-items:center}.banda-arte{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.5;z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}.banda-cont{position:relative;z-index:1}.banda-eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);margin-bottom:6px}.banda-titulo{font-family:var(--sg);color:var(--blanco);font-size:25px;font-weight:700;line-height:1.14}.banda-titulo b{color:var(--verde)}.banda-intro{margin-top:8px;font-size:13.5px;max-width:680px}.aviso-demo{font-family:var(--mono);font-size:10.5px;color:var(--ambar);border:1px solid rgba(217,167,65,.45);border-radius:10px;padding:8px 14px;margin:14px 0;display:inline-block}@media (max-width: 900px){.app{flex-direction:column}.lateral{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px}.lateral .logo-wrap{margin:0 10px 0 0;flex-basis:100%}.lateral .grupo{display:none}.nav-item{padding:7px 12px;font-size:12.5px;border:1px solid var(--linea);border-radius:20px}.nav-item.privado{border-color:#d9a74173;color:var(--ambar)}.nav-item.privado.activo{color:var(--ambar)}.lateral footer{display:none}.grid.c2,.grid.c3{grid-template-columns:1fr}.contenido{padding:20px 16px 40px}.hero{padding:24px 20px}.hero h1{font-size:24px}.cabecera h1{font-size:22px}.fondo-patron{left:0}}@media (max-width: 560px){.reporte-grid{grid-template-columns:1fr}}