:root{--bg-primary: #2D1B69;--bg-secondary: #1E1246;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .08);--accent-lime: #C8FF3D;--accent-lime-hover: #b5eb29;--accent-lime-glow: rgba(200, 255, 61, .3);--text-primary: #FFFFFF;--text-secondary: #A79BCE;--text-muted: #796AAB;--border-color: rgba(255, 255, 255, .12);--border-focus: #C8FF3D;--danger-color: #FF5555;--danger-bg-hover: rgba(255, 85, 85, .15);--accent-note: #AA8CFF;--accent-note-hover: #9B7AFF;--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-digital: "Chakra Petch", "JetBrains Mono", "Fira Mono", monospace;--shadow-main: 0 20px 50px rgba(15, 8, 38, .6)}*{box-sizing:border-box;margin:0;padding:0}#root{display:contents}[hidden]{display:none!important}html{overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% 0%,#432896 0%,var(--bg-primary) 65%,#160D38 100%);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;padding:3rem 1rem;position:relative;overflow-x:hidden}.site-header,.site-footer{width:100%;max-width:920px;text-align:center;color:#000;position:relative;z-index:1}.site-header{margin-bottom:1.5rem}.site-brand{display:flex;align-items:center;justify-content:center;gap:.6rem}.site-mark{width:28px;height:28px;flex-shrink:0;line-height:0}.site-mark svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(200,255,61,.2))}.site-title{font-family:var(--font-family);font-size:150%;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary)}.site-footer{margin-top:auto;padding-top:1.75rem;font-size:.72rem;font-weight:700;letter-spacing:.4px;color:#000;opacity:.85}.bg-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:min(600px,100vw);height:350px;background:radial-gradient(circle,#c8ff3d1f,#2d1b6900 70%);pointer-events:none;z-index:0}.container{position:relative;z-index:1;width:100%;max-width:540px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-main);padding:2.25rem 2rem;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.clock-widget{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.75rem;line-height:1.05;animation:clockFadeIn .6s ease-out}@keyframes clockFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clock-time{font-family:var(--font-digital);font-size:3.2rem;font-weight:600;letter-spacing:3px;color:var(--accent-lime);text-shadow:0 0 22px rgba(200,255,61,.22);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.clock-time .seconds{font-size:.55em;font-weight:500;opacity:.85;color:#d9ff9b;animation:tick 1s steps(1) infinite}@keyframes tick{0%,50%{opacity:1}50.01%,to{opacity:.35}}.clock-date{font-family:var(--font-family);font-size:.95rem;font-weight:500;letter-spacing:.5px;color:var(--text-secondary);margin-top:.4rem}.reloj-montaje,.nav-montaje{display:contents}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.page-nav{display:inline-flex;gap:.25rem;background:#0f082680;border:1px solid var(--border-color);border-radius:14px;padding:.3rem;margin-bottom:1.1rem}.page-nav-link{font-family:var(--font-family);font-size:.875rem;font-weight:600;color:var(--text-secondary);text-decoration:none;padding:.45rem 1.2rem;border-radius:10px;transition:all .2s ease;letter-spacing:.2px}.page-nav-link:hover{color:var(--text-primary);background:#ffffff0f}.page-nav-link.active{color:#1a0f40;background:var(--accent-lime);box-shadow:0 2px 10px #c8ff3d4d}.btn-delete{background:#ff55551a;color:var(--danger-color);border:1px solid rgba(255,85,85,.2);border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.825rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;margin-left:.75rem;flex-shrink:0}.btn-delete:hover{background:var(--danger-color);color:#fff;border-color:var(--danger-color);box-shadow:0 2px 10px #ff55554d}@media (max-width: 680px){.clock-time{font-size:2.6rem}}@media (max-width: 520px){html,body{width:100%}body{padding:1.5rem .75rem}.container{padding:1.5rem 1.25rem;border-radius:16px}.app-header h1{font-size:1.65rem}.clock-widget{margin-bottom:1.25rem}.clock-time{font-size:2.1rem;letter-spacing:2px}.clock-date{font-size:.78rem;margin-top:.3rem}.site-brand{gap:.4rem}.site-mark{width:20px;height:20px}.site-title{font-size:1.05rem;letter-spacing:.4px}}#aviso-global{position:fixed;left:50%;bottom:1.25rem;transform:translate(-50%,200%);z-index:300;max-width:min(90vw,480px);background:#1e1246f7;border:1px solid var(--danger-color);color:var(--text-primary);padding:.8rem 1.1rem;border-radius:12px;box-shadow:0 8px 24px #0006;font-family:var(--font-family);font-size:.9rem;line-height:1.4;text-align:center;opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}#aviso-global.visible{transform:translate(-50%);opacity:1;pointer-events:auto}.task-form{display:flex;align-items:flex-end;gap:.625rem;margin-bottom:1.75rem}.task-form-field{display:flex;flex-direction:column;gap:.35rem}.task-form-field label{font-size:.8rem;font-weight:600;color:var(--text-secondary);letter-spacing:.2px;padding-left:.15rem}.task-form-field label .req{color:var(--accent-lime)}.task-form-text-field{flex:1.4}.task-form-date-field{flex:1}.task-form input{width:100%;background-color:#0f082699;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.8rem 1rem;font-size:.95rem;font-family:var(--font-family);color:var(--text-primary);outline:none;transition:all .25s ease}.task-form input[type=date]{color-scheme:dark;min-width:0}.task-form input::placeholder{color:var(--text-muted)}.task-form input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-lime-glow);background-color:#0f0826d9}.task-form input.field-invalid{border-color:var(--danger-color);box-shadow:0 0 0 3px #f553}.field-error{color:var(--danger-color);font-size:.78rem;font-weight:500;line-height:1.3;margin:.15rem 0 0 .15rem}.task-form button{background-color:var(--accent-lime);color:#1a0f40;border:none;border-radius:var(--radius-md);padding:.8rem 1.5rem;font-size:.95rem;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #c8ff3d33;white-space:nowrap}.task-form button:hover{background-color:var(--accent-lime-hover);transform:translateY(-2px);box-shadow:0 6px 20px #c8ff3d59}.task-form button:active{transform:translateY(0)}.task-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.task-item{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.125rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .25s cubic-bezier(.16,1,.3,1);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-item.completed{opacity:.55;background-color:#ffffff05;border-color:#ffffff0d}.task-item.completed:hover{transform:none}.task-item.completed .task-text{text-decoration:line-through;color:var(--text-secondary)}.task-content{display:flex;align-items:flex-start;gap:.875rem;flex:1;min-width:0}.task-text-wrap{display:flex;flex-direction:column;gap:.2rem;min-width:0}.task-meta{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.task-due{color:var(--accent-lime);background:#c8ff3d1a;border:1px solid rgba(200,255,61,.25);padding:.05rem .5rem;border-radius:20px;line-height:1.4}.task-no-due{color:var(--text-muted);font-style:italic}.task-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--text-secondary);border-radius:6px;background-color:transparent;cursor:pointer;display:grid;place-content:center;transition:all .2s ease;flex-shrink:0}.task-checkbox:before{content:"";width:.65rem;height:.65rem;transform:scale(0);transition:.12s transform ease-in-out;background-color:#1a0f40;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.task-checkbox:checked{background-color:var(--accent-lime);border-color:var(--accent-lime)}.task-checkbox:checked:before{transform:scale(1)}.task-text{font-size:.975rem;font-weight:500;color:var(--text-primary);word-break:break-word;transition:all .2s ease;line-height:1.4}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-secondary)}.empty-icon{font-size:2rem;margin-bottom:.5rem}.empty-state p{font-size:.95rem;font-weight:500}@media (max-width: 680px){.task-form{flex-direction:column;align-items:stretch}.task-form-actions{display:flex}.task-form-actions button{flex:1}}.page-tareas{height:100vh;height:100dvh;overflow:hidden}.container-tareas{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.container-tareas .app-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.container-tareas .task-form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(476px,calc(100vw - 4rem));margin-bottom:0;z-index:5}.task-list-zone{position:absolute;left:50%;transform:translate(-50%);width:min(476px,calc(100vw - 4rem));top:calc(50% + 52px);bottom:1rem;overflow-y:auto;padding-bottom:.5rem}@media (max-width: 680px){.task-list-zone{top:calc(50% + 118px)}}.container-calendar{max-width:920px}.calendar-section{background:#0f082659;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.1rem}.cal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.cal-title{display:flex;flex-direction:column;align-items:center;line-height:1.15}#month-title{font-size:1.35rem;font-weight:800;letter-spacing:.3px;text-transform:capitalize;color:var(--text-primary)}#month-year{font-family:var(--font-digital);font-size:.9rem;font-weight:500;color:var(--accent-lime)}.cal-nav-btn{background:#c8ff3d1f;color:var(--accent-lime);border:1px solid rgba(200,255,61,.3);border-radius:var(--radius-md);width:42px;height:42px;font-size:1.4rem;line-height:1;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;display:grid;place-content:center}.cal-nav-btn:hover{background:var(--accent-lime);color:#1a0f40;box-shadow:0 4px 14px #c8ff3d59}.cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.9rem}.cal-today-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.4rem .9rem;font-size:.8rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.cal-today-btn:hover{color:var(--accent-lime);border-color:#c8ff3d80;background:#c8ff3d14}.cal-legend{display:inline-flex;gap:.9rem;font-size:.75rem;color:var(--text-secondary)}.legend-item{display:inline-flex;align-items:center;gap:.35rem}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-pending{background:var(--accent-lime)}.dot-done{background:#2a6a4a}.dot-nota{background:var(--accent-note)}.cal-legend-mobile{display:flex;justify-content:center;gap:1.25rem;font-size:.75rem;color:var(--text-secondary);margin-top:.75rem}.cal-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:4px}.cal-weekdays span{text-align:center;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);padding:.3rem 0}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cal-cell{background:#ffffff08;border:1px solid var(--border-color);border-radius:10px;min-height:74px;padding:4px;display:flex;flex-direction:column;gap:3px;overflow:hidden;transition:border-color .2s ease,background-color .2s ease}.cal-cell:hover{border-color:#c8ff3d59}.cal-cell-empty{background:transparent;border-color:transparent}.cal-day-num{font-family:var(--font-digital);font-size:.8rem;font-weight:600;color:var(--text-secondary);align-self:flex-end;padding:1px 5px;border-radius:6px;line-height:1.3}.cal-today{background:var(--accent-lime);color:#1a0f40}.cal-chips{display:flex;flex-direction:column;gap:3px;overflow:hidden}.cal-chip{font-family:var(--font-family);font-size:.66rem;font-weight:600;text-align:left;border:none;border-radius:6px;padding:2px 6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;transition:filter .15s ease,transform .15s ease;line-height:1.5}.cal-chip-pending{background:#c8ff3dd9;color:#14202b}.cal-chip-pending:hover{filter:brightness(1.08);transform:translateY(-1px)}.cal-chip-done{background:#c8ff3d2e;color:var(--text-secondary);text-decoration:line-through}.cal-chip-done:hover{background:#c8ff3d47}.cal-chip-nota{background:var(--accent-note);color:#1b1235;cursor:default}.cal-more{font-size:.6rem;color:var(--text-muted);text-align:left;padding-left:4px}.cal-empty-note{text-align:center;font-size:.85rem;color:var(--text-muted);padding:.9rem 0 .2rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0720b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-content:center;padding:1.25rem;z-index:200;animation:fadeIn .2s ease-out}.modal-card{position:relative;background:var(--bg-secondary);border:1px solid rgba(200,255,61,.35);border-radius:var(--radius-lg);box-shadow:0 24px 60px #0000008c;padding:1.75rem;width:min(420px,100%);animation:fadeIn .25s ease-out}.modal-close{position:absolute;top:.7rem;right:.8rem;background:transparent;border:none;color:var(--text-secondary);font-size:1.6rem;line-height:1;cursor:pointer;padding:.2rem .45rem;border-radius:8px;transition:all .2s ease}.modal-close:hover{color:var(--text-primary);background:#ffffff14}.modal-title{font-size:1.2rem;font-weight:800;color:var(--text-primary);padding-right:1.75rem;word-break:break-word;margin-bottom:1.1rem}.modal-meta{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.4rem}.modal-meta-row{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}.modal-meta-row dt{color:var(--text-muted);font-weight:500}.modal-meta-row dd{color:var(--text-primary);font-weight:600;text-align:right}.modal-status{padding:.1rem .6rem;border-radius:20px;font-size:.78rem}.status-pending{color:var(--accent-lime);background:#c8ff3d1f}.status-done{color:#9be7b4;background:#5ad28726}.modal-actions{display:flex;gap:.6rem;flex-wrap:wrap}.cal-action-btn{flex:1;min-width:170px;background-color:var(--accent-lime);color:#1a0f40;border:none;border-radius:var(--radius-sm);padding:.65rem 1rem;font-size:.85rem;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.cal-action-btn:hover{background-color:var(--accent-lime-hover);transform:translateY(-1px);box-shadow:0 4px 14px #c8ff3d4d}.modal-actions .btn-delete{margin-left:0;padding:.65rem 1rem;font-size:.85rem}@media (max-width: 820px){.container-calendar{max-width:640px}.cal-cell{min-height:62px}}@media (max-width: 520px){.container-calendar{padding:1.25rem .9rem}.calendar-section{padding:1rem .75rem}.cal-cell{min-height:58px;padding:3px;border-radius:8px}.cal-day-num{font-size:.72rem}.cal-chip{font-size:.6rem;padding:1px 4px}.cal-title #month-title{font-size:1.1rem}.cal-nav-btn{width:36px;height:36px;font-size:1.2rem}.cal-legend{display:none}.cal-toolbar{justify-content:center}}.container-notas{max-width:920px}.notes-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:1.75rem;align-items:start}.notes-list-col{min-width:0}.note-form{display:flex;flex-direction:column;gap:.9rem;background:#0f082659;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.1rem}.note-form-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.note-form-field>label{font-size:.8rem;font-weight:600;color:var(--text-secondary);letter-spacing:.2px;padding-left:.15rem}.note-form input[type=text],.note-form textarea{width:100%;background-color:#0f082699;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem .9rem;font-size:.95rem;font-family:var(--font-family);color:var(--text-primary);outline:none;transition:all .25s ease}.note-form textarea{resize:none;height:10rem;line-height:1.45;overflow-y:auto}.note-form input[type=text]::placeholder,.note-form textarea::placeholder{color:var(--text-muted)}.note-form input[type=text]:focus,.note-form textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-lime-glow);background-color:#0f0826d9}.note-form input[type=text].field-invalid{border-color:var(--danger-color);box-shadow:0 0 0 3px #f553}.note-form-footer{display:flex;flex-direction:column;gap:.9rem}.note-form-actions{display:flex}.note-form-actions button{width:100%;background-color:var(--accent-lime);color:#1a0f40;border:none;border-radius:var(--radius-md);padding:.8rem 1.5rem;font-size:.95rem;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #c8ff3d33;white-space:nowrap}.note-form-actions button:hover{background-color:var(--accent-lime-hover);transform:translateY(-2px);box-shadow:0 6px 20px #c8ff3d59}.note-form-actions button:active{transform:translateY(0)}.note-cal-check{display:inline-flex;align-items:center;gap:.55rem;font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.note-cal-check:hover{color:var(--text-primary)}.note-date-hint{font-size:.75rem;color:var(--text-muted);margin-top:.85rem;padding-left:.15rem;line-height:1.45}.note-date-hint strong{color:var(--text-secondary);font-weight:600}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem}.note-card{display:flex;flex-direction:column;gap:.5rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.05rem;transition:all .25s cubic-bezier(.16,1,.3,1);animation:slideIn .3s ease-out}.note-card-title{font-size:.975rem;font-weight:700;color:var(--text-primary);line-height:1.35;word-break:break-word}.note-card-description{font-size:.85rem;font-weight:400;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.note-card-footer{display:flex;flex-direction:column;gap:.6rem;margin-top:auto;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.07)}.note-card-date{font-size:.72rem;font-weight:600;color:var(--accent-lime)}.note-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.note-cal-toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.note-cal-toggle:hover{color:var(--text-primary)}.note-card-actions .btn-delete{margin-left:0;padding:.3rem .6rem;font-size:.72rem}@media (max-width: 760px){.notes-layout{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 520px){.notes-grid{grid-template-columns:1fr}}