:root{--notas-shadow:rgba(0,0,0,0.08)}.dark{--notas-shadow:rgba(0,0,0,0.2)}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.container-notas{width:100%;max-width:550px;background-color:hsl(var(--card));border-radius:var(--radius);padding:clamp(1.25rem,4vw,2rem);box-shadow:0 4px 12px var(--notas-shadow);border:1px solid hsl(var(--border));margin:clamp(.5rem,2vw,1rem) auto}.nota-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.nota-header{text-align:left;font-weight:600;margin-bottom:0;color:hsl(var(--primary));font-size:clamp(1.25rem,4vw,1.5rem);letter-spacing:.5px}.tipo-nota-buttons{display:flex;gap:.75rem;margin-bottom:1.5rem;background-color:hsl(var(--muted));border-radius:var(--radius);padding:4px}.btn-tipo-nota{flex:1;padding:.5rem;border:none;border-radius:calc(var(--radius) - 2px);background-color:transparent;color:hsl(var(--muted-foreground));font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease-in-out}.btn-tipo-nota.active{background-color:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:600}input,select,textarea{width:100%;padding:.75rem;margin:.5rem 0;border:1px solid hsl(var(--border));border-radius:var(--radius);background-color:hsl(var(--input));color:hsl(var(--foreground));font-size:.95rem;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsla(var(--ring),.2)}textarea{resize:vertical;min-height:100px}.button-container{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;margin-bottom:1rem}.btn-main{padding:.75rem;border:none;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-main:active{transform:scale(.98)}.btn-main:disabled{opacity:.6;cursor:not-allowed}.btn-procesar{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-procesar:hover{background-color:hsla(var(--primary),.9)}.btn-limpiar{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.btn-limpiar:hover{background-color:hsla(var(--destructive),.9)}.btn-que-hacer{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));animation:parpadeo-que-hacer 1.5s infinite}@keyframes parpadeo-que-hacer{0%{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}50%{background-color:hsl(var(--background));color:hsl(var(--primary));border:1px solid hsl(var(--primary))}to{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}}.link-container{display:flex;align-items:center;gap:.5rem}.link-container input{flex-grow:1}.btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius);border:1px solid hsl(var(--border));background-color:hsl(var(--muted));color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease}.btn-icon:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.plantillas-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid hsl(var(--border))}.plantillas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.plantillas-header h2{font-weight:600;font-size:1.25rem;color:hsl(var(--foreground))}.btn-settings{border:none;background:transparent}.gestion-container{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out}.gestion-container.show{max-height:200px}.gestion-plantillas{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;padding:1rem;background-color:hsl(var(--muted));border-radius:var(--radius)}.btn-gestion{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:var(--radius);font-size:.85rem;font-weight:500;background-color:hsl(var(--background));color:hsl(var(--foreground));border:1px solid hsl(var(--border));cursor:pointer;transition:all .2s ease}.btn-gestion:hover{background-color:hsl(var(--accent));border-color:hsl(var(--accent))}.plantillas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-top:1rem}.btn-plantilla-container{aspect-ratio:1;position:relative;border-radius:var(--radius);background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));overflow:hidden;transition:transform .2s,box-shadow .2s}.btn-plantilla-container:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--notas-shadow)}.btn-plantilla-content{width:100%;height:100%;padding:.5rem;border:none;background:transparent;color:inherit;cursor:pointer;font-weight:600;font-size:.8rem;transition:all .2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.2}.btn-plantilla-container:hover .btn-plantilla-content{background-color:hsla(var(--primary),.9)}.btn-plantilla-accion{position:absolute;width:24px;height:24px;border-radius:50%;background-color:rgba(0,0,0,.3);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s ease;z-index:1}.btn-eliminar-plantilla{top:4px;right:4px}.btn-editar-plantilla{top:4px;left:4px}.btn-plantilla-container:hover .btn-plantilla-accion{opacity:1;transform:scale(1)}.btn-eliminar-plantilla:hover{background-color:hsl(var(--destructive))}.btn-editar-plantilla:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.filtros-plantillas{display:flex;gap:.5rem;margin-bottom:1rem;align-items:center}.filtros-plantillas label{font-weight:500;font-size:.9rem;color:hsl(var(--muted-foreground));flex-shrink:0}.select-wrapper{position:relative;flex-grow:1}.select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:0;padding-right:2rem}.select-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:hsl(var(--muted-foreground))}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.6);align-items:center;justify-content:center;backdrop-filter:blur(4px)}.modal.show{display:flex}.modal-content{background-color:hsl(var(--card));margin:auto;padding:1.5rem;border:none;border-radius:calc(var(--radius) * 2);width:90%;max-width:500px;box-shadow:0 10px 25px var(--notas-shadow);position:relative;animation:modal-fade-in .3s ease-out}.modal-content.modal-lg{max-width:900px}.modal-content.modal-full-content{padding:0;display:flex;flex-direction:column;height:90vh;overflow:hidden}.process-modal-iframe{width:100%;height:100%;border:none;border-radius:calc(var(--radius) * 2)}.process-modal-iframe::-webkit-scrollbar{display:none}.process-modal-iframe{-ms-overflow-style:none;scrollbar-width:none}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{text-align:center;font-weight:600;margin-bottom:1.5rem;color:hsl(var(--foreground));font-size:1.25rem}.close-button{position:absolute;top:10px;right:10px;color:hsl(var(--muted-foreground));z-index:10}.categorias-list{list-style:none;padding:0;max-height:300px;overflow-y:auto;border:1px solid hsl(var(--border));border-radius:var(--radius)}.categoria-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid hsl(var(--border));transition:background-color .2s}.categoria-item:hover{background-color:hsl(var(--muted))}.categoria-item:last-child{border-bottom:none}.categoria-item-actions{display:flex;gap:.5rem}.edit-icon{color:hsl(var(--primary))}.delete-icon{color:hsl(var(--destructive))}.form-add-categoria{display:flex;gap:.5rem;margin-top:1rem;margin-bottom:1.5rem}.form-add-categoria input{flex-grow:1;margin:0}.form-add-categoria button{flex-shrink:0;border-radius:var(--radius);padding:0 1rem;font-size:.9rem;gap:0}#notificacion{position:fixed;top:1.25rem;left:50%;transform:translateX(-50%) translateY(-20px) scale(.9);background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.75rem 1.25rem;border-radius:var(--radius);box-shadow:0 4px 8px var(--notas-shadow);z-index:2000;font-size:.95rem;font-weight:500;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}#notificacion.mostrar{transform:translateX(-50%) translateY(0) scale(1);opacity:1}input[readonly]{background-color:hsl(var(--muted));cursor:default;opacity:.85}.button-text{display:inline}.image-modal-overlay{background-color:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.image-modal-content{max-width:90vw;max-height:90vh;padding:0;background:none;border:none;box-shadow:none;overflow:hidden}.image-modal-content img{width:100%;height:100%;object-fit:contain}@media (max-width:480px){.button-text{display:none}.btn-gestion,.btn-main{justify-content:center}.gestion-plantillas{grid-template-columns:1fr 1fr}.form-add-categoria button{padding:0;width:44px}}