@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap");:root{--color-primary:#5827a7;--color-brand:#5827a7;--empleados-cta:#5827a7;--config-accent:#5827a7;--color-success:#34bfa3;--color-info:#36a3f7;--color-warning:#ffb822;--color-danger:#fd3995;--color-dark:#282a3c;--color-light:#fff;--color-background:#f2f3f8;--color-background-alt:#f8fafc;--color-label-light:#c5cbe3;--color-label-medium:#a1a8c3;--color-label-dark:#3d4465;--color-shape-light:#f0f3ff;--color-shape-medium:#d9dffa;--color-shape-dark:#afb4d4;--font-family:"Nunito Sans",sans-serif;--font-size-base:0.9rem;--line-height-base:1.6;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius:8px;--border-radius-sm:4px;--border-radius-lg:12px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--color-background);color:var(--color-dark)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}button,input,select,textarea{font-family:var(--font-family)}.container{width:100%;max-width:100%;margin:0 auto;padding:0 var(--spacing-md)}.btn{padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;font-size:.9rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-primary{background-color:var(--color-primary);color:var(--color-light)}.btn-primary:hover{background-color:var(--color-brand);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-shape-medium);color:var(--color-dark)}.btn-secondary:hover{background-color:var(--color-shape-dark)}.btn-success{background-color:var(--color-success);color:var(--color-light)}.btn-success:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.card{background:var(--color-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md)}.input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-shape-dark);border-radius:var(--border-radius);font-size:.9rem;transition:all .3s ease;background-color:var(--color-light)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(88,103,221,.1)}.select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-shape-dark);border-radius:var(--border-radius);font-size:.9rem;background-color:var(--color-light);cursor:pointer;transition:all .3s ease}.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(88,103,221,.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-shape-light)}::-webkit-scrollbar-thumb{background:var(--color-shape-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-label-medium)}