:root{--bg:#f6f1e8;--paper:#fffdf9;--ink:#191613;--muted:#766d64;--brown:#3b2a1d;--gold:#aa7a3f;--gold2:#d2b47c;--line:#a97845;--green:#6d9d41;--danger:#c33d36;--border:#e5d9ca;--shadow:0 10px 30px rgba(57,41,28,.09);--sidebar:202px;--panel:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}img{max-width:100%}.ico{display:block;flex:0 0 auto}.oculto{display:none!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(#c8b598 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(to right,transparent 12%,#000 96%)}
/* sidebar */
.barra{position:fixed;z-index:70;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#070707,#151515 50%,#0d0d0d);color:#fff;display:flex;flex-direction:column;padding:12px 12px 14px;overflow-y:auto;overflow-x:hidden;box-shadow:8px 0 30px rgba(0,0,0,.12);transition:width .24s ease}.marca{height:194px;display:flex;align-items:center;justify-content:center;padding:0 2px 10px}.marca img{width:160px;height:184px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,.34))}.plegar{position:absolute;right:7px;top:8px;width:30px;height:30px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.06);color:#ddd;cursor:pointer;font-size:20px;opacity:.75}.nav-principal{display:flex;flex-direction:column;gap:3px}.nav-item{height:46px;padding:0 13px;border-radius:8px;display:flex;align-items:center;gap:12px;color:#f5f1ec;white-space:nowrap}.nav-item:hover{background:rgba(255,255,255,.07)}.nav-item.activo{background:linear-gradient(90deg,#a77942,#b68a54);color:#fff;box-shadow:0 6px 14px rgba(0,0,0,.18)}.nav-item b{font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:500}.acciones-rapidas{margin-top:18px}.acciones-rapidas h4{font-weight:500;font-size:13px;margin:0 8px 10px;color:#ddd}.accion-rapida{height:40px;background:#2b2b2b;border:1px solid #303030;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 12px;margin:7px 0;color:#f7f7f7;font-size:12px}.accion-rapida:hover{background:#353535}.usuario-menu{margin-top:auto;border:1px solid #2c2c2c;background:#171717;border-radius:9px;min-height:64px;padding:9px;display:flex;align-items:center;gap:9px}.usuario-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#67533c;color:#fff;font-family:Georgia,serif}.usuario-menu div:nth-child(2){min-width:0;flex:1}.usuario-menu strong{display:block;font-family:Georgia,serif;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usuario-menu span{display:block;color:#aaa;font-size:10px;margin-top:2px}.usuario-menu>a{color:#aaa}.contenido{min-height:100vh;position:relative}.contenido.con-barra{margin-left:var(--sidebar);transition:margin-left .24s ease}.menu-movil,.dock-movil{display:none}body.menu-plegado{--sidebar:72px}body.menu-plegado .marca{height:92px}body.menu-plegado .marca img{width:58px;height:78px}body.menu-plegado .nav-item{justify-content:center;padding:0}body.menu-plegado .nav-item b,body.menu-plegado .acciones-rapidas h4,body.menu-plegado .accion-rapida span,body.menu-plegado .usuario-menu div:nth-child(2),body.menu-plegado .usuario-menu>a{display:none}body.menu-plegado .acciones-rapidas{margin-top:12px}body.menu-plegado .accion-rapida{justify-content:center;padding:0}body.menu-plegado .usuario-menu{justify-content:center;padding:7px}body.menu-plegado .plegar{transform:rotate(180deg)}
.aviso{position:relative;z-index:120;margin:10px 18px 0;padding:10px 13px;border:1px solid;border-radius:9px;font-size:13px}.aviso.ok{background:#eef7e9;border-color:#bbd0ad;color:#365526}.aviso.error{background:#fff0ed;border-color:#efb8ae;color:#9a342b}
/* tree page */
.pantalla-arbol{height:100vh;min-height:640px;display:grid;grid-template-rows:104px 60px 1fr 116px 36px;overflow:hidden}.encabezado-arbol{z-index:8;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 28px 10px 30px;border-bottom:1px solid rgba(201,185,164,.26);background:rgba(247,243,236,.92);backdrop-filter:blur(8px)}.titulo-arbol h1{font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1;margin:0;font-weight:500;letter-spacing:-.025em}.titulo-arbol h2{font-family:Georgia,"Times New Roman",serif;font-size:18px;letter-spacing:.13em;color:#80542e;margin:8px 0 0;font-weight:500}.acciones-cabecera{display:flex;gap:12px;align-items:center;min-width:0}.buscador{width:265px;height:42px;border:1px solid #ded5ca;background:#fff;border-radius:8px;display:flex;align-items:center;padding:0 11px;box-shadow:0 3px 11px rgba(53,38,25,.05)}.buscador input{width:100%;border:0;outline:0;background:transparent;font-size:13px}.btn-icono{height:42px;min-width:48px;border:1px solid #ded3c6;border-radius:8px;background:#f0e9df;display:grid;place-items:center;cursor:pointer}.btn-help{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #ded3c6;display:grid;place-items:center;cursor:pointer}.boton{border:1px solid #d9cbbc;background:#fffdf9;color:#33281f;border-radius:8px;min-height:38px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.boton:hover{filter:brightness(.98)}.boton.principal{background:linear-gradient(180deg,#423022,#2d2118);color:#fff;border-color:#39291e;box-shadow:0 5px 14px rgba(49,34,23,.15)}.boton.secundario{background:#fff}.boton.oro{background:linear-gradient(180deg,#b4864d,#9b6f39);color:#fff;border-color:#a97b43}.boton.peligro{color:var(--danger);border-color:#ebc4bf;background:#fff}.boton.mini{min-height:31px;padding:5px 9px;font-size:11px}.boton.ancho{width:100%}.toolbar-arbol{z-index:7;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 28px 8px 30px;background:rgba(247,243,236,.86)}.toolbar-grupo{display:flex;align-items:center;gap:9px}.toolbar-grupo .boton{height:38px}.zoom-box{display:flex;height:38px;border:1px solid #ded2c4;border-radius:8px;background:#fff;overflow:hidden}.zoom-box button,.zoom-box span{border:0;background:#fff;min-width:38px;padding:0 10px;display:grid;place-items:center}.zoom-box button{cursor:pointer;border-right:1px solid #e9e0d6}.zoom-box button:last-child{border-right:0;border-left:1px solid #e9e0d6}.zoom-box span{font-size:12px;min-width:58px}.leyenda{display:flex;gap:20px;align-items:center;font-size:11px}.leyenda-item{display:flex;align-items:center;gap:7px}.leyenda-line{width:24px;height:0;border-top:2px solid var(--line)}.leyenda-line.pareja{border-top-style:dashed;position:relative}.leyenda-line.pareja::after{content:"";position:absolute;width:6px;height:6px;background:var(--line);border-radius:50%;left:9px;top:-4px}.arbol-area{position:relative;min-height:0;overflow:hidden}.lienzo-wrap{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.lienzo{position:relative;min-width:100%;min-height:100%;transform-origin:0 0}.lienzo #nodos,.lienzo #conexiones{position:absolute;left:0;top:0;transform-origin:0 0}.lienzo #conexiones{overflow:visible;pointer-events:none}.cargando{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);color:#8b8177;z-index:2;text-align:center}.conexion{fill:none;stroke:#a87948;stroke-width:1.35;vector-effect:non-scaling-stroke}.conexion.union{stroke-dasharray:4 3}.conexion.union.actual{stroke-dasharray:4 3}.conexion.union.terminada{stroke-dasharray:2 4;opacity:.65}.conexion.filiacion{stroke-dasharray:none}.nodo{position:absolute;width:192px;height:100px;background:rgba(255,253,249,.99);border:1px solid #e4d9cc;border-radius:11px;box-shadow:0 7px 20px rgba(55,40,28,.08);display:flex;align-items:center;gap:12px;padding:11px;cursor:pointer;transition:border-color .14s,box-shadow .14s,transform .14s}.nodo:hover,.nodo.seleccionado,.nodo.resaltado{border-color:#bb8748;box-shadow:0 10px 27px rgba(81,54,29,.15)}.nodo .foto{width:58px;height:58px;flex:0 0 58px;border-radius:50%;overflow:hidden;background:#eee9e1;border:2px solid #f2e7d7;display:grid;place-items:center}.nodo .foto img{width:100%;height:100%;object-fit:cover}.nodo .foto span{font-size:23px;color:#8d8277}.nodo .info{min-width:0;line-height:1.05}.nodo strong{font-family:Georgia,"Times New Roman",serif;font-size:13px;line-height:1.02;display:block;max-height:42px;overflow:hidden}.nodo small{display:block;color:#5f5852;font-size:10px;margin-top:6px}.nodo em{display:block;color:#91867b;font-size:8px;margin-top:5px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nodo::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#7ca549;left:8px;bottom:7px}.nodo.alerta-parentesco::before{content:"!";position:absolute;right:6px;top:5px;width:17px;height:17px;border-radius:50%;background:#d99e3f;color:#fff;font-size:11px;display:grid;place-items:center;font-weight:700}.nodo.moviendo{opacity:.92;box-shadow:0 18px 34px rgba(60,40,23,.22);cursor:grabbing}.modo-mover .nodo{cursor:grab}.node-quick{display:none;position:absolute;left:50%;bottom:-35px;transform:translateX(-50%);height:30px;background:#fff;border:1px solid #dbcdbd;border-radius:8px;box-shadow:0 8px 18px rgba(50,35,24,.13);z-index:10;white-space:nowrap;padding:2px}.nodo.seleccionado .node-quick{display:flex}.node-quick button{border:0;background:transparent;font-size:10px;padding:4px 6px;cursor:pointer;color:#604526}.node-quick button:hover{background:#f2ebe2;border-radius:5px}.timeline-familiar{margin:0 28px 16px 20px;background:rgba(255,253,249,.75);border:1px solid #e4d9cc;border-radius:11px;box-shadow:0 4px 13px rgba(60,42,28,.04);padding:17px 22px 14px;position:relative}.timeline-familiar h4{font-family:Georgia,serif;margin:0 0 12px;font-size:13px}.timeline-track{height:28px;position:relative;border-top:3px solid #dfd6ca;margin:12px 10px 0}.timeline-fill{position:absolute;left:0;top:-3px;height:3px;background:linear-gradient(90deg,#c9bca9,#9d6f3e);width:72%}.timeline-tick{position:absolute;top:4px;transform:translateX(-50%);font-size:9px;color:#4d4843}.timeline-dot{position:absolute;top:-8px;width:12px;height:12px;border-radius:50%;background:#8d6335;border:2px solid #fff;box-shadow:0 0 0 1px #b69368;transform:translateX(-50%)}.timeline-dot.seleccion{width:14px;height:14px;top:-9px;background:#fff;box-shadow:0 0 0 2px #a7773f}.tips-bar{height:36px;background:#171717;color:#ddd;display:flex;align-items:center;padding:0 26px;gap:16px;font-size:10.5px}.tips-bar .tips-icon{color:#d4a62c}.tips-spacer{flex:1}.tips-bar img{width:20px;height:20px;object-fit:contain}.panel-lateral{position:fixed;z-index:95;right:14px;top:108px;bottom:48px;width:var(--panel);background:#fffdf9;border:1px solid #e3d8ca;border-radius:12px;box-shadow:0 15px 36px rgba(49,34,23,.12);overflow:hidden;transform:translateX(calc(100% + 30px));opacity:0;pointer-events:none;transition:transform .25s ease,opacity .2s}.panel-lateral.abierto{transform:translateX(0);opacity:1;pointer-events:auto}.panel-scroll{height:100%;overflow:auto}.panel-close{position:absolute;right:12px;top:12px;border:0;background:transparent;cursor:pointer;z-index:3}.perfil-cabecera{padding:25px 18px 15px;display:flex;gap:14px;align-items:center}.perfil-foto{width:78px;height:78px;border-radius:50%;overflow:hidden;background:#ede8df;display:grid;place-items:center;flex:0 0 auto;border:2px solid #eadbc7;position:relative}.perfil-foto img{width:100%;height:100%;object-fit:cover}.perfil-foto span{font-size:30px;color:#8a8179}.perfil-foto::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#65a143;border:2px solid #fff;right:2px;bottom:7px}.perfil-nombre h3{font-family:Georgia,serif;font-size:21px;margin:0;line-height:1.02}.perfil-nombre p{margin:6px 0 0;font-size:12px}.perfil-nombre small{display:block;margin-top:5px;color:#6f675f;font-size:10px}.perfil-acciones{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 14px 13px}.perfil-acciones button,.perfil-acciones a{min-height:58px;border:1px solid #e5d8ca;background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;cursor:pointer}.perfil-acciones .danger{color:#d33630}.panel-seccion{border-top:1px solid #eadfd4;padding:14px 16px}.panel-seccion h4{font-family:Georgia,serif;font-size:15px;margin:0 0 12px}.dato-fila,.familia-fila{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:11px}.dato-fila span:first-child,.familia-fila>span:first-child{color:#776d64}.familia-fila .valor{display:flex;align-items:center;gap:6px;text-align:right}.mini-plus{width:28px;height:28px;border:1px solid #e0d2c1;border-radius:7px;background:#fff7ed;display:grid;place-items:center;color:#8c6031;cursor:pointer}.chips{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.chip{padding:4px 7px;border-radius:999px;background:#f1ebe3;font-size:9px}.estadisticas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.stat strong{display:block;font-family:Georgia,serif;font-size:17px}.stat small{color:#7f756c;font-size:9px}.panel-acciones-final{display:grid;gap:8px}.panel-form{display:none;padding-bottom:20px}.panel-form.activo{display:block}.panel-detalle.oculto{display:none}.form-head{padding:18px 18px 12px;border-bottom:1px solid #e8ddd1}.form-head small{color:#8c6031;letter-spacing:.1em;font-size:9px}.form-head h3{font-family:Georgia,serif;margin:3px 0 0;font-size:21px}.contexto-relacion{margin:12px 15px 0;border:1px solid #dec49e;background:#fff8eb;border-radius:9px;padding:10px 11px;font-size:10px;color:#63451f}.contexto-relacion strong{display:block;font-size:12px;margin-bottom:3px}.foto-carga{margin:15px;display:flex;align-items:center;gap:12px;border:1px dashed #d8c5ad;border-radius:10px;padding:10px}.foto-preview{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#eee8df;overflow:hidden;flex:0 0 auto}.foto-preview img{width:100%;height:100%;object-fit:cover}.foto-carga-text{font-size:10px;color:#766d63}.foto-carga-text label{display:inline-flex;margin-top:6px}.form-simple{display:grid;gap:10px;padding:0 15px 16px}.form-simple label,.form-card label,.tarjeta-login label,.instalador label{display:flex;flex-direction:column;gap:5px;font-size:10.5px;color:#443a31}.form-simple input,.form-simple select,.form-simple textarea,.form-card input,.form-card select,.form-card textarea,.tarjeta-login input,.instalador input{width:100%;border:1px solid #dfd3c5;border-radius:7px;background:#fff;padding:9px 10px;outline:0;color:#27211c}.form-simple input:focus,.form-simple select:focus,.form-simple textarea:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#aa7a40;box-shadow:0 0 0 3px rgba(170,122,64,.08)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.seccion-form{border-top:1px solid #ebe1d7;padding-top:9px;margin-top:2px}.seccion-form>strong{font-family:Georgia,serif;font-size:13px}.seccion-form>small{display:block;color:#857a70;font-size:9px;margin-top:2px}.parejas-existentes{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.preview-conexion{border:1px solid #e2d6c8;background:#faf6f0;border-radius:9px;padding:9px;text-align:center;font-size:9px;color:#665b51}.preview-conexion .mini-diagrama{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:5px}.mini-caja{border:1px solid #dbcdbd;border-radius:6px;padding:4px 6px;background:#fff;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-line{width:22px;border-top:1px solid #a87844}.duplicate-alert{display:none;border:1px solid #e4c487;background:#fff8e6;border-radius:8px;padding:8px;color:#6a4b20;font-size:9.5px}.duplicate-alert.visible{display:block}.form-footer{position:sticky;bottom:0;padding:10px 15px 12px;background:linear-gradient(180deg,rgba(255,253,249,.3),#fffdf9 30%);display:flex;gap:8px}.form-footer .boton{flex:1}.historia-lista{display:grid;gap:8px}.historia-item{border-left:2px solid #c29763;padding:3px 0 3px 9px;font-size:9.5px}.historia-item strong{display:block;font-size:10px}.historia-item small{color:#8c8176}.cortina{display:none}
/* generic pages */
.pagina{padding:30px 34px 72px;max-width:1280px;margin:0 auto}.pagina-titulo{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px}.pagina-titulo h1{font-family:Georgia,serif;font-size:36px;font-weight:500;margin:0}.pagina-titulo p{color:#7a7066;margin:5px 0 0;font-size:12px}.cards-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.kpi{background:#fff;border:1px solid var(--border);border-radius:11px;padding:16px;box-shadow:0 4px 15px rgba(55,40,28,.05)}.kpi strong{display:block;font-family:Georgia,serif;font-size:27px}.kpi span{color:#7b7168;font-size:10px}.buscar-lista{display:flex;gap:8px;margin-bottom:17px}.buscar-lista input{flex:1;border:1px solid #ded3c6;background:#fff;border-radius:8px;padding:10px 11px}.lista-personas{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:11px}.persona-lista{background:#fff;border:1px solid var(--border);border-radius:10px;padding:11px;display:flex;align-items:center;gap:11px;box-shadow:0 4px 15px rgba(55,40,28,.04)}.avatar-lista{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#eee9e1;display:grid;place-items:center;flex:0 0 auto}.avatar-lista img{width:100%;height:100%;object-fit:cover}.persona-datos{min-width:0;flex:1}.persona-datos strong{font-family:Georgia,serif;display:block;font-size:14px}.persona-datos span,.persona-datos small{display:block;color:#7d736a;font-size:10px;margin-top:4px}.acciones-lista{display:flex;gap:5px;align-items:center}.acciones-lista form{margin:0}.form-card,.tarjeta-seccion{background:#fff;border:1px solid var(--border);border-radius:11px;padding:16px;box-shadow:0 5px 18px rgba(55,40,28,.05)}.form-card h3,.tarjeta-seccion h3{font-family:Georgia,serif;margin:0 0 12px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.familia-card{background:#fff;border:1px solid var(--border);border-radius:11px;padding:15px}.familia-personas{display:flex;align-items:center;justify-content:center;gap:9px;font-family:Georgia,serif}.familia-personas .join{width:28px;border-top:1px dashed #a87844}.familia-meta{text-align:center;color:#7d736a;font-size:10px;margin-top:10px}.galeria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.foto-card{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.foto-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.foto-card div{padding:9px}.foto-card strong{font-family:Georgia,serif;font-size:12px}.foto-card small{display:block;color:#7e746a;font-size:9px;margin-top:3px}.lugares-lista{display:grid;gap:8px}.lugar-row{background:#fff;border:1px solid var(--border);border-radius:9px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center}.lugar-row strong{font-family:Georgia,serif}.lugar-row span{font-size:10px;color:#777}.timeline-page{position:relative;margin-left:10px;padding-left:26px;border-left:2px solid #c8aa84}.evento{position:relative;background:#fff;border:1px solid var(--border);border-radius:9px;padding:11px 13px;margin:0 0 11px}.evento::before{content:"";position:absolute;left:-33px;top:15px;width:11px;height:11px;border-radius:50%;background:#a97742;border:3px solid var(--bg)}.evento time{font-size:9px;color:#997044}.evento strong{font-family:Georgia,serif;display:block;margin-top:3px}.reporte-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tabla-simple{width:100%;border-collapse:collapse}.tabla-simple th,.tabla-simple td{text-align:left;padding:9px;border-bottom:1px solid #eee4da;font-size:11px}.tabla-simple th{font-family:Georgia,serif}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.config-card{background:#fff;border:1px solid var(--border);border-radius:11px;padding:16px}.config-card h3{font-family:Georgia,serif;margin:0 0 8px}.config-card p{font-size:11px;color:#776d64;line-height:1.5}.backup-list{display:grid;gap:6px;margin-top:10px}.backup-item{font-size:9px;padding:7px;border-radius:6px;background:#f5efe7}.vacio{padding:28px;background:#fff;border:1px dashed #dccdbb;border-radius:10px;color:#83786e;text-align:center}.tag-warning{display:inline-flex;background:#fff4da;color:#845b1d;border:1px solid #e7c57d;border-radius:999px;padding:3px 7px;font-size:9px}
/* login/install existing */
.fondo-login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 30%,#fbf5eb,#e9dfd2)}.tarjeta-login,.instalador{width:min(430px,100%);background:#fff;border:1px solid #ded2c4;border-radius:15px;padding:26px;box-shadow:0 20px 55px rgba(50,34,22,.13)}.logo-login{display:block;width:130px;height:130px;object-fit:contain;margin:0 auto 8px}.tarjeta-login h1,.instalador h1{font-family:Georgia,serif;text-align:center;font-weight:500}.tarjeta-login p,.instalador p{text-align:center;color:#786f65}.tarjeta-login form,.instalador form{display:grid;gap:12px}.instalador h3{font-family:Georgia,serif;margin:12px 0 0}
@media(max-width:1180px){:root{--sidebar:176px}.titulo-arbol h1{font-size:36px}.titulo-arbol h2{font-size:15px}.buscador{width:220px}.panel-lateral{width:300px}.leyenda{display:none}.nodo{width:184px}}
@media(max-width:900px){:root{--sidebar:240px}.barra{transform:translateX(-105%);transition:transform .25s ease;width:240px}.barra.movil-abierta{transform:translateX(0)}.contenido.con-barra{margin-left:0}.menu-movil{display:grid;place-items:center;position:fixed;z-index:89;left:11px;top:11px;width:40px;height:40px;border-radius:9px;background:#171717;color:#fff;border:0}.dock-movil{display:grid;grid-template-columns:1fr 1fr 64px 1fr 1fr;position:fixed;z-index:88;left:0;right:0;bottom:0;height:62px;background:#151515;color:#ddd;border-top:1px solid #282828}.dock-movil>a,.dock-movil>button{border:0;background:transparent;color:#ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px}.dock-movil .dock-add{width:48px;height:48px;border-radius:50%;background:#a97942;color:#fff;justify-self:center;align-self:center;transform:translateY(-12px)}.pantalla-arbol{height:calc(100vh - 62px);min-height:560px;grid-template-rows:90px 54px 1fr 88px 0}.encabezado-arbol{padding:12px 12px 8px 60px}.titulo-arbol h1{font-size:29px}.titulo-arbol h2{font-size:11px;margin-top:5px}.acciones-cabecera{gap:6px}.buscador{display:none}.acciones-cabecera .boton.principal{height:39px;padding:7px 10px;font-size:11px}.btn-help{width:38px;height:38px}.btn-icono{display:none}.toolbar-arbol{padding:7px 10px;overflow-x:auto;justify-content:flex-start}.toolbar-grupo{flex:0 0 auto}.toolbar-grupo .boton{height:34px;padding:6px 9px;font-size:10px}.zoom-box{height:34px}.timeline-familiar{margin:0 10px 8px;padding:10px 12px}.timeline-familiar h4{margin-bottom:6px}.timeline-track{margin-top:7px}.tips-bar{display:none}.panel-lateral{top:0;right:0;bottom:62px;width:min(430px,100%);border-radius:0;z-index:110}.panel-close{top:9px}.cortina{display:block;position:fixed;z-index:105;inset:0 0 62px;background:rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.2s}.cortina.visible{opacity:1;pointer-events:auto}.nodo{width:178px;height:92px}.node-quick{bottom:-34px}.pagina{padding:70px 15px 86px}.pagina-titulo{align-items:flex-start}.pagina-titulo h1{font-size:31px}.cards-kpi{grid-template-columns:1fr 1fr}.reporte-grid{grid-template-columns:1fr}}
@media(max-width:560px){.encabezado-arbol{padding-left:58px}.titulo-arbol h1{font-size:24px;white-space:nowrap}.titulo-arbol h2{font-size:9px;letter-spacing:.1em}.acciones-cabecera .boton.principal span.txt{display:none}.toolbar-grupo:first-child .boton span.txt{display:none}.timeline-familiar{display:none}.pantalla-arbol{grid-template-rows:82px 52px 1fr 0 0}.grid2{grid-template-columns:1fr}.perfil-cabecera{padding-top:22px}.panel-lateral{bottom:62px}.pagina-titulo{flex-direction:column}.cards-kpi{grid-template-columns:1fr 1fr}.lista-personas{grid-template-columns:1fr}.galeria-grid{grid-template-columns:1fr 1fr}.acciones-lista{flex-direction:column}.nodo{width:168px;height:88px;padding:9px}.nodo .foto{width:50px;height:50px;flex-basis:50px}.nodo strong{font-size:12px}}
.pagina.angosta{max-width:680px}.dos-columnas{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:14px}.tarjeta-seccion h2{font-family:Georgia,serif;font-size:20px;font-weight:500;margin:0 0 12px}.tarjeta-seccion form{display:grid;gap:10px}.usuarios-lista{display:grid;gap:8px}.usuario-row{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px;border:1px solid #ebe1d6;border-radius:8px;background:#fff}.usuario-row strong,.usuario-row span,.usuario-row small{display:block}.usuario-row strong{font-family:Georgia,serif}.usuario-row span{font-size:10px;color:#6f675f;margin-top:3px}.usuario-row small{font-size:9px;color:#91877d;margin-top:3px}.check{flex-direction:row!important;align-items:center;gap:7px!important}.check input{width:auto!important}.texto-suave{font-size:10px!important;color:#81786f!important}.tarjeta-login h2{font-family:Georgia,serif;text-align:center;font-size:16px;font-weight:500;color:#7d542f;margin-top:-6px}@media(max-width:900px){.dos-columnas{grid-template-columns:1fr}}

/* ============================================================
   V2.1 — réplica del diseño aprobado
   ============================================================ */
:root{--sidebar:210px;--panel:338px;--navy:#101b29;--navy2:#0b1521;--gold:#a8782f;--gold-soft:#c99b4e;--cream:#f8f3eb;--cream2:#fbf8f2;--ink:#152033}
body{background:#f8f3eb;color:#152033}
body::before{opacity:.16;background-size:24px 24px}

/* Barra lateral */
.barra{width:var(--sidebar);padding:0 12px 14px;background:linear-gradient(180deg,#111c2b 0%,#0d1723 55%,#09121c 100%);box-shadow:8px 0 28px rgba(5,12,20,.14);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#27384b transparent}
.marca{height:205px;padding:12px 5px 9px;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.05),transparent 60%)}
.marca img{width:150px;height:178px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.28))}
.plegar{top:8px;right:7px;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.035);z-index:4}
.nav-principal{gap:3px}.nav-item{height:47px;border-radius:8px;padding:0 13px;color:#f6f3ef}.nav-item b{font-family:Georgia,"Times New Roman",serif;font-size:15px}.nav-item.activo{background:linear-gradient(90deg,#a9782e 0%,#c19850 100%);box-shadow:0 6px 16px rgba(0,0,0,.22)}
.acciones-rapidas{margin-top:17px}.acciones-rapidas h4{font-size:12px;margin:0 8px 9px;color:#e5e1db}.accion-rapida{height:40px;border-color:#324153;background:#253244;color:#fff}.accion-rapida:hover{background:#2e3d51}
.instalar-sidebar{width:100%;margin:11px 0 13px;border:1px solid #1d6db4;border-radius:9px;background:linear-gradient(135deg,#0d64bd,#0456a7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 6px 18px rgba(0,72,145,.24);color:#fff;min-height:82px;padding:10px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.instalar-sidebar>span{min-width:0;flex:1}.instalar-sidebar strong{display:block;font-size:12px;font-weight:600}.instalar-sidebar small{display:block;margin-top:4px;line-height:1.2;font-size:9px;color:#bfe0ff}.instalar-sidebar>b{font-size:20px;color:#8dc8ff}.app-instalada .instalar-sidebar{display:none}
.usuario-wrap{position:relative;margin-top:auto}.usuario-menu{width:100%;margin:0;border:1px solid #2b3b4d;background:#111d2a;border-radius:9px;min-height:64px;padding:8px 9px;color:#fff;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.usuario-avatar,.cuenta-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d9b271,#8e6237);color:#fff;font-family:Georgia,serif;font-size:14px;border:2px solid rgba(255,255,255,.22)}.usuario-menu div:nth-child(2){min-width:0;flex:1}.usuario-menu strong{font-family:Georgia,serif;font-size:13px}.usuario-menu span{font-size:9px;color:#bac5cf}.usuario-menu span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35ba4c;margin-right:4px}.usuario-menu>b{color:#c7d0d9;font-weight:400}
.usuario-dropdown{position:absolute;left:0;right:0;bottom:70px;z-index:140;background:#fff;border:1px solid #dcd4c9;border-radius:9px;box-shadow:0 16px 40px rgba(10,20,32,.2);padding:5px;display:none;color:#172232}.usuario-dropdown.abierto{display:block}.usuario-dropdown a,.usuario-dropdown button{width:100%;min-height:38px;border:0;background:transparent;color:#172232;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:6px;font-size:11px;text-align:left;cursor:pointer}.usuario-dropdown a:hover,.usuario-dropdown button:hover{background:#f1eee8}.usuario-dropdown .salir{color:#d82323;border-top:1px solid #eee7de;margin-top:3px}
body.menu-plegado{--sidebar:72px}body.menu-plegado .marca{height:92px}body.menu-plegado .marca img{width:56px;height:75px}body.menu-plegado .instalar-sidebar{min-height:52px;padding:0;justify-content:center}body.menu-plegado .instalar-sidebar span,body.menu-plegado .instalar-sidebar>b{display:none}body.menu-plegado .usuario-dropdown{left:64px;right:auto;bottom:0;width:200px}body.menu-plegado .usuario-menu>b{display:none}

/* Encabezado exacto */
.pantalla-arbol{height:100vh;min-height:650px;grid-template-rows:104px 63px 1fr 122px 54px;background:#f8f3eb}
.encabezado-arbol{position:relative;overflow:visible;padding:11px 20px 9px 102px;background:#f7f1e7;border-bottom:1px solid #cbb998;box-shadow:0 2px 9px rgba(59,39,19,.06)}
.cabecera-escena{position:absolute;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(248,243,235,.95) 0%,rgba(248,243,235,.63) 34%,rgba(248,243,235,.2) 56%,rgba(20,31,44,.05) 75%),url('../img/cabecera-castillo.jpg');background-size:auto 100%,58% 100%;background-repeat:no-repeat;background-position:left top,44% center}.cabecera-escena::after{content:"";position:absolute;right:0;top:0;bottom:0;width:31%;opacity:.92;background-color:#263229;background-image:repeating-linear-gradient(0deg,rgba(108,21,27,.86) 0 17px,rgba(25,52,47,.86) 17px 35px),repeating-linear-gradient(90deg,transparent 0 22px,rgba(191,26,39,.78) 22px 36px,transparent 36px 63px),repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,199,55,.16) 8px 10px,transparent 10px 34px);mix-blend-mode:multiply}.titulo-arbol,.acciones-cabecera{position:relative;z-index:2}.titulo-arbol h1{font-family:Georgia,"Times New Roman",serif;font-size:39px;line-height:.98;font-weight:500;color:#0c1725;letter-spacing:-.03em;text-shadow:0 1px 0 rgba(255,255,255,.5)}.titulo-arbol h2{font-size:15px;letter-spacing:.24em;color:#6e4829;margin-top:7px}.titulo-arbol i{display:block;width:164px;height:9px;margin:3px 0 0 36px;position:relative}.titulo-arbol i::before,.titulo-arbol i::after{content:"";position:absolute;top:4px;width:68px;border-top:1px solid #b48542}.titulo-arbol i::before{left:0}.titulo-arbol i::after{right:0}.titulo-arbol i{background:radial-gradient(circle at center,#b48542 0 2px,transparent 3px)}
.acciones-cabecera{gap:10px}.buscador{width:256px;height:43px;background:rgba(255,255,255,.95);border-color:#ded6cb;box-shadow:0 4px 13px rgba(42,29,18,.08)}.boton-agregar{height:44px;background:linear-gradient(180deg,#b4873c,#8b5d1d)!important;border-color:#8b6427!important;font-size:12px;box-shadow:0 6px 16px rgba(112,74,29,.2)!important}.campana-superior{position:relative;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#162334;color:#fff;display:grid;place-items:center;cursor:pointer}.campana-superior span{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#cb332d;color:#fff;font-size:8px;display:grid;place-items:center;border:2px solid #fff}
.cuenta-superior{position:relative}.cuenta-boton{height:44px;min-width:150px;border:1px solid #4f5c6b;background:#162334;color:#fff;border-radius:8px;padding:4px 9px;display:flex;align-items:center;gap:8px;cursor:pointer}.cuenta-boton .cuenta-avatar{width:32px;height:32px;font-size:11px}.cuenta-boton b{font-size:10px;font-weight:500;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cuenta-boton>span:last-child{color:#cbd5df}.usuario-dropdown.superior{left:auto;right:0;top:49px;bottom:auto;width:190px}

/* Barra de herramientas */
.toolbar-arbol{padding:8px 20px;background:#fbf8f2;border-bottom:1px solid #e5ddd2;box-shadow:0 2px 6px rgba(50,34,22,.03)}.toolbar-grupo{gap:8px}.toolbar-grupo .boton{height:38px;font-size:10px}.toolbar-grupo .boton.oro{background:linear-gradient(180deg,#b98531,#94621b);border-color:#94621b;color:#fff}.zoom-box{height:38px}.btn-icono{height:38px;min-width:40px;background:#fff}.leyenda{gap:16px;font-size:10px;color:#263548}.toggle-etiquetas{display:flex;align-items:center;gap:6px;cursor:pointer}.toggle-etiquetas input{display:none}.toggle-etiquetas span{position:relative;width:30px;height:16px;border-radius:999px;background:#d4d7da;transition:.2s}.toggle-etiquetas span::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;left:2px;top:2px;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}.toggle-etiquetas input:checked+span{background:#2385db}.toggle-etiquetas input:checked+span::after{transform:translateX(14px)}

/* Lienzo y tarjetas */
.arbol-area{margin:0 14px 0 14px;border:1px solid #e2d7c9;border-radius:12px 12px 0 0;background:linear-gradient(180deg,rgba(255,252,246,.82),rgba(250,246,239,.95));box-shadow:0 6px 20px rgba(61,43,27,.045);overflow:hidden}.lienzo-wrap{inset:0;background-image:radial-gradient(#d9c9b4 .8px,transparent .8px);background-size:22px 22px}.nodo{width:202px;height:104px;border-radius:10px;border-color:#e1d7ca;background:rgba(255,254,251,.98);box-shadow:0 7px 18px rgba(46,31,20,.08)}.nodo .foto{width:64px;height:64px;flex-basis:64px;border-color:#eadbc8}.nodo strong{font-size:14px;color:#142034}.nodo small{font-size:10px;color:#5f6770}.nodo em{font-size:8px;color:#8a857f}.nodo:hover,.nodo.seleccionado,.nodo.resaltado{border-color:#bf8b45;box-shadow:0 11px 26px rgba(90,61,30,.14)}.conexion{stroke:#a16f31;stroke-width:1.25}.conexion.union{stroke-dasharray:4 3}.nodo::after{background:#53aa34}

/* franja inferior */
.franja-inferior{display:grid;grid-template-columns:1fr 320px;gap:10px;padding:9px 14px 9px;background:#f8f3eb}.timeline-familiar{margin:0;padding:13px 17px 10px;background:#fffdf9;border-radius:10px}.timeline-familiar h4{font-size:12px;color:#283548;margin-bottom:8px}.timeline-track{margin-top:9px}.resumen-inferior{display:grid;grid-template-columns:repeat(3,1fr);background:#fffdf9;border:1px solid #e4d9cc;border-radius:10px;overflow:hidden}.resumen-inferior>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-left:1px solid #ede3d8}.resumen-inferior>div:first-child{border-left:0}.resumen-inferior .mini-icon{font-size:13px;color:#a4772c}.resumen-inferior strong{font-family:Georgia,serif;font-size:19px;color:#182436}.resumen-inferior small{font-size:9px;color:#676f76}
.pie-arbol{height:54px;background:#0d1825;color:#e8e4de;display:flex;align-items:center;padding:0 23px 0 28px;position:relative}.pie-arbol .motto{position:absolute;left:50%;transform:translateX(-50%);font-family:Georgia,serif;font-size:12px;font-style:italic}.pie-arbol .motto i{font-size:9px;color:#c4cbd3;font-weight:400}.pie-arbol .credito{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:9px}.pie-arbol .credito img{width:28px;height:28px;object-fit:contain}

/* panel lateral */
.panel-lateral{right:16px;top:184px;bottom:70px;width:338px;border-radius:10px;background:#fffdf9;border-color:#dfd5c8;box-shadow:0 16px 36px rgba(24,32,43,.14)}.perfil-cabecera{padding:16px 17px 13px}.perfil-foto{width:91px;height:91px;flex-basis:91px}.perfil-nombre h3{font-size:22px;color:#162338}.perfil-nombre p{font-size:12px;color:#4d5967}.perfil-nombre small{font-size:9px}.perfil-acciones{padding:0 12px 11px}.perfil-acciones button,.perfil-acciones a{min-height:54px;border-color:#e3d9cc;font-size:9px}.panel-seccion{padding:12px 14px;border-top-color:#e8dfd4}.panel-seccion h4{font-size:15px;color:#172338;position:relative;padding-left:9px}.panel-seccion h4::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:3px;background:#d59f38}.dato-fila,.familia-fila{font-size:10px}.estadisticas{grid-template-columns:repeat(3,1fr)}.panel-acciones-final .boton.oro{background:linear-gradient(180deg,#b88430,#996217);border-color:#9a641b}.panel-form{background:#fffdf9}

/* Formulario de persona más limpio */
.form-head{padding:18px 18px 12px;background:linear-gradient(180deg,#fffdf9,#fbf6ee)}.foto-carga{margin:14px;border-radius:10px;background:#fbf8f3}.form-simple{gap:11px;padding:0 14px 15px}.form-simple input,.form-simple select,.form-simple textarea{min-height:39px;border-radius:8px;background:#fff}.seccion-form{background:#fbf7f0;border:1px solid #eee2d4;border-radius:8px;padding:9px 10px;margin-top:3px}.form-footer{padding:10px 14px 13px}

/* Usuarios: rediseño profesional */
.pagina.usuarios-v21{max-width:1160px}.usuarios-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#111d2b,#24364a);color:#fff;border-radius:15px;padding:20px 22px;margin-bottom:15px;box-shadow:0 12px 30px rgba(14,27,42,.13)}.usuarios-hero h1{font-family:Georgia,serif;margin:0;font-size:29px}.usuarios-hero p{margin:5px 0 0;color:#cbd4dc;font-size:11px}.usuarios-hero .hero-icon{width:62px;height:62px;border-radius:14px;background:linear-gradient(145deg,#b9883d,#8b5e22);display:grid;place-items:center}.usuarios-layout{display:grid;grid-template-columns:410px 1fr;gap:15px}.usuario-form-card,.usuarios-existentes-card{background:#fff;border:1px solid #e2d8cb;border-radius:12px;box-shadow:0 8px 24px rgba(50,35,23,.06);overflow:hidden}.usuario-form-head,.usuarios-lista-head{padding:15px 17px;border-bottom:1px solid #eee4d9;background:#fbf8f3}.usuario-form-head h2,.usuarios-lista-head h2{font-family:Georgia,serif;margin:0;font-size:18px}.usuario-form-head p,.usuarios-lista-head p{font-size:9px;color:#7c746c;margin:4px 0 0}.usuario-form-body{padding:15px;display:grid;gap:11px}.usuario-form-body label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#384250}.usuario-form-body input,.usuario-form-body select{height:40px;border:1px solid #ddd3c8;border-radius:8px;padding:0 10px;background:#fff;outline:0}.usuario-form-body input:focus,.usuario-form-body select:focus{border-color:#a87835;box-shadow:0 0 0 3px rgba(168,120,53,.09)}.usuario-form-section{display:flex;align-items:center;gap:8px;font-family:Georgia,serif;font-size:12px;color:#775126;border-top:1px solid #eee6dd;padding-top:10px}.rol-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rol-option input{display:none}.rol-option span{min-height:66px;border:1px solid #e3d8cc;border-radius:8px;padding:8px 6px;display:flex;flex-direction:column;justify-content:center;text-align:center;cursor:pointer;font-size:9px;color:#6b625a}.rol-option b{font-size:10px;color:#253244;margin-bottom:3px}.rol-option input:checked+span{border-color:#af7d37;background:#fff8ec;box-shadow:inset 0 0 0 1px #af7d37}.check-moderno{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;background:#f8f5f0;border-radius:8px;padding:9px}.check-moderno input{width:auto;height:auto}.usuarios-existentes{padding:10px;display:grid;gap:8px}.usuario-row{padding:10px 11px;border-radius:9px}.usuario-row .estado-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54ad40;margin-right:5px}.usuario-row.inactivo .estado-dot{background:#9c9c9c}

/* Familias */
.familia-card{box-shadow:0 6px 18px rgba(50,35,23,.05)}.familia-meta strong{color:#815524}.familia-warning{display:inline-flex;margin-top:7px;border-radius:999px;background:#fff6df;border:1px solid #ead08d;color:#815c1c;padding:3px 7px;font-size:8px}

@media(max-width:1220px){:root{--sidebar:186px;--panel:310px}.encabezado-arbol{padding-left:70px}.titulo-arbol h1{font-size:34px}.titulo-arbol h2{font-size:13px}.buscador{width:210px}.cuenta-boton{min-width:125px}.franja-inferior{grid-template-columns:1fr 270px}.panel-lateral{width:310px}.usuarios-layout{grid-template-columns:380px 1fr}}
@media(max-width:1000px){.cuenta-superior{display:none}.campana-superior{display:none}.encabezado-arbol{padding-left:64px}.titulo-arbol h1{font-size:31px}.titulo-arbol h2{font-size:11px}.franja-inferior{grid-template-columns:1fr 240px}.usuarios-layout{grid-template-columns:1fr}}
@media(max-width:900px){:root{--sidebar:240px}.barra{width:240px}.marca{height:160px}.marca img{height:142px;width:112px}.instalar-sidebar{margin-top:8px}.pantalla-arbol{height:calc(100vh - 62px);grid-template-rows:85px 53px 1fr 0 0}.encabezado-arbol{padding:9px 8px 8px 58px}.cabecera-escena{opacity:.45}.titulo-arbol h1{font-size:27px}.titulo-arbol h2{font-size:9px}.titulo-arbol i{display:none}.buscador{display:none}.toolbar-arbol{padding:7px 8px;overflow-x:auto}.leyenda{display:none}.franja-inferior,.pie-arbol{display:none}.arbol-area{margin:0;border-radius:0}.panel-lateral{top:0;right:0;bottom:62px;width:min(430px,100%);border-radius:0}.usuarios-hero{margin-top:0}.usuarios-layout{grid-template-columns:1fr}.usuario-dropdown{position:fixed;left:12px;right:12px;bottom:72px;width:auto}.usuario-dropdown.superior{display:none}}
@media(max-width:560px){.titulo-arbol h1{font-size:23px}.titulo-arbol h2{font-size:8px;letter-spacing:.15em}.acciones-cabecera .boton-agregar{width:42px;padding:0}.acciones-cabecera .boton-agregar .txt{display:none}.toolbar-grupo .boton .txt{display:none}.nodo{width:170px;height:90px}.nodo .foto{width:51px;height:51px;flex-basis:51px}.nodo strong{font-size:12px}.usuarios-hero{padding:16px}.usuarios-hero .hero-icon{display:none}.rol-cards{grid-template-columns:1fr}.pagina.usuarios-v21{padding-top:70px}}
.sin-etiquetas .nodo em{display:none}

/* ===== V2.2 — más espacio para el árbol / herramientas compactas ===== */
.pantalla-arbol{grid-template-rows:104px minmax(0,1fr) 122px 54px}
.toolbar-arbol{display:none!important}
.herramientas-superior{position:relative;z-index:30;flex:0 0 auto}
.herramientas-superior>summary{list-style:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#162334;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(12,22,34,.14)}
.herramientas-superior>summary::-webkit-details-marker{display:none}
.herramientas-superior[open]>summary{background:#a7772e;border-color:#bd9559}
.herramientas-menu{position:absolute;right:0;top:49px;width:250px;padding:8px;background:#fffdf9;border:1px solid #ddd2c5;border-radius:10px;box-shadow:0 18px 42px rgba(18,25,33,.2);display:grid;gap:4px;color:#1b2735}
.herramientas-titulo{padding:7px 8px 9px;border-bottom:1px solid #eee5da;margin-bottom:2px}
.herramientas-titulo strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:13px}
.herramientas-titulo small{display:block;margin-top:3px;color:#786e64;font-size:9px;line-height:1.25}
.herramienta-item{width:100%;min-height:38px;border:0;background:transparent;border-radius:7px;padding:0 9px;display:flex;align-items:center;gap:9px;color:#1c2a3b;cursor:pointer;text-align:left;font-size:11px}
.herramienta-item:hover{background:#f2ede5}
.herramienta-zoom{height:38px;display:grid;grid-template-columns:42px 1fr 42px;border:1px solid #e0d5c7;border-radius:7px;overflow:hidden;background:#fff;margin:3px 0}
.herramienta-zoom button{border:0;background:#fff;cursor:pointer;font-size:18px;color:#293546}
.herramienta-zoom span{display:grid;place-items:center;border-left:1px solid #ece4da;border-right:1px solid #ece4da;font-size:11px;font-weight:600}
.herramienta-toggle{min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:11px;cursor:pointer}
.herramienta-toggle input{display:none}
.herramienta-toggle>span{position:relative;width:32px;height:18px;border-radius:999px;background:#d3d8dc;transition:.2s}
.herramienta-toggle>span::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:2px;top:2px;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:.2s}
.herramienta-toggle input:checked+span{background:#2385db}
.herramienta-toggle input:checked+span::after{transform:translateX(14px)}
.herramienta-leyenda{display:flex;gap:12px;padding:8px 9px 5px;border-top:1px solid #eee5da;margin-top:2px;color:#626a71}
.herramienta-leyenda b{font-size:9px;font-weight:500;display:flex;align-items:center;gap:5px}
.herramienta-leyenda .leyenda-line{width:22px}

/* Cabecera auténtica: Invercauld House + tartán Farquharson moderno */
.cabecera-escena{background-image:linear-gradient(90deg,rgba(248,243,235,.97) 0%,rgba(248,243,235,.72) 31%,rgba(248,243,235,.28) 52%,rgba(16,27,38,.06) 73%),url('../img/cabecera-castillo.jpg');background-size:auto 100%,67% 100%;background-position:left top,48% 53%}
.cabecera-escena::after{width:31%;opacity:.96;background-color:#101b28;background-image:linear-gradient(90deg,rgba(11,22,34,.18),rgba(11,22,34,.04)),url('../img/tartan-farquharson.jpg');background-size:100% 100%,206px 139px;background-repeat:no-repeat,repeat;background-position:center,center;mix-blend-mode:normal;box-shadow:inset 18px 0 30px rgba(8,17,25,.25)}

@media(max-width:1100px){.herramientas-menu{right:-10px}.herramientas-superior>summary{width:40px;height:40px}}
@media(max-width:900px){.pantalla-arbol{grid-template-rows:85px minmax(0,1fr)}.herramientas-superior{display:block}.herramientas-superior>summary{width:39px;height:39px}.herramientas-menu{position:fixed;right:10px;top:60px;width:min(270px,calc(100vw - 20px));z-index:150}.cabecera-escena::after{width:36%;opacity:.55}}
@media(max-width:560px){.pantalla-arbol{grid-template-rows:82px minmax(0,1fr)}.herramientas-superior>summary{width:38px;height:38px}.herramientas-menu{top:56px}.acciones-cabecera{gap:5px}}

/* ===== V2.3 — actividades recientes + más espacio + imágenes aportadas ===== */
.pantalla-arbol{grid-template-rows:104px minmax(0,1fr) 40px}
.pie-arbol{height:40px}
.franja-inferior{display:none!important}

/* Actividades recientes: la campana abre un panel real con el historial. */
.actividad-superior{position:relative;z-index:31;flex:0 0 auto}
.actividad-superior>summary{list-style:none}
.actividad-superior>summary::-webkit-details-marker{display:none}
.actividad-superior[open]>.campana-superior{background:#a7772e;border-color:#bd9559}
.actividad-dropdown{position:absolute;right:0;top:50px;width:330px;max-height:430px;background:#fffdf9;border:1px solid #ddd2c5;border-radius:11px;box-shadow:0 20px 48px rgba(13,24,37,.24);overflow:hidden;color:#172232}
.actividad-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px 11px;border-bottom:1px solid #ece3d8;background:linear-gradient(180deg,#fffdf9,#fbf6ee)}
.actividad-head strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:14px}
.actividad-head small{display:block;margin-top:3px;color:#7b7269;font-size:9px}
.actividad-head>span{min-width:25px;height:25px;border-radius:999px;background:#132235;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700}
.actividad-lista{max-height:350px;overflow:auto;padding:6px}
.actividad-item{display:grid;grid-template-columns:13px 1fr;gap:7px;padding:9px 8px;border-radius:8px}
.actividad-item:hover{background:#f4efe8}
.actividad-punto{width:7px;height:7px;border-radius:50%;background:#a87835;margin-top:5px;box-shadow:0 0 0 3px #f3e7d5}
.actividad-item strong{display:block;font-size:10px;color:#172232;line-height:1.25}
.actividad-item b{display:block;margin-top:2px;font-family:Georgia,"Times New Roman",serif;font-size:10px;color:#765026;font-weight:600}
.actividad-item small{display:block;margin-top:4px;color:#837a72;font-size:8.5px}
.actividad-vacia{padding:22px 12px;text-align:center;color:#857c73;font-size:10px}

/* Cabecera: castillo y tartán enviados por el usuario. */
.cabecera-escena{
  background-image:linear-gradient(90deg,rgba(248,243,235,.98) 0%,rgba(248,243,235,.78) 25%,rgba(248,243,235,.24) 51%,rgba(12,24,36,.04) 71%),url('../img/cabecera-castillo-v23.jpg');
  background-size:auto 100%,cover;
  background-repeat:no-repeat,no-repeat;
  background-position:left top,center 48%;
}
.cabecera-escena::after{
  width:31%;opacity:.98;background-color:#071b24;
  background-image:linear-gradient(90deg,rgba(9,22,31,.20),rgba(9,22,31,.03)),url('../img/tartan-farquharson-v23.png');
  background-size:100% 100%,230px 230px;
  background-repeat:no-repeat,repeat;
  background-position:center,center;
  mix-blend-mode:normal;
  box-shadow:inset 20px 0 34px rgba(5,15,25,.27)
}

@media(max-width:1000px){.actividad-superior{display:none}}
@media(max-width:900px){.pantalla-arbol{grid-template-rows:85px minmax(0,1fr)}.pie-arbol{display:none}.cabecera-escena::after{width:36%;opacity:.62}}
@media(max-width:560px){.pantalla-arbol{grid-template-rows:82px minmax(0,1fr)}}
@media(max-width:1000px){
  .actividad-superior{display:block}
  .actividad-superior .campana-superior{display:grid;width:39px;height:39px}
  .actividad-dropdown{position:fixed;right:10px;top:60px;width:min(330px,calc(100vw - 20px));z-index:160}
}
@media(max-width:560px){
  .actividad-superior .campana-superior{width:38px;height:38px}
  .actividad-dropdown{top:56px}
}