:root{--ink:#172b33;--muted:#66777d;--line:#334349;--paper:#fff;--canvas:#e8edef;--teal:#117f95;--teal-soft:#e8f5f7;--border:#cbd6d9;--shadow:0 8px 24px rgba(28,48,55,.10);--dalmau:#22a5c8;--castanon:#96ad16;--leon:#e15d4f;--huidobro:#d5a900;--root:#187b91}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);background:#f7f9f9;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:#08758c;text-decoration:none}a:hover{text-decoration:underline}.topbar{height:74px;display:flex;align-items:center;gap:30px;padding:0 22px;background:#fff;border-bottom:1px solid #d8e0e2;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;min-width:330px;color:#0e3440;font-size:16px;font-weight:800}.brand:hover{text-decoration:none}.brand small{display:block;color:#71838a;font-size:11px;font-weight:500;letter-spacing:.05em}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--teal);color:#fff;font-size:23px}.main-nav{display:flex;align-self:stretch;align-items:center;gap:5px}.main-nav a,.main-nav button{border:0;background:transparent;color:#203139;padding:11px 14px;border-radius:8px;cursor:pointer;white-space:nowrap}.main-nav a.active,.main-nav button:hover,.main-nav a:hover{background:var(--teal-soft);color:#06677c;text-decoration:none}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.old-site-link{white-space:nowrap}.quiet-link{color:#5e6f75}.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid #aebdc1;border-radius:8px;background:#fff;color:#18333c;font-weight:700;cursor:pointer}.button:hover{text-decoration:none;background:#f3f7f8}.button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.workspace-toolbar{height:80px;padding:0 22px;display:flex;align-items:center;gap:20px;background:#f9fbfb;border-bottom:1px solid #cad5d8;position:relative;z-index:10}.focus-title{min-width:360px}.focus-title span,.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#677b82}.focus-title strong{font-size:18px}.tree-controls{margin-left:auto;display:flex;align-items:center;gap:10px}.select-control,.range-control,.zoom-control{height:42px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #c4d1d5;border-radius:9px;background:#fff}.select-control span,.range-control span{font-size:12px;color:#697b81}.select-control select{border:0;background:transparent;font-weight:700;outline:0}.range-control input{width:150px;accent-color:var(--teal)}.zoom-control{padding:0}.zoom-control button{height:40px;width:40px;border:0;border-right:1px solid #d0dadd;background:#fff;cursor:pointer;font-size:18px}.zoom-control button:last-child{border:0;border-left:1px solid #d0dadd}.zoom-control output{min-width:53px;text-align:center;font-size:12px;font-weight:800}.tree-workspace{height:calc(100vh - 184px);min-height:560px;background:var(--canvas);position:relative;overflow:hidden}.branch-legend{position:absolute;left:18px;top:18px;z-index:5;display:flex;flex-wrap:wrap;gap:7px 16px;max-width:520px;padding:11px 13px;border:1px solid #c9d4d7;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 3px 10px rgba(29,47,53,.06);font-size:11px}.branch-legend span{display:flex;align-items:center;gap:6px}.branch-legend i{width:9px;height:9px;border-radius:50%}.branch-legend .dalmau{background:var(--dalmau)}.branch-legend .castanon{background:var(--castanon)}.branch-legend .leon{background:var(--leon)}.branch-legend .huidobro{background:var(--huidobro)}.depth-note{position:absolute;right:18px;top:18px;z-index:5;padding:9px 12px;border:1px solid #e5c758;border-radius:8px;background:#fff6ce;color:#68550a;font-size:12px}.tree-viewport{width:100%;height:100%;overflow:auto;padding:76px 28px 50px;scrollbar-color:#87999f transparent}.loading{display:grid;place-items:center;height:100%;color:#66777d}.statusbar{position:fixed;left:50%;bottom:10px;z-index:30;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:6px 14px;border:1px solid #ccd7da;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 4px 14px rgba(25,45,52,.12);font-size:10px;color:#6c7e84;white-space:nowrap}.status-dot{width:9px;height:9px;border-radius:50%;background:#5dc195;box-shadow:0 0 0 4px #e3f5ed}
/* Abanico */
.fan-stage{min-width:900px;min-height:640px;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:50% 65%}.fan-svg{display:block;width:min(1160px,94vw);height:auto;max-height:calc(100vh - 220px);overflow:visible;filter:drop-shadow(0 8px 14px rgba(24,44,50,.05))}.fan-ring{fill:none;stroke:#c9d4d6;stroke-width:2}.fan-segment{cursor:pointer;transition:filter .15s,opacity .15s}.fan-segment:hover{filter:brightness(.96);opacity:.92}.fan-segment path{stroke-width:3}.fan-segment text{pointer-events:none}.fan-first{font-weight:750;fill:#182f37}.fan-last{font-weight:650;fill:#29434c}.fan-life{fill:#64777d}.root-node{cursor:pointer}.root-node circle{fill:#fff;stroke:var(--root);stroke-width:6}.root-node .fan-first{font-size:22px}.fan-empty{fill:#f9fbfb;stroke:#b9c7ca;stroke-dasharray:5 5}
/* Árbol por columnas */
.column-tree-stage{position:relative;margin:auto;min-height:620px;transform-origin:50% 50%}.tree-columns{position:relative;z-index:2;display:flex;align-items:stretch;gap:42px;min-width:max-content;height:100%;padding:18px 28px}.tree-column{width:268px;display:flex;flex-direction:column;justify-content:space-evenly;gap:20px}.tree-column>h2{height:22px;margin:0;text-align:center;font-size:10px;letter-spacing:.12em;color:#61767d;text-transform:uppercase}.tree-column-cards{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:18px}.person-card{position:relative;display:block;width:268px;min-height:105px;padding:14px 14px 11px 58px;border:1px solid #bdcbcf;border-left:5px solid var(--branch);border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 5px 15px rgba(28,49,56,.09)}.person-card:hover{text-decoration:none;box-shadow:0 8px 20px rgba(28,49,56,.16)}.person-card.focus{outline:3px solid rgba(17,127,149,.28)}.card-avatar{position:absolute;left:12px;top:14px;display:grid;place-items:center;width:34px;height:34px;border:2px solid #bfe5ed;border-radius:50%;background:#eef9fb;color:#08758c;font-size:11px;font-weight:800}.card-avatar.female{border-color:#f0c5d5;background:#fcf0f5;color:#a63767}.name-first,.name-last{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-first{font-weight:780;font-size:12px}.name-last{font-weight:680;font-size:11px;margin-top:1px}.card-life{display:block;margin-top:3px;color:#64767c;font-size:10px}.card-actions{display:flex;gap:11px;margin:10px -14px -11px -58px;padding:7px 10px;border-top:1px solid #dde4e6;color:#476069;font-size:9px}.card-actions button{margin-left:auto;border:0;background:transparent;color:#126f83;cursor:pointer;padding:0}.connector-lines{position:absolute;inset:0;z-index:1;overflow:visible;pointer-events:none}.connector-lines path{fill:none;stroke:var(--line);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.tree-empty{margin:auto;padding:32px;border:1px dashed #9baeb3;border-radius:12px;background:#fff;text-align:center;color:#61747a}
.column-tree-canvas{position:absolute;left:0;top:0;transform-origin:0 0}
/* Lista de personas */
.people-dialog{width:min(620px,94vw);max-height:80vh;border:0;border-radius:14px;padding:22px;box-shadow:0 24px 70px rgba(18,40,48,.28)}.people-dialog::backdrop{background:rgba(17,37,44,.38)}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.search-box{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #bdcbd0;border-radius:9px}.search-box input{width:100%;height:42px;border:0;outline:0}.people-list{margin-top:14px;max-height:58vh;overflow:auto}.people-list a{display:flex;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid #e1e7e9;color:var(--ink)}.people-list small{color:#6b7b81}
/* Ficha personal */
.person-page{max-width:1320px;margin:auto;padding:28px 20px 60px}.person-hero{display:flex;align-items:center;gap:22px;padding:18px 10px 28px;border-bottom:5px solid #8a123f}.person-hero h1{margin:3px 0 0;font:800 30px/1.15 Georgia,serif}.person-hero p{margin:5px 0 13px;color:#4e6269}.profile-avatar{width:92px;height:92px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;overflow:hidden;background:#d9f1f5;color:#08758c;font-size:34px;font-weight:800}.profile-avatar.female{background:#fae0ea;color:#a81f59}.profile-avatar img{width:100%;height:100%;object-fit:cover}.hero-actions{display:flex;gap:8px}.profile-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:12px;margin-top:14px}.panel{padding:17px;background:#fff;border:1px solid #cbd5d8;border-radius:10px;box-shadow:0 3px 10px rgba(30,50,56,.04);margin-bottom:12px}.panel h2{margin:0 0 16px;font:800 21px/1.2 Georgia,serif}.panel h3{margin:0 0 3px;font-size:13px}.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 38px}.facts-grid article{min-height:62px}.facts-grid p{margin:0}.age-badge{display:inline-block;margin-left:7px;padding:2px 7px;border-radius:12px;background:#e6f3f5;color:#0d6c7e;font-size:10px;font-weight:800}.biography{margin-top:18px;padding-top:14px;border-top:1px solid #dde4e6}.family-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.relation-card{display:flex;align-items:center;gap:9px;padding:9px;margin:7px 0;border:1px solid #d1dbde;border-radius:8px;color:var(--ink)}.relation-card:hover{text-decoration:none;background:#f5f9f9}.relation-card strong,.relation-card small{display:block}.relation-card strong{font-size:12px}.relation-card small{font-size:10px;color:#6d7d82}.mini-avatar{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e4f5f8;color:#08758c;font-size:10px;font-weight:800}.mini-avatar.female{background:#fae7ef;color:#a83464}.spouse-entry>p{margin:-4px 5px 12px;font-size:11px;color:#52676e}.empty{color:#7a898e;font-style:italic}.editor{margin-top:15px;border-top:1px solid #d7e0e2;padding-top:12px}.editor summary{color:#06758b;font-weight:750;cursor:pointer}.editor form{margin-top:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .wide{grid-column:1/-1}label{display:block;font-size:11px;font-weight:750;color:#4d6269}input,select,textarea{width:100%;margin-top:4px;border:1px solid #b8c7cb;border-radius:7px;background:#fff;padding:9px 10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(17,127,149,.12)}label.check{display:flex;align-items:center;gap:7px;margin-top:20px}.check input{width:auto;margin:0}.editor .button{margin-top:8px}.profile-side .editor form{display:grid;gap:9px}.source-card,.note-card{padding:10px 0;border-bottom:1px solid #e0e6e8}.source-card strong,.source-card small{display:block}.source-card small{color:#77878c}.source-card p,.note-card p{font-size:12px}.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.memory-card{min-height:88px;padding:10px;border:1px solid #d0dadd;border-radius:8px;background:#f9fbfb}.memory-card span,.memory-card strong,.memory-card small{display:block}.memory-card span{font-size:20px}.memory-card strong{color:#203941;font-size:11px}.memory-card small{color:#74858b;font-size:9px}.timeline article{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #e0e6e8}.timeline time{font-weight:800;color:#0b7488}.timeline p{margin:2px 0}.change{border-bottom:1px solid #e2e7e9;padding:8px 0;font-size:11px}.change small{display:block;color:#7c8b90}.toast{position:fixed;right:20px;top:86px;z-index:40;padding:12px 16px;border-radius:8px;box-shadow:var(--shadow)}.toast.success,.alert.success{background:#e4f5ec;color:#176b49}.toast.error,.alert.error{background:#fde9e7;color:#9f2d27}.page-footer{display:flex;justify-content:center;gap:25px;padding:24px;border-top:1px solid #d7dfe1;background:#fff}.login-page{display:grid;place-items:center;min-height:100vh;background:#e9eef0}.login-card{width:min(430px,92vw);padding:30px;border:1px solid #c7d2d5;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.login-card .brand{min-width:0}.login-card h1{margin-top:28px}.login-card form{display:grid;gap:14px;margin:20px 0}.alert{padding:10px;border-radius:8px}
@media(max-width:1050px){.topbar{gap:12px}.brand{min-width:240px}.main-nav a:nth-child(n+3){display:none}.old-site-link{display:none}.workspace-toolbar{height:auto;min-height:90px;align-items:flex-start;padding-top:12px;flex-direction:column}.tree-controls{margin:0 0 12px;width:100%;flex-wrap:wrap}.tree-workspace{height:calc(100vh - 238px)}.profile-grid{grid-template-columns:1fr}.family-columns{grid-template-columns:1fr 1fr}.statusbar a{display:none}}
@media(max-width:680px){.topbar{height:auto;min-height:68px;padding:10px 12px}.brand{min-width:0}.brand small{display:none}.main-nav{display:none}.workspace-toolbar{padding:10px 12px}.focus-title{min-width:0}.focus-title strong{font-size:15px}.range-control{order:3;width:100%}.range-control input{flex:1}.tree-workspace{height:calc(100vh - 228px)}.branch-legend{display:none}.depth-note{left:10px;right:10px}.tree-viewport{padding:58px 10px 50px}.fan-stage{min-width:720px}.statusbar{max-width:94vw;overflow:hidden}.statusbar span:nth-of-type(n+3){display:none}.person-page{padding:14px 10px 50px}.person-hero{align-items:flex-start}.person-hero h1{font-size:24px}.profile-avatar{width:68px;height:68px}.facts-grid,.form-grid,.family-columns{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.memory-grid{grid-template-columns:1fr}}