:root{--color-bg-primary: #0F172A;--color-bg-secondary: #1E293B;--color-bg-tertiary: #334155;--color-bg-card: #1E293B;--color-bg-hover: #334155;--color-accent: #10B981;--color-accent-hover: #059669;--color-accent-light: rgba(16, 185, 129, .1);--color-accent-glow: rgba(16, 185, 129, .3);--color-whatsapp: #25D366;--color-whatsapp-hover: #128C7E;--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--gradient-primary: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-dark: linear-gradient(180deg, #0F172A 0%, #1E293B 100%);--gradient-glow: radial-gradient(circle at center, var(--color-accent-glow) 0%, transparent 70%);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px var(--color-accent-glow);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--z-menu: 600}[data-theme=light]{--color-bg-primary: #F8FAFC;--color-bg-secondary: #E2E8F0;--color-bg-tertiary: #CBD5E1;--color-bg-card: #FFFFFF;--color-bg-hover: #E2E8F0;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-accent-light: rgba(16, 185, 129, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .2);--gradient-dark: linear-gradient(180deg, #F8FAFC 0%, #E2E8F0 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow),color var(--transition-slow)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:var(--color-accent);color:var(--color-bg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-fade-in-down{animation:fadeInDown .5s ease forwards}.animate-slide-in-left{animation:slideInLeft .5s ease forwards}.animate-slide-in-right{animation:slideInRight .5s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-bounce{animation:bounce 1s ease infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-600{animation-delay:.6s}.animation-delay-700{animation-delay:.7s}.animation-delay-800{animation-delay:.8s}.animate-on-scroll{opacity:0}.animate-on-scroll.visible{animation:fadeInUp .6s ease forwards}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-hover) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:var(--radius-sm)}.skeleton-text:last-child{width:70%}.skeleton-title{height:1.5em;margin-bottom:.75em}.skeleton-image{width:100%;aspect-ratio:1;border-radius:var(--radius-lg)}.skeleton-button{height:2.5rem;width:100%;border-radius:var(--radius-lg)}.skeleton-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-md);border:1px solid var(--color-bg-tertiary)}.search-input-wrapper{position:relative;width:100%}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--color-bg-secondary);border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-xl);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.search-input::placeholder{color:var(--color-text-muted)}.search-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-input-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.25rem;color:var(--color-text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast)}.search-input-clear:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.filter-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.filter-button{padding:.5rem 1rem;background:var(--color-bg-secondary);border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base);white-space:nowrap}.filter-button:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.filter-button.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:var(--shadow-glow)}.theme-toggle{position:relative;width:60px;height:30px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);padding:3px;cursor:pointer;transition:background var(--transition-base)}.theme-toggle:hover{background:var(--color-bg-hover)}.theme-toggle-slider{position:absolute;width:24px;height:24px;background:var(--color-accent);border-radius:var(--radius-full);transition:transform var(--transition-base);display:flex;align-items:center;justify-content:center}.theme-toggle-slider svg{width:14px;height:14px;color:#fff}[data-theme=light] .theme-toggle-slider{transform:translate(30px)}.no-results{text-align:center;padding:var(--spacing-3xl) var(--spacing-md);color:var(--color-text-muted)}.no-results-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);color:var(--color-text-muted);opacity:.5}.no-results-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.no-results-text{font-size:var(--font-size-base)}@media(max-width:640px){.filter-container{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.filter-container::-webkit-scrollbar{display:none}.search-input{font-size:16px}}