body,.app-header,.app-nav,.app-main{background-color:var(--color-bg)!important}body.theme-dark,body.theme-dark .app-header,body.theme-dark .app-nav,body.theme-dark .app-main{background-color:var(--color-950)!important}button,.btn-primary,.btn-secondary{background:#aa8c83!important;border-color:#291f1c!important;color:#fff!important}body.theme-dark button,body.theme-dark .btn-primary,body.theme-dark .btn-secondary{border-color:var(--color-200)!important}input,select,textarea{border:none!important;background:#fff7ed!important;color:var(--color-text)}body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:var(--color-700)!important;color:var(--color-50)!important}input[style],select[style],textarea[style]{background:#fff7ed!important}body.theme-dark input[style],body.theme-dark select[style],body.theme-dark textarea[style]{background:var(--color-700)!important;color:var(--color-50)!important}.card{border-radius:14px!important}body.theme-dark .app-header-title{color:var(--color-50)!important}body.theme-dark .card{background:var(--color-800)!important;border:1px solid var(--color-200)!important;border-radius:14px!important}#form-config{background:transparent;padding:.25rem 0}#form-config .form-field{background:var(--color-100);border-radius:14px;padding:.65rem .9rem;margin:.35rem 0;position:relative;border:none!important}body.theme-dark #form-config .form-field{background:var(--color-800)!important}#form-config .form-field:nth-of-type(-n+3):after{content:"";display:block;height:1px;background:var(--color-50);margin:10px -1rem 0}#form-config .form-field label{display:block;font-size:.82rem;color:var(--color-text-soft);margin-bottom:.2rem}#form-config .form-field input,#form-config .form-field select,#form-config .form-field textarea{width:100%;background:#fff7ed!important;border:none!important;outline:none;color:var(--color-text);font-size:1rem;padding:.2rem 0}#form-config .form-fields:after{display:none!important}#form-config div:has(>.form-field+.form-field):after{content:"";display:block;height:1px;background:var(--color-50);margin:10px -1rem 0}#form-config div:has(>.form-field+.form-field)>.form-field:after{display:none!important}#form-config div:has(>.form-field+.form-field){gap:0!important;margin-bottom:0!important;padding-bottom:0!important}#form-config .onboarding-importes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:10px 16px;justify-items:center}#form-config .onboarding-importes-grid label{grid-row:1;align-self:end}#form-config .onboarding-importes-grid input[type=number],#form-config .onboarding-importes-grid input[type=text],#form-config .onboarding-importes-grid select,#form-config .onboarding-importes-grid textarea{grid-row:2;width:80%;justify-self:center;background:#fff7ed!important;font-size:1.05rem;padding:.4rem .6rem;border-radius:10px}#form-config button[type=submit]{display:block;margin:.75rem auto 0;transform:scale(.85);transform-origin:center}.config-accordion{display:block}.config-accordion details{background:var(--color-100);border-radius:12px;overflow:hidden}body.theme-dark .config-accordion details{background:var(--color-800)!important}.config-accordion summary{list-style:none;cursor:pointer;font-weight:600;position:relative;border-top:1pt solid var(--color-50);border-bottom:1pt solid var(--color-50);margin:0!important;padding:.8rem 2rem}.config-accordion summary::-webkit-details-marker{display:none}.config-accordion details[open]>summary{border-bottom:none!important}.config-accordion details+details{margin-top:1pt;position:relative}.config-accordion details+details:before{content:"";position:absolute;top:-1pt;left:0;right:0;height:1pt;background:var(--color-50)}.config-accordion .acc-content{padding:.2rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.config-accordion summary:before{content:"⚙︎";position:absolute;left:.9rem;top:50%;transform:translateY(-50%);opacity:.9}.config-accordion summary:after{content:"›";position:absolute;right:.9rem;top:50%;transform:translateY(-50%) rotate(0);transition:transform .15s ease-in-out}.config-accordion details[open]>summary:after{transform:translateY(-50%) rotate(90deg)}body.theme-dark .card-title,body.theme-dark .config-accordion summary{color:var(--color-200)!important}body.theme-dark label,body.theme-dark .card-subtitle,body.theme-dark .empty-text,body.theme-dark .acc-desc,body.theme-dark .list-subtitle{color:var(--color-50)!important}:root{--color-bg: #AA8C83;--color-bg-elevated: #fff7ed;--color-100: #fff7ed;--color-accent: #b45309;--color-accent-soft: rgba(180, 83, 9, .12);--color-text: #111827;--color-text-soft: #7c2d12;--color-border: #fed7aa;--radius-lg: 18px;--radius-md: 12px;--radius-pill: 999px}body.theme-dark{--color-bg: #1a1f40;--color-bg-elevated: #1a1f40;--color-100: #f0f0f0;--color-accent: #0f766e;--color-accent-soft: rgba(15, 118, 110, .12);--color-text: #f9fafb;--color-text-soft: #9ca3af;--color-border: #1e293b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;background-color:var(--color-bg);color:var(--color-text);font-size:16px}body.theme-dark{background-color:#1a1f40}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000 url(./ini-claudio-CIq2BI0J.png) center center / cover no-repeat}.app-root{min-height:100vh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:transparent;padding:0}.app-main{flex:1;padding:.75rem 1rem;margin-top:14vh;padding-bottom:14vh;position:relative;overflow-y:auto}.app-header{padding:0;position:fixed;top:0;left:0;width:100%;height:14vh;display:grid;grid-template-columns:1fr auto;align-items:stretch;gap:0;z-index:20;background-color:var(--color-bg)}.app-header-cell-title{background-repeat:no-repeat;background-position:left bottom;background-size:contain;display:flex;flex-direction:column;justify-content:flex-end;padding:0px 1rem}.app-header-cell-avatar{display:flex;align-items:center;justify-content:flex-end;padding-right:1vh}.app-title{display:none}.app-header-avatar{width:100px;height:auto;border-radius:999px;object-fit:cover;border:3px solid #5a2302;background:#fed7aa;margin:0}.app-header-title{position:relative;font-size:18pt;font-weight:600;color:#3f1f0a;text-align:right}.app-nav{display:flex;flex-direction:column;gap:.4rem;padding:.5rem .75rem .75rem;background-color:var(--color-bg);-webkit-backdrop-filter:none;backdrop-filter:none;position:fixed;left:0;right:0;bottom:0;z-index:40}.app-nav-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.app-nav-main{width:100%}#view-config{max-height:calc(100vh - 120px);overflow-y:auto}.app-nav button{border-radius:24px;border:1px solid #7c2d12;background:linear-gradient(135deg,#fed7aa,#fed7aa);color:#111;font-size:.9rem;padding:.7rem 1rem;min-height:40px;box-shadow:0 2px 4px #78350f59}.app-nav button:hover{filter:brightness(.9);box-shadow:0 3px 6px #78350f80;transform:translateY(-1px);color:#3f1f0a}.app-nav button:active{filter:brightness(.85);box-shadow:0 1px 2px #78350f59;transform:translateY(0)}.app-nav button[data-active=true]{border-color:var(--color-accent);box-shadow:0 0 0 1px #22d3ee3d}body.theme-dark .app-header,body.theme-dark .app-nav,body.theme-dark .app-main{background-color:#1a1f40}body.theme-dark .btn-primary,body.theme-dark .btn-secondary,body.theme-dark .app-nav button{background:#3b6d8c;border-color:#f0f0f0;color:#f0f0f0}body.theme-dark .btn-primary:hover,body.theme-dark .btn-secondary:hover,body.theme-dark .app-nav button:hover,body.theme-dark .list-actions button:hover,body.theme-dark .onboarding-buttons button:hover,body.theme-dark .onboarding-cta-button:hover{background:#274763;box-shadow:0 3px 6px #0f172acc;color:#e5e7eb}body.theme-dark .btn-primary:active,body.theme-dark .btn-secondary:active,body.theme-dark .app-nav button:active,body.theme-dark .list-actions button:active,body.theme-dark .onboarding-buttons button:active,body.theme-dark .onboarding-cta-button:active{background:#1f364a;box-shadow:0 1px 2px #0f172ab3;color:#e5e7eb}body.theme-dark .card,body.theme-dark .list-item,body.theme-dark .app-modal,body.theme-dark .onboarding-modal{background:#1a1f40;border-color:#f0f0f0;color:#f0f0f0}body.theme-dark .list-subtitle,body.theme-dark .card-subtitle,body.theme-dark .empty-text{color:#e5e7eb}body.theme-dark .app-modal-title,body.theme-dark .onboarding-modal-title,body.theme-dark .app-modal-close,body.theme-dark .onboarding-modal-close{color:#f0f0f0}body.theme-dark .form-field input,body.theme-dark .form-field select,body.theme-dark .form-field textarea,body.theme-dark .onboarding-section input,body.theme-dark .onboarding-section select,body.theme-dark .onboarding-section textarea{background:#1f2933;border-color:#6b8fa5;color:#f0f0f0}body.theme-dark .list-actions button{background:#3b6d8c;border-color:#f0f0f0;color:#f0f0f0}body.theme-dark .app-header-avatar{border-color:#6b8fa5}body.theme-dark .app-header-title{color:#6b8fa5}.view{display:none}.view.active{display:block}.card{border-radius:0;border:none;background:transparent;padding:6pt;margin-bottom:.6rem}.card-title{display:none}.card-subtitle{font-size:.75rem;color:var(--color-text-soft)}.btn-primary{border-radius:24px;border:1px solid #7c2d12;padding:.7rem 1rem;font-size:.9rem;background:linear-gradient(135deg,#fed7aa,#fed7aa);color:#111;box-shadow:0 2px 4px #78350f59}.btn-primary:hover{filter:brightness(.9);box-shadow:0 3px 6px #78350f80;transform:translateY(-1px);color:#3f1f0a}.btn-primary:active{filter:brightness(.85);box-shadow:0 1px 2px #78350f59;transform:translateY(0)}.btn-secondary{border-radius:24px;border:1px solid #7c2d12;padding:.7rem 1rem;font-size:.9rem;background:linear-gradient(135deg,#fed7aa,#fed7aa);color:#111;box-shadow:0 2px 4px #78350f59}.btn-secondary:hover{filter:brightness(.9);box-shadow:0 3px 6px #78350f80;transform:translateY(-1px);color:#3f1f0a}.btn-secondary:active{filter:brightness(.85);box-shadow:0 1px 2px #78350f59;transform:translateY(0)}.form-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.65rem}.form-field label{font-size:.78rem;color:var(--color-text-soft)}.form-field input,.form-field select,.form-field textarea{border-radius:var(--radius-md);border:1px solid var(--color-border);padding:.5rem .6rem;background:#fffffff5;color:var(--color-text);font-size:.85rem}.form-vertical{display:flex;flex-direction:column;gap:.25rem}.list-simple{display:flex;flex-direction:column;gap:.4rem}.list-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:6pt;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff7edf2}.icon-button{border:none;background:transparent;padding:6pt;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-button:disabled{opacity:.55;cursor:default}.icon-button svg{width:20px;height:20px;stroke:var(--color-100)}body:not(.theme-dark) .icon-button svg{stroke:var(--color-text-soft)}#inicio-inbox{background:#fff7edf2;border:1px solid var(--color-border);border-radius:var(--radius-md)}body.theme-dark #inicio-inbox{background:#1a1f40;border-color:#f0f0f0}#inicio-inbox .card-title{display:block;font-size:.9rem;font-weight:600;margin-bottom:.1rem}.list-main{flex:1;min-width:0}.list-title{font-size:.85rem}.list-subtitle{font-size:.72rem;color:var(--color-text-soft)}.list-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem}.list-actions button{border-radius:24px;border:1px solid #7c2d12;background:linear-gradient(135deg,#fed7aa,#fed7aa);color:#111;font-size:.8rem;padding:.4rem .7rem;box-shadow:0 2px 4px #78350f59}.list-actions button:hover{filter:brightness(.9);box-shadow:0 3px 6px #78350f80;transform:translateY(-1px);color:#3f1f0a}.list-actions button:active{filter:brightness(.85);box-shadow:0 1px 2px #78350f59;transform:translateY(0)}.empty-text{font-size:.78rem;color:var(--color-text-soft)}.app-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;justify-content:center;align-items:center;background:#00000073}.app-modal{width:100%;max-width:480px;max-height:100vh;background:#fff8f0fa;border-radius:18px;padding:.75rem 1rem 1rem;display:flex;flex-direction:column;overflow-y:auto}.app-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.app-modal-title{font-size:1rem;font-weight:600;color:#3f1f0a}.app-modal-close{border:none;background:transparent;font-size:1.6rem;line-height:1;cursor:pointer}.app-modal-close:hover{color:#b45309}.app-modal-body{flex:1;display:flex;flex-direction:column;gap:.5rem}#btn-inicio-add-hijo,#btn-inicio-gestion-hijos{width:100%}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--color-bg);display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.onboarding-frame{width:100%;max-width:480px;max-height:100vh;aspect-ratio:9 / 16;display:flex;justify-content:center;align-items:stretch;position:relative}.onboarding-inner{width:100%;padding:30% 2% 2%;display:flex;flex-direction:column;justify-content:space-around;color:#111;align-items:center}.onboarding-header{position:absolute;top:2%;right:5%;width:22%;display:flex;justify-content:flex-end}.onboarding-avatar{width:100%;height:auto;border-radius:999px;object-fit:cover;border:2px solid #7c2d12;background:#fed7aa}.onboarding-top{display:flex;justify-content:center;align-items:flex-start}.onboarding-logo{max-width:80%;height:auto}.onboarding-content{margin-top:1rem;line-height:1.5;color:#111;text-shadow:0 1px 2px rgba(255,255,255,.6);width:80%;max-width:80%}.onboarding-content p{margin:0 0 .75rem}body.theme-dark .onboarding-overlay{background:#1a1f40}body.theme-dark .onboarding-inner{color:#f9fafb}body.theme-dark .onboarding-content{color:#f9fafb;text-shadow:none}body.theme-dark .onboarding-cta-button{background:#3b6d8c;border-color:#f0f0f0;color:#f9fafb;box-shadow:0 2px 4px #0f172a99}body.theme-dark .onboarding-section{color:#f9fafb}.onboarding-section{margin-top:.75rem;width:80%;max-width:80%}.onboarding-section+.onboarding-section{margin-top:1.1rem}.onboarding-section label{display:block;font-size:.85rem;margin-bottom:.25rem;text-align:center}.onboarding-section input,.onboarding-section select{width:100%;padding:.4rem .6rem;border-radius:var(--radius-pill);border:1px solid #7c2d12;font-size:.95rem;background:#fff8f0f2;margin-bottom:.5rem}.onboarding-buttons{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;width:80%;max-width:80%}.onboarding-buttons button{border-radius:var(--radius-pill);border:1px solid #7c2d12;padding:.75rem 1rem;background:linear-gradient(135deg,#fed7aa,#fed7aa);color:#111;box-shadow:0 2px 4px #78350f59}.onboarding-buttons button:hover{filter:brightness(.9);box-shadow:0 3px 6px #78350f80;transform:translateY(-1px);color:#3f1f0a}.onboarding-buttons button:active{filter:brightness(.85);box-shadow:0 1px 2px #78350f59;transform:translateY(0)}body.theme-dark .onboarding-buttons button{background:#3b6d8c;border-color:#f0f0f0;color:#f9fafb;box-shadow:0 2px 4px #0f172a99}.onboarding-actions-row{display:flex;gap:.5rem;margin-top:.25rem}.onboarding-actions-row button{flex:1}.onboarding-app-title{position:absolute;top:14%;left:50%;transform:translate(-50%);width:80%;font-size:1.5rem;font-weight:600;color:#3f1f0a;text-align:center}.onboarding-footer{width:80%;margin-top:.5rem}.onboarding-footer button{width:100%}.onboarding-cta-button{border-radius:24px;border:1px solid #7c2d12;padding:.7rem 1rem;background:linear-gradient(135deg,#fed7aa,#fed7aa);color:#111;box-shadow:0 2px 4px #78350f59}.onboarding-cta-button:hover{filter:brightness(.9);box-shadow:0 3px 6px #78350f80;transform:translateY(-1px);color:#3f1f0a}.onboarding-cta-button:active{filter:brightness(.85);box-shadow:0 1px 2px #78350f59;transform:translateY(0)}.onboarding-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000073;display:flex;justify-content:center;align-items:center}.onboarding-modal{width:100%;max-width:480px;max-height:100vh;background:#fff8f0fa;border-radius:18px;padding:1rem 1rem .75rem;display:flex;flex-direction:column;overflow-y:auto}.onboarding-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.onboarding-modal-title{font-size:1rem;font-weight:600;color:#3f1f0a}.onboarding-modal-close{border:none;background:transparent;font-size:1.2rem;line-height:1;cursor:pointer}.onboarding-modal-close:hover{color:#b45309}.onboarding-modal-body{flex:1;display:flex;flex-direction:column;gap:.5rem}.onboarding-modal-footer{margin-top:.75rem}.onboarding-modal-footer button{width:100%}.onboarding-importes-grid{display:flex;flex-direction:column;gap:.4rem}.onboarding-importes-row{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:.5rem}
