:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1c3044;background:#f6f3f9;font-size:15px}*{box-sizing:border-box}body{margin:0}aside{position:fixed;inset:0 auto 0 0;width:252px;background:#51247a;color:white;padding:28px 20px;display:flex;flex-direction:column}.brand strong{display:block;font-size:21px;margin-top:12px}.brand small,.account small{display:block;color:#b2c8d5;margin-top:6px}.mark{font-size:33px;color:#ffb700}nav{margin-top:35px;display:grid;gap:5px}nav a{padding:11px 14px;color:#c9dbe7;text-decoration:none;border-radius:8px}nav a:hover,nav a.active{background:#6b3895;color:white}nav a.active{border-left:3px solid #ffb700}.account{margin-top:auto;padding-top:25px}.account button{margin-top:15px}main{margin-left:252px;padding:42px;max-width:1600px}.auth{margin:70px auto;max-width:650px}.eyebrow{font-size:11px;letter-spacing:2px;color:#51247a;font-weight:750}h1{font-size:34px;margin:8px 0}header>p:last-child{color:#647787}header{margin-bottom:30px}h2{font-size:19px}small,.muted{color:#718191;font-size:12px}.card{background:white;border:1px solid #e2e9ef;border-radius:12px;padding:22px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}.stats strong{display:block;font-size:29px;margin:15px 0}.stats span{color:#647787}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;padding-top:20px}.auth .form{grid-template-columns:1fr}.form label{display:grid;gap:8px;font-size:13px;font-weight:600}input,select{border:1px solid #cdd8e1;background:white;color:#203b4c;border-radius:7px;padding:11px;font:inherit;width:100%}input:focus,select:focus{outline:2px solid #ffb700}button,.button{background:#0065a6;color:white;border:none;border-radius:7px;padding:12px 18px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block;align-self:end}.secondary{background:#e8eff3;color:#234354}summary{cursor:pointer;font-weight:650;color:#0065a6}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.toolbar form{display:flex;gap:10px;align-items:end}.table{overflow-x:auto;border:1px solid #e1e8ed;border-radius:10px;margin:18px 0;background:white}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #e9eef2;vertical-align:top}th{font-size:12px;background:#eef4f7;color:#536b7c;white-space:nowrap}td{font-size:13px}.alert{background:#eee6f8;color:#51247a;padding:16px;border-radius:8px}.error{background:#ffe9e5;color:#8f3326}.chips{display:flex;flex-wrap:wrap;gap:8px;max-height:160px;overflow:auto}.chips a{background:#eee6f8;padding:8px;border-radius:5px;color:#51247a;text-decoration:none}.check{display:flex!important;align-items:center}.check input{width:auto}footer{color:#8795a0;font-size:12px;margin-top:45px}@media(max-width:850px){aside{position:static;width:auto;padding:20px}.brand small,.account small{display:none}nav{display:flex;overflow:auto;margin-top:18px}nav a{white-space:nowrap}.account{display:flex;align-items:center;gap:15px;padding-top:12px}.account button{margin:0}main{margin:0;padding:22px}.auth{margin:20px auto}.toolbar form{flex-wrap:wrap}h1{font-size:28px}}@media print{aside,.toolbar,details,.chips,footer{display:none}main{margin:0;padding:0}.table{overflow:visible}th,td{padding:6px;font-size:10px}.card{break-inside:avoid}body{background:white}}
/* Ficha de membresía v0.2 */
.membership h2{margin-top:0}.membership-form fieldset{min-width:0;border:1px solid #dfe8ed;border-radius:9px;padding:16px;margin:18px 0}.membership-form legend{padding:0 8px;font-weight:650;font-size:14px}.membership-form .form{padding-top:4px;grid-template-columns:repeat(2,minmax(0,1fr))}.membership-extra{padding:16px;border:1px solid #dfe8ed;border-radius:9px}.membership-extra .form{padding-top:18px}.notes-field{display:grid;gap:8px;font-weight:600;font-size:13px;margin-top:18px}textarea{font:inherit;width:100%;border:1px solid #cdd8e1;border-radius:7px;padding:11px;resize:vertical}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.membership input,.membership select,.membership textarea{font-size:16px;min-height:44px}.membership-extra summary{min-height:30px}@media(max-width:600px){.membership-form .form{grid-template-columns:1fr}.membership{padding:16px}.membership-form fieldset{padding:12px}.form-actions button,.form-actions a{width:100%;text-align:center}}@media print{.membership{display:none}}

/* Usuarios, permisos y certificados v0.3 */
.permission-check{display:flex;justify-content:center;align-items:center;min-height:40px}.permission-check input{width:22px;height:22px;accent-color:#0065a6;cursor:pointer}.permission-check input:disabled{cursor:default}.permission-table th:not(:first-child),.permission-table td:not(:first-child){text-align:center}.block{display:block;margin:5px 0 10px}.reset-permissions{margin-top:16px}.certificate-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px}.certificate-links .card{margin-bottom:0}.certificate-links .button{font-size:13px;padding:10px 12px}.certificate-form input,.certificate-form select{font-size:16px}@media(max-width:600px){.certificate-form{grid-template-columns:1fr}.permission-table th{white-space:normal;min-width:100px}.permission-table th:first-child{min-width:160px}}

/* Colores cuadrangulares y documentos v0.4 */
:root{--red:#ed1c16;--blue:#0065a6;--gold:#ffb700;--purple:#51247a}aside{overflow-y:auto;border-top:6px solid var(--red)}.brand-logo{height:64px;width:64px;object-fit:contain;background:white;border-radius:10px;padding:5px}nav{margin-top:20px}nav a{padding:8px 12px}nav a.active{border-left-color:var(--gold)}header{border-top:4px solid var(--gold);padding-top:16px}.stats .card:nth-child(4n+1){border-top:4px solid var(--red)}.stats .card:nth-child(4n+2){border-top:4px solid var(--blue)}.stats .card:nth-child(4n+3){border-top:4px solid var(--gold)}.stats .card:nth-child(4n){border-top:4px solid var(--purple)}.brand small,.account small{color:#eee1fb}nav a{color:#f0e9f8}.full-width{grid-column:1/-1}.letter-form textarea{width:100%;padding:12px;font:inherit;border:1px solid #cdd8e1;border-radius:7px}.letter-form fieldset{min-width:0;border:1px solid #ddd;border-radius:8px}.import-check{width:20px;height:20px;accent-color:var(--purple)}.document-list .button{font-size:12px;padding:8px 12px;white-space:nowrap}.auth header{border-image:linear-gradient(to right,var(--red) 25%,var(--blue) 25%,var(--blue) 50%,var(--gold) 50%,var(--gold) 75%,var(--purple) 75%) 1}.block{display:block}@media(max-width:850px){aside{overflow:visible}nav{margin-top:12px}.brand-logo{height:48px;width:48px}}