/* ContaduríaAMO · scoped styles, responsive and accessible. */
.contaduramo{--ct-line:#dce7ee;--ct-ink:#193448;--ct-muted:#647c8a;max-width:1470px;margin:0 auto 32px;border-radius:18px;overflow:hidden;background:#f6f9fc;color:var(--ct-ink);box-shadow:0 10px 35px #08182716;border:1px solid #dbe5ec}
.contaduramo *{box-sizing:border-box}.contaduramo .cta-hero{display:flex;align-items:center;justify-content:space-between;padding:32px 38px;background:linear-gradient(114deg,#132237,#163949 58%,#1b6563);color:#fff;min-height:192px}
.contaduramo .cta-eyebrow{font-size:10px;color:#a5eddb;letter-spacing:2px;font-weight:850}
.contaduramo .cta-hero h2{font-size:clamp(30px,4vw,49px);letter-spacing:-2px;line-height:1.2;margin:14px 0 8px;font-weight:850;color:#fff}
.contaduramo .cta-hero h2 span{color:#76eabf}.contaduramo .cta-hero p{font-size:13px;color:#c6dde4;margin:0;max-width:620px;line-height:1.6}
.contaduramo .cta-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.contaduramo .cta-tags span{border:1px solid #ffffff30;border-radius:24px;color:#d8faf2;font-size:10px;background:#ffffff14;padding:6px 10px}
.contaduramo .cta-art{width:128px;height:128px;border:1px solid #7bf2c55b;border-radius:50%;display:grid;place-items:center;transform:rotate(-13deg);font-size:66px;color:#b9f9e4;line-height:1;font-weight:400;position:relative;margin-right:23px}
.contaduramo .cta-art small{position:absolute;font-size:14px;font-weight:800;bottom:21px;right:22px;letter-spacing:.6px}
.contaduramo .cta-body{padding:26px}
.contaduramo .cta-statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:15px;margin-bottom:24px}
.contaduramo .cta-stat{padding:20px;background:#fff;border:1px solid var(--ct-line);border-radius:14px}
.contaduramo .cta-stat header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}
.contaduramo .cta-stat header>b{background:#e8f8f1;color:#17725f;font-size:12px;letter-spacing:1px;padding:6px 12px;border-radius:9px}
.contaduramo .cta-stat small{font-size:10px;color:#708799}
.contaduramo .cta-stat>strong{display:block;font-size:clamp(22px,2.5vw,31px);letter-spacing:-1px;margin:6px 0 19px;overflow-wrap:anywhere}
.contaduramo .cta-statpairs{display:grid;grid-template-columns:1fr 1fr;gap:13px;border-top:1px solid #e6eef2;padding-top:13px}
.contaduramo .cta-statpairs>span{display:flex;flex-direction:column;gap:4px;color:#728797;font-size:10px}
.contaduramo .cta-statpairs b{font-size:13px;color:#2d4a5b;overflow-wrap:anywhere}
.contaduramo .cta-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:19px;align-items:start}
.contaduramo .cta-panel{border:1px solid #dfe9ee;border-radius:15px;background:white;padding:22px;margin-bottom:19px;min-width:0}
.contaduramo .cta-panel header{margin-bottom:19px}.contaduramo .cta-panel h3{font-size:18px;font-weight:800;color:#203f53;margin:0 0 5px;letter-spacing:-.3px}
.contaduramo .cta-panel header p{font-size:12px;line-height:1.6;color:#6a8090;margin:0}
.contaduramo .cta-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.contaduramo .cta-field{display:flex;flex-direction:column;gap:7px;min-width:0}.contaduramo .cta-field.cta-wide{grid-column:1/-1}
.contaduramo .cta-field>span{font-size:11px;font-weight:800;color:#536d80}
.contaduramo .cta-field input,.contaduramo .cta-field select,.contaduramo .cta-field textarea,.contaduramo .cta-filters input,.contaduramo .cta-filters select,.contaduramo .cta-reconcile input{width:100%;min-width:0;color:#253c4d;background:#f9fcfd;border:1px solid #d9e6ed;border-radius:9px;padding:10px 12px;min-height:40px;font:inherit;font-size:12px}
.contaduramo .cta-field textarea{resize:vertical;min-height:68px}
.contaduramo input:focus-visible,.contaduramo select:focus-visible,.contaduramo textarea:focus-visible,.contaduramo button:focus-visible{outline:2px solid #22b18c;outline-offset:2px}
.contaduramo .cta-formfooter{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}
.contaduramo .cta-formfooter small,.contaduramo .cta-help{font-size:11px;color:#7c90a0;line-height:1.6}
.contaduramo .cta-btn{display:inline-flex;justify-content:center;align-items:center;appearance:none;font:inherit;font-size:11px;font-weight:750;line-height:1.5;min-height:35px;border:1px solid #d0dfe5;border-radius:9px;color:#315267;background:#fff;cursor:pointer;padding:8px 12px}
.contaduramo .cta-btn.primary{background:#0a7968;color:white;border-color:#0a7968}.contaduramo .cta-btn.primary:hover{background:#066454}
.contaduramo .cta-btn:disabled{opacity:.5;cursor:wait}
.contaduramo .cta-ledger-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.contaduramo .cta-filters{display:grid;grid-template-columns:minmax(130px,2fr) minmax(130px,1fr) minmax(100px,.8fr);gap:10px;margin-bottom:15px}
.contaduramo .cta-filters label{font-size:11px;color:#60788b;font-weight:700;display:grid;gap:5px}
.contaduramo .cta-tablewrap{width:100%;overflow:auto}
.contaduramo .cta-table{width:100%;border-collapse:collapse;min-width:780px;color:#27475b;font-size:11px}
.contaduramo .cta-table th{font-size:10px;text-align:left;background:#f4f8fa;color:#6d8495;white-space:nowrap;padding:12px 8px}
.contaduramo .cta-table td{padding:13px 8px;border-bottom:1px solid #e7eef2;vertical-align:top}
.contaduramo .cta-table td>b{display:block;color:#274256;margin-bottom:5px}
.contaduramo .cta-table td small{display:block;color:#7d919d;font-size:10px;max-width:245px;overflow-wrap:anywhere;line-height:1.4}
.contaduramo .cta-money{white-space:nowrap;font-weight:850}.contaduramo .cta-type,.contaduramo .cta-pill{display:inline-flex;padding:5px 7px;border-radius:7px;font-weight:750;font-size:9px;white-space:nowrap}
.contaduramo .cta-type.expense{color:#a95520;background:#fff1e6}.contaduramo .cta-type.income{color:#0b7a58;background:#e5f7ef}
.contaduramo .cta-pill.done{color:#138061;background:#e7f8ed}.contaduramo .cta-pill.pending{color:#927235;background:#fff4da}
.contaduramo .cta-actions{display:flex;flex-wrap:wrap;gap:5px}
.contaduramo .cta-reconcile{background:#eef8f4;border:1px solid #d4e9df;border-radius:9px;padding:10px;margin-top:8px;min-width:210px}
.contaduramo .cta-reconcile label{display:grid;gap:6px;font-size:10px;font-weight:800;color:#526f79}
.contaduramo .cta-reconcile button{margin-top:8px}
.contaduramo .cta-months{display:grid;gap:13px}
.contaduramo .cta-month{display:grid;gap:6px;border-bottom:1px dashed #e3ecf1;padding-bottom:11px}
.contaduramo .cta-month b{font-size:11px;color:#3b5b69}.contaduramo .cta-month small{font-size:10px;color:#7f92a0}
.contaduramo .cta-month>div{display:flex;flex-direction:column;gap:4px}
.contaduramo .cta-bar{border-radius:4px;min-height:7px}
.contaduramo .cta-bar.expense{background:#f0a363}.contaduramo .cta-bar.income{background:#29a985}
.contaduramo .cta-steps{padding-left:21px;display:grid;gap:14px;color:#476575;font-size:12px;line-height:1.4}
.contaduramo .cta-empty,.contaduramo .cta-loading{padding:34px 18px;background:#f7fafc;text-align:center;border:1px dashed #d5e3e9;border-radius:12px;font-size:12px;color:#6d8592}
.contaduramo .cta-empty{margin-bottom:14px}
.contaduramo .cta-message{margin:16px 26px 0;border:1px solid #a5ddca;border-radius:9px;background:#e8f8ed;color:#176a53;padding:10px 14px;font-size:12px}
.contaduramo .cta-message.error{border-color:#f1bfc1;color:#99424b;background:#fff0f1}
.contaduramo .cta-footer{padding:17px 26px;border-top:1px solid #dce6ec;color:#8796a1;font-size:10px;line-height:1.5;background:#f1f6f8}
@media(max-width:1020px){.contaduramo .cta-columns{grid-template-columns:1fr}.contaduramo .cta-art{width:100px;height:100px;margin-right:0;font-size:48px}}
@media(max-width:660px){.contaduramo{border-radius:12px}.contaduramo .cta-hero{padding:25px 18px;min-height:0}.contaduramo .cta-art{display:none}.contaduramo .cta-body{padding:15px}.contaduramo .cta-panel{padding:16px}.contaduramo .cta-formgrid{grid-template-columns:1fr}.contaduramo .cta-field.cta-wide{grid-column:auto}.contaduramo .cta-filters{grid-template-columns:1fr 1fr}.contaduramo .cta-filters label:first-child{grid-column:1/-1}.contaduramo .cta-statgrid{grid-template-columns:1fr}.contaduramo .cta-ledger-head{flex-wrap:wrap}}
