:root{--bg:#fff;--surface:#fff;--surface-2:#faf7f6;--border:#e8dedd;--border-soft:#f0e9e8;--text:#2b2622;--text-2:#6f6763;--text-3:#a09892;--accent:#733c3f;--accent-bg:#f6eeee;--accent-text:#5a2f31;--radius:10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5}.app-header{padding:2.25rem 2rem 1.25rem;max-width:1000px;margin:0 auto;text-align:center}.wordmark{font-size:26px;font-weight:700;letter-spacing:.28em;text-indent:.28em;color:var(--accent);margin:0 0 4px;text-transform:uppercase}.app-header .bajada{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);margin:0}.app-main{max-width:1000px;margin:0 auto;padding:0 2rem 4rem}.titulo-modulo{font-size:24px;font-weight:700;letter-spacing:.02em;color:var(--accent);margin:0 0 1.6rem}.tarjeta-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.tarjeta{display:flex;flex-direction:column;min-height:168px;padding:1.25rem 1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:inherit;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.tarjeta-nombre{font-size:19px;font-weight:700;line-height:1.28;letter-spacing:-.01em;color:var(--text);margin:0 0 .45rem;text-wrap:balance}.tarjeta-desc{font-size:13.5px;color:var(--text-2);margin:0}.tarjeta-pendiente{margin:auto 0 0;padding-top:.8rem;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}a.tarjeta:focus-visible,a.tarjeta:hover{border-color:var(--accent);background:var(--accent-bg)}a.tarjeta:focus-visible .tarjeta-nombre,a.tarjeta:hover .tarjeta-nombre{color:var(--accent)}a.tarjeta:focus-visible .tarjeta-desc,a.tarjeta:hover .tarjeta-desc{color:var(--accent-text)}.tarjeta.pendiente{background:var(--surface-2);border-style:dashed;cursor:default}.tarjeta.pendiente .tarjeta-nombre{color:var(--text-3);font-weight:600}.tarjeta.pendiente .tarjeta-desc{color:var(--text-3)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:var(--surface-2);font-weight:600;color:var(--accent);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}td,th{padding:10px 12px}td{border-top:1px solid var(--border-soft)}input,select{font-size:13px;padding:6px 9px;border:1px solid var(--border);border-radius:6px;font-family:inherit;background:var(--surface);color:var(--text)}input:focus,select:focus{outline:2px solid var(--accent-bg);border-color:var(--accent)}button{font-size:13px;padding:8px 14px;border-radius:8px;font-family:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text)}button.primary,button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#fff}button.primary:hover{background:var(--accent-text);border-color:var(--accent-text)}button.danger{color:#b3261e;border-color:#eecbc7;background:#fdf2f0}a.back{font-size:13px;color:var(--text-2);text-decoration:none;display:inline-block;margin-bottom:1rem}a.back:hover{color:var(--accent)}.form-row{display:flex;gap:8px;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.error{color:#b3261e;font-size:13px;margin:.5rem 0}.subtle{color:var(--text-2);font-size:13px}@media (max-width:900px){.tarjeta-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.tarjeta-grid{grid-template-columns:1fr}.tarjeta{min-height:0}.app-main{padding:0 1.25rem 3rem}}.grafico{border:1px solid var(--border);border-radius:12px;padding:1rem;background:var(--surface)}.grafico svg{width:100%;height:auto;display:block}.grafico-grilla{stroke:var(--border-soft);stroke-width:1}.grafico-eje{font-size:10px;fill:var(--text-3);font-family:inherit}.grafico svg circle{cursor:pointer}.grafico-pie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-top:.6rem}.grafico-leyenda{display:flex;flex-wrap:wrap;gap:.25rem 1rem;font-size:12.5px;color:var(--text-2)}.grafico-leyenda span{display:inline-flex;align-items:center;gap:6px}.grafico-leyenda i{width:10px;height:10px;border-radius:2px;display:inline-block}.grafico-tooltip{margin:0;font-size:12.5px;color:var(--text-2);min-height:1.2em}.panel-fondo{position:fixed;inset:0;background:rgba(43,38,34,.35);z-index:40}.panel-pila{position:fixed;inset:0;z-index:41;display:flex;justify-content:flex-end;pointer-events:none}.panel{pointer-events:auto;background:var(--surface);border-left:1px solid var(--border);box-shadow:-8px 0 24px rgba(43,38,34,.12);width:min(620px,92vw);padding:1.5rem;overflow-y:auto;margin-left:-560px}.panel:last-child{margin-left:0}.panel-cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-cabecera h3{margin:0;font-size:18px;color:var(--accent)}.aviso{background:var(--surface-2);border-left:3px solid var(--accent);padding:.8rem 1rem;margin:0 0 1rem;font-size:13px;color:var(--text-2)}.aviso ul{margin:.4rem 0 0;padding-left:1.1rem}.aviso b{color:var(--text)}@media print{.app-header,.back,.grafico-tooltip,button,input,select{display:none!important}body{background:#fff}.app-main{max-width:none;padding:0}.card,.grafico,table{page-break-inside:avoid;break-inside:avoid}a[href]:after{content:""}}