:root{--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-primary: #F7984A;--color-primary-light: #FFB97A;--color-primary-dark: #E07D2A;--color-secondary: #D67A3D;--color-secondary-light: #F0A56C;--color-secondary-dark: #B85E25;--color-success: #27c02f;--color-success-light: #6EEB74;--color-success-dark: #1A8A1F;--color-error: #E53E3E;--color-error-light: #FEB2B2;--color-error-dark: #C53030;--color-warning: #DD6B20;--color-warning-light: #FBD38D;--color-warning-dark: #C05621;--color-info: #3182CE;--color-info-light: #90CDF4;--color-info-dark: #2C5282;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-400);--color-text-on-primary: var(--color-white);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-100);--color-bg-tertiary: var(--color-gray-200);--bg-component-dark: var(--color-gray-800);--color-border-light: var(--color-gray-200);--color-border-medium: var(--color-gray-300);--color-border-dark: var(--color-gray-400);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s}[data-theme=dark]{--color-text-primary: var(--color-gray-100);--color-text-secondary: var(--color-gray-300);--color-text-tertiary: var(--color-gray-500);--color-text-on-primary: var(--color-gray-900);--color-bg-primary: var(--color-gray-900);--color-bg-secondary: var(--color-gray-800);--color-bg-tertiary: var(--color-gray-700);--color-border-light: var(--color-gray-700);--color-border-medium: var(--color-gray-600);--color-border-dark: var(--color-gray-500);--color-primary: #FFA95C;--color-primary-light: #FFC58F;--color-primary-dark: #E68A3A;--color-secondary: #d38105;--color-secondary-light: #F0B88C;--color-secondary-dark: #B56D3D;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}*{scrollbar-width:thin;scrollbar-color:#6b72801f transparent}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--color-border-dark);border-radius:var(--radius-sm)}@media (prefers-color-scheme: light){:root{--bg-app: #ffffff;--color-text-primary: #000000}}*,*:before,*:after{box-sizing:border-box}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--color-bg-primary)}body{color:var(--color-text-primary);background:var(--color-bg-primary);line-height:1.6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.sidebar{--sidebar-color: var(--color-bg-primary);--hover-color: var(--color-gray-100);--primary-color: var(--color-primary);--primary-color-light: var(--color-primary-light);--text-color: var(--color-text-primary);--text-color-light: var(--color-text-secondary);--border-radius: var(--radius-md);--tran-03: all var(--transition-normal) ease;--tran-05: all var(--transition-slow) ease}.sidebar{position:fixed;top:0;left:0;height:100%;width:250px;background:var(--sidebar-color);transition:var(--tran-05);z-index:3000;display:flex;flex-direction:column;overflow:hidden}.sidebar:after{content:"";position:absolute;top:90px;left:0;right:0;bottom:0;box-shadow:2px 10px 15px #0000001a;pointer-events:none}.sidebar.close{width:90px}.sidebar-container{display:flex;flex-direction:column;height:100%;padding:20px 0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.user-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.user-info{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:500;color:var(--text-color)}.user-role{font-size:12px;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.sidebar-toggle{background:none;border:none;color:var(--text-color-light);font-size:24px;cursor:pointer;transition:var(--tran-03);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;padding:0}.sidebar-toggle:hover{background:var(--hover-color);color:var(--text-color)}.sidebar-menu{flex:1;overflow-y:auto;padding:0 10px}.nav-list{list-style:none;padding:0;margin:0}.nav-group-title{color:var(--text-color-light);font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:15px 20px 5px;margin-top:10px;opacity:.7;transition:var(--tran-03)}.sidebar.close .nav-group-title{opacity:0;height:0;padding:0;margin:0}.nav-item{margin:5px 0;position:relative}.nav-link{display:flex;align-items:center;padding:12px 20px;border-radius:var(--border-radius);color:var(--color-text-secondary);text-decoration:none;transition:var(--tran-03);gap:12px}.nav-link:hover{background:var(--hover-color);color:var(--primary-color)}.nav-link:hover .nav-icon{color:var(--color-primary)}.nav-link.active{background:var(--color-primary-light);color:var(--color-primary)}.nav-link.active .nav-icon{color:var(--color-primary)}.nav-icon{font-size:20px;min-width:24px;display:flex;align-items:center;justify-content:center;color:var(--text-color-light);transition:var(--tran-03)}.nav-text{font-size:14px;font-weight:500;white-space:nowrap;transition:var(--tran-03)}.sidebar.close .nav-text{opacity:0;width:0}.active-indicator{position:absolute;right:10px;width:6px;height:6px;background:var(--primary-color);border-radius:50%;opacity:0;transition:var(--tran-03)}.nav-link.active .active-indicator{opacity:1}.sidebar-open .main-content{margin-left:225px}.sidebar-closed .main-content{margin-left:60px}.main-content{flex-grow:1;margin:5% 0 0;padding:20px 20px 20px 35px;transition:margin-left .3s ease;background-color:var(--color-bg-tertiary)}.sidebar-footer{padding:15px 20px 0;margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.app-version{color:var(--text-color-light);font-size:11px;text-align:center;opacity:.7}@media (max-width: 768px){.sidebar{width:100%;height:auto;bottom:0;top:auto;z-index:1000;box-shadow:0 -2px 10px #0000001a}.main-content{margin:50px 0 0;padding:0;margin-bottom:5em!important}.sidebar.open{height:100vh}.sidebar.close{width:100%;height:60px}.sidebar-container{flex-direction:row;padding:0}.sidebar-header{display:none}.sidebar-menu{width:100%}.nav-list{display:flex;justify-content:space-around}.nav-item{flex:1;margin:0}.nav-link{flex-direction:column;padding:8px 5px;font-size:10px;gap:5px}.nav-text{font-size:10px}.nav-group-title,.sidebar-footer{display:none}}[data-theme=dark] .sidebar{--sidebar-color: var(--color-bg-secondary);--hover-color: var(--color-gray-700);--text-color: var(--color-text-primary);--text-color-light: var(--color-text-secondary)}[data-theme=dark] .user-role,[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link:hover .nav-icon{color:var(--color-primary-light)}[data-theme=dark] .main-content{background:var(--color-text-on-primary)}@media (max-width: 768px){.sidebar.open~.main-content{margin:20px 0 0!important;padding:15px!important}.sidebar~.home,.sidebar.close~.home{left:0!important;width:100%!important}.app-layout{flex-direction:column}}@media (max-width: 768px){.sidebar.open~.main-content{margin:20px 0 0!important;padding:15px!important}.sidebar~.home,.sidebar.close~.home{left:0!important;width:100%!important}.app-layout{flex-direction:column}.sidebar-closed .main-content{margin-left:0;margin-top:90px}}@media (max-width: 1370px){.main-content{margin:5% 0 0}}.nav-item.active{background-color:var(--primary-color);border-left:4px solid var(--secundary-color);border-radius:8px;transition:.3s}.nav-item.active .nav-link:hover{background:var(--primary-color);color:#fff}.nav-item.active .nav-link{color:#fff}.nav-item.active .nav-icon{color:var(--color-bg-primary)}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-primary);padding:12px 30px;box-shadow:var(--shadow-sm);position:fixed;width:calc(100% - 250px);left:250px;top:0;z-index:2001;height:70px;transition:all var(--transition-normal) ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}[data-theme=dark] .navbar{background:var(--color-gray-800)}.sidebar-closed .navbar{width:calc(100% - 88px);left:88px}.navbar.scrolled{padding:8px 30px;box-shadow:var(--shadow-md)}.navbar-brand{display:flex;align-items:center}.logo img{height:38px;width:auto;object-fit:contain;transition:transform var(--transition-normal) ease}.logo:hover img{transform:scale(1.05)}.navbar-right{display:flex;align-items:center;gap:var(--space-lg)}.iconN{font-size:var(--font-size-xl);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-fast) ease}.iconN:hover{color:var(--color-primary);transform:scale(1.1)}.theme-switch{padding:var(--space-sm);border-radius:var(--radius-full);transition:background var(--transition-normal) ease}.theme-switch:hover{background:var(--color-gray-200)}[data-theme=dark] .theme-switch:hover{background:var(--color-gray-700)}.profile-container{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);transition:background var(--transition-normal) ease}.profile-container:hover{background:var(--color-gray-200)}[data-theme=dark] .profile-container:hover{background:var(--color-gray-700)}.profile-container img{width:38px;height:38px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-primary);transition:border-color var(--transition-normal) ease}.profile-container:hover img{border-color:var(--color-primary-dark)}.profile-name{color:var(--color-text-primary);font-weight:500;font-size:var(--font-size-sm)}.dropdown-menu{position:absolute;top:65px;right:30px;background:var(--color-bg-primary);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);overflow:hidden;z-index:1001;min-width:180px;border:1px solid var(--color-border-light);transform-origin:top right;animation:fadeIn var(--transition-fast) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-fast) ease;font-size:var(--font-size-sm);gap:var(--space-sm)}.dropdown-item:hover{background-color:var(--color-gray-100);padding-left:var(--space-lg)}[data-theme=dark] .dropdown-item:hover{background-color:var(--color-gray-800)}.dropdown-item svg{font-size:var(--font-size-md)}.dropdown-item.logout{color:var(--color-error);border:none;background:none}.dropdown-item.logout:hover{background-color:var(--color-error-light)}[data-theme=dark] .dropdown-item.logout:hover{background-color:var(--color-gray-800)}@media (max-width: 992px){.navbar{padding:var(--space-sm) var(--space-lg)}.navbar-right{gap:var(--space-md)}}@media (max-width: 768px){.navbar{width:100%!important;left:0!important;padding:var(--space-xs) var(--space-md)}.profile-name{display:none}.dropdown-menu{right:var(--space-md);min-width:160px}}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--color-bg-primary);background-image:url(/assets/fondo-6kTACHzG.webp);background-size:cover;background-position:center;padding:var(--space-md)}.login-form{background-color:var(--color-bg-secondary);padding:var(--space-sm) var(--space-lg) var(--space-lg) var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:400px;transition:var(--transition-normal);display:flex;flex-direction:column;gap:var(--space-md)}.logo-fesa{display:block;margin:0 auto;width:80px;max-width:100%}.header-logo{display:block;margin-top:var(--space-md);max-width:100%;height:80px}.login-form .input-component label{font-weight:700;text-align:start}.login-form a{display:block;text-align:right;margin-top:var(--space-sm);color:var(--color-primary);text-decoration:none;transition:var(--transition-fast);font-size:var(--font-size-sm)}.login-form a:hover{color:var(--color-secondary)}@media (max-width: 480px){.login-form{padding:var(--space-md);width:100%}.login-form h1{font-size:var(--font-size-lg)}.login-form a{font-size:var(--font-size-xs)}.btn-general{font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md)}.logo-fesa{height:60px}.header-logo{height:50px}}.form__field{font-family:inherit;width:100%;border:0;border-bottom:2px solid var(--color-border-medium);outline:0;font-size:var(--font-size-lg);color:var(--color-text-primary);padding:var(--space-xs) 0;background:transparent;transition:border-color var(--transition-fast)}.form__field::placeholder{color:transparent}.form__field:placeholder-shown~.form__label{font-size:var(--font-size-lg);cursor:text;top:20px}.form__label{position:absolute;top:0;display:block;transition:var(--transition-fast);font-size:var(--font-size-md);color:var(--color-text-secondary)}.form__field:focus~.form__label{position:absolute;top:0;display:block;transition:var(--transition-fast);font-size:var(--font-size-md);color:var(--color-primary);font-weight:700}.form__field:focus{padding-bottom:6px;font-weight:700;border-width:3px;border-image:linear-gradient(to right,var(--color-primary),var(--color-text-primary));border-image-slice:1}.form__field:required,.form__field:invalid{box-shadow:none}.error-message{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-xs)}[data-theme=dark] .login-container{background-color:var(--color-bg-tertiary)}[data-theme=dark] .login-form{background-color:var(--color-bg-secondary);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .form__field{color:var(--color-text-primary);border-bottom-color:var(--color-border-medium)}[data-theme=dark] .form__label{color:var(--color-text-secondary)}[data-theme=dark] .form__field:focus~.form__label{color:var(--color-primary-light)}[data-theme=dark] .form__field:focus{border-image:linear-gradient(to right,var(--color-primary-light),var(--color-text-primary))}.navbar1{position:fixed;top:0;left:0;right:0;padding:0;height:80px;width:100%;background-color:var(--color-bg-primary);box-shadow:var(--shadow-sm);z-index:1000;transition:all var(--transition-normal) ease}.navbar1.scrolled{padding:var(--space-sm) var(--space-lg);background-color:rgba(var(--color-white),.95);box-shadow:var(--shadow-md);width:100%!important}.navbar1-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.navbar1-brand{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.navbar1-brand .logo{height:90px;transition:all var(--transition-normal) ease}.navbar1.scrolled .navbar1-brand .logo{height:40px}.navbar1-brand span{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.navbar1-links{display:flex;align-items:center;gap:5px}.nav-link{color:var(--color-text-primary);font-weight:500;transition:color var(--transition-normal) ease;position:relative}.nav-link:hover{color:var(--color-primary)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-normal) ease}.nav-link:hover:after{width:100%}.btn-login{padding:var(--space-sm) var(--space-lg);background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-full);font-weight:500;transition:all var(--transition-normal) ease}.btn-login:hover{background-color:var(--color-secondary);transform:translateY(-2px)}.btn-register{padding:var(--space-sm) var(--space-lg);background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-full);font-weight:500;transition:all var(--transition-normal) ease}.btn-register:hover{background-color:var(--color-primary);color:var(--color-text-on-primary);transform:translateY(-2px)}.mobile-menu-button{display:none;background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-xl);cursor:pointer;margin-right:var(--space-md)}.user-profile{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-primary);font-weight:500}.user-icon{font-size:var(--font-size-lg);color:var(--color-primary)}.username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.btn-logout{padding:var(--space-sm) var(--space-lg);background-color:transparent;color:var(--color-error);border:2px solid var(--color-error);border-radius:var(--radius-full);font-weight:500;transition:all var(--transition-normal) ease;display:flex;align-items:center;gap:var(--space-sm)}.btn-logout:hover{background-color:var(--color-error);color:var(--color-text-on-primary);transform:translateY(-2px)}.dropdown{position:relative;cursor:pointer}.dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--color-bg-secondary);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-sm) 0;min-width:180px;z-index:2000}.dropdown-item{background:none;border:none;width:100%;text-align:left;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast) ease}.dropdown-item:hover{background-color:var(--color-bg-tertiary)}.icon-button{background:none;border:none;color:var(--color-text-primary);cursor:pointer}.iconN{font-size:1.5rem;color:var(--color-primary);background:none}@media (max-width: 768px){.navbar1-links{position:fixed;top:80px;left:0;right:0;background-color:var(--color-bg-primary);flex-direction:column;padding:var(--space-lg);gap:var(--space-md);box-shadow:var(--shadow-lg);transform:translateY(-150%);transition:transform var(--transition-normal) ease}.navbar1-links.active{transform:translateY(0)}.mobile-menu-button{display:block}.navbar1.scrolled .navbar-links{top:70px}.user-profile{margin-top:var(--space-md)}.btn-logout{margin-top:var(--space-sm);width:100%;justify-content:center}.username{max-width:150px}}[data-theme=dark] .navbar1{background-color:var(--color-bg-secondary);box-shadow:0 2px 10px #0000004d}[data-theme=dark] .navbar1-links{background-color:var(--color-bg-secondary)}[data-theme=dark] .nav-link{color:var(--color-text-primary)}[data-theme=dark] .nav-link:hover{color:var(--color-primary-light)}[data-theme=dark] .nav-link:after{background-color:var(--color-primary-light)}[data-theme=dark] .btn-register{color:var(--color-primary-light);border-color:var(--color-primary-light)}[data-theme=dark] .btn-register:hover{background-color:var(--color-primary-light);color:var(--color-text-on-primary)}[data-theme=dark] .mobile-menu-button{color:var(--color-text-primary)}.carrito-lista{position:absolute;top:100%;right:5%;width:90vw;max-width:320px;background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:var(--radius-md);padding:var(--space-sm);box-shadow:var(--shadow-md);max-height:30em;overflow-y:auto;z-index:999;transition:all var(--transition-normal) ease-in-out}.carrito-items{max-height:250px;overflow-y:auto;padding-right:.25rem}.carrito-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-primary)}.carrito-cerrar{background:var(--color-error);color:var(--color-text-on-primary);border:none;padding:var(--space-xs) var(--space-md);cursor:pointer;width:100%;margin-bottom:var(--space-sm);border-radius:var(--radius-sm);font-weight:700;transition:background var(--transition-fast)}.carrito-cerrar:hover{background:var(--color-error-dark)}.carrito-items::-webkit-scrollbar{width:6px}.carrito-items::-webkit-scrollbar-track{background:transparent}.carrito-items::-webkit-scrollbar-thumb{background-color:var(--color-border-dark);border-radius:var(--radius-full);border:1px solid var(--color-bg-primary)}@media (max-width: 480px){.carrito-lista{right:2%;width:95vw;max-width:none}}.link-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal);border:2px solid transparent;gap:var(--space-sm)}.link-button.primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.link-button.primary:hover{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.link-button.secondary{background-color:var(--color-secondary);color:var(--color-text-on-primary)}.link-button.secondary:hover{background-color:transparent;color:var(--color-secondary);border-color:var(--color-secondary)}.link-button.outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.link-button.outline:hover{background-color:var(--color-primary);color:var(--color-text-on-primary)}[data-theme=dark] .link-button{box-shadow:var(--shadow-sm)}[data-theme=dark] .link-button.primary:hover{background-color:transparent;color:var(--color-primary-light);border-color:var(--color-primary-dark)}[data-theme=dark] .link-button.outline{color:var(--color-primary-light);border-color:var(--color-primary-light)}[data-theme=dark] .link-button.outline:hover{background-color:var(--color-primary-light);color:var(--color-text-on-primary)}.link-button.small{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.link-button.large{padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-lg)}.link-button:disabled{opacity:.6;cursor:not-allowed}.main-footer{background-color:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--space-xl) var(--space-md) var(--space-md);font-family:Segoe UI,sans-serif}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:auto;padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-dark)}.footer-logo img{width:120px;margin-bottom:var(--space-xs)}.footer-logo p{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.footer-links,.footer-contact{min-width:220px;margin:var(--space-xs) 0}.footer-links h3,.footer-contact h3{font-size:var(--font-size-lg);margin-bottom:var(--space-xs);color:var(--color-text-on-primary)}.footer-links ul{list-style:none;padding:0}.footer-links li{margin:6px 0}.footer-links a{text-decoration:none;color:var(--color-text-secondary);transition:color var(--transition-normal) ease}.footer-links a:hover{color:var(--color-text-on-primary)}.footer-contact p{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:6px 0}.social-icons{margin-top:var(--space-xs)}.social-icons a{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-right:12px;transition:color var(--transition-normal) ease,transform var(--transition-normal) ease}.social-icons a:hover{color:var(--color-warning);transform:scale(1.2)}.footer-bottom{text-align:center;font-size:var(--font-size-xs);margin-top:var(--space-md);color:var(--color-text-tertiary)}.footer-bottom a{color:var(--color-text-on-primary);text-decoration:underline}.ul-footer{list-style:none;padding:0;margin:0}#root{margin:0 auto;padding:0rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}