:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080f1d;color:#e6f0ff}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:255px;flex-shrink:0;background:#101d30;border-right:1px solid #263955;position:sticky;top:0;height:100vh;padding:28px 20px;display:flex;flex-direction:column}.logo{text-decoration:none;color:#dceeff;font-size:21px;letter-spacing:.6px}.logo small{font-size:10px;color:#90bfdc;padding-left:4px}aside>p{color:#708eac;font-size:10px;letter-spacing:1.5px;margin-top:40px}nav{display:grid;gap:5px}nav button{width:100%;background:transparent;border:0;color:#9ab2ca;text-align:left;border-radius:9px;padding:14px 12px;cursor:pointer;font-size:13px}nav button:hover,nav button.selected{color:#fff;background:#1a3552}.asidefoot{margin-top:auto;font-size:12px;color:#7892ac;line-height:1.6}.asidefoot a{color:#a0d4ff;text-decoration:none}main{max-width:1240px;width:100%;padding:38px clamp(20px,5vw,58px);margin:auto;align-self:stretch}header{display:flex;justify-content:space-between;gap:16px;align-items:center}h1{font-size:clamp(24px,3vw,36px);letter-spacing:-.6px;margin:6px 0}header p{color:#a1b4c7;margin:4px 0}.eyebrow{color:#65bbef;font-size:11px;font-weight:700;letter-spacing:1.8px}.identity{font-size:12px;color:#a1b4c7;border-radius:14px;background:#14273e;padding:12px}.status{padding:12px 16px;margin:22px 0;border:1px solid #334e67;background:#14273e;border-radius:11px;color:#bdd9ed;font-size:13px}.status.error{border-color:#e18984;color:#ffbcb6}.status.success{border-color:#36987e;color:#abf7de}.orgbar{display:flex;gap:12px;align-items:center;background:#112238;padding:14px 18px;border:1px solid #263d59;border-radius:14px;margin-bottom:25px}.orgbar label{font-size:12px;color:#bed8ec}.orgbar span{margin-left:auto;color:#83b6dc;text-transform:uppercase;font-size:11px;letter-spacing:.7px}select,input,textarea{background:#0a192a;color:#eef5ff;border:1px solid #405a78;border-radius:9px;padding:11px;width:100%;font:inherit;font-size:13px}select{min-width:150px;max-width:390px}textarea{min-height:105px;resize:vertical}input::placeholder,textarea::placeholder{color:#7b90a8}button{font:inherit}button.btn{border:1px solid #3688bc;color:#e4f7ff;padding:11px 17px;border-radius:9px;background:#1a567e;cursor:pointer;font-size:13px}button.btn.ghost{background:transparent;border-color:#465e79;color:#c6d9eb}button.btn.danger{background:#652a39;border-color:#b65b71}.btn:disabled{opacity:.5;cursor:not-allowed}.layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:18px}.card{border:1px solid #293f58;background:#101f33;border-radius:15px;padding:22px;min-width:0}.card h2{font-size:17px;margin:0 0 12px}.card h3{font-size:14px}.card p,.hint{color:#92acc5;line-height:1.6;font-size:13px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.form{display:grid;gap:10px}.form label{font-size:12px;color:#b6ccde;display:grid;gap:6px}.list{display:grid;gap:11px;margin-top:16px}.item{padding:13px;border-radius:11px;border:1px solid #2a435d;background:#0d1c30;display:flex;gap:12px;justify-content:space-between;align-items:center}.item b{font-size:13px}.item small{color:#8eaac5;font-size:11px;display:block;margin-top:4px}.pill{border:1px solid #49718e;color:#90cde9;border-radius:100px;padding:5px 9px;font-size:11px;white-space:nowrap}.secret{font:12px ui-monospace,monospace;word-break:break-all;line-height:1.8;padding:12px;border-radius:9px;background:#071221;border:1px solid #375374;user-select:all}.caution{border-left:3px solid #dba75f;background:#352b23;padding:14px;color:#ffe1b5;font-size:12px;line-height:1.5;border-radius:7px}.ok{border-left:3px solid #55ad9e;background:#173532;padding:14px;color:#baffec;font-size:12px;line-height:1.5;border-radius:7px}footer{margin-top:40px;color:#7892ac;font-size:11px;line-height:1.6}@media(max-width:720px){body{display:block}aside{height:auto;width:100%;position:static;padding:16px}.asidefoot,aside>p{display:none}nav{display:flex;overflow:auto;gap:6px;margin-top:12px}nav button{flex:0 0 auto;width:auto;padding:10px}main{padding:25px 16px}.identity{display:none}.orgbar{flex-wrap:wrap}.orgbar select{max-width:100%}}

/* V3.0.4: CRM estructurado con datos cifrados en cliente */
.crm-wide{grid-column:1/-1}.crm-columns{display:grid;grid-template-columns:minmax(270px,1fr) minmax(290px,1fr);gap:20px}.crm-details{min-width:0}.crm-details h3{margin-top:18px}.crm-details>.form{padding:12px;border:1px solid #34516c;border-radius:12px}#crmRows{max-height:590px;overflow-y:auto}@media(max-width:860px){.crm-columns{grid-template-columns:1fr}}

/* V3.2-A institution: progressive disclosure / reference-first UX */
.v32-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#15334b,#102438 75%)}
.v32-hero h2{font-size:clamp(21px,2.4vw,31px);letter-spacing:-.5px;margin:8px 0}
.v32-hero code{font-size:11px;color:#9cceeb}.v32-hero .row{margin-bottom:0}
.v32-section{background:#0b1b2d;border:1px solid #2b455e;border-radius:12px;overflow:hidden;margin:9px 0}
.v32-section summary{list-style:none;padding:17px 16px;cursor:pointer;font-weight:650;color:#dceffb;display:flex;gap:10px;align-items:center;justify-content:space-between}
.v32-section summary::-webkit-details-marker{display:none}.v32-section summary:before{content:'▸';color:#6bbddc;margin-right:3px}.v32-section[open] summary:before{content:'▾'}
.v32-section summary small{font-weight:400;color:#8ba9c5;margin-left:auto;text-align:right}
.v32-section[open] summary{border-bottom:1px solid #28445f}.v32-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:18px}
.v32-grid label{display:grid;gap:6px;font-size:12px;color:#bad2e3}.v32-grid input,.v32-grid select,.v32-grid textarea{min-width:0;max-width:none}
.v32-grid label:has(textarea){grid-column:1/-1}.v32-grid small{font-size:11px;color:#86abc7}.v32-full{grid-column:1/-1}
.v32-related{margin-top:20px}.btn-link{color:#a8dff7;text-decoration:none;border:1px solid #376684;border-radius:9px;padding:10px;white-space:nowrap;font-size:12px}
@media(max-width:740px){.v32-hero{display:block}.v32-grid{grid-template-columns:1fr}.v32-section summary small{display:none}.btn-link{display:inline-block;margin-top:12px}}
