:root{--breakpoint-mobile-vertical: 480px;--breakpoint-mobile-horizontal: 700px;--breakpoint-tablet-vertical: 1025px;--breakpoint-tablet-horizontal: 1199px;--breakpoint-desktop: 1200px;--breakpoint-desktop-wide: 1440px;--breakpoint-desktop-2k: 1920px;--breakpoint-desktop-4k: 3840px;--primary-blue: #0066cc;--primary-blue-hover: #0052a3;--primary-modern: #3b82f6;--primary-teal: #009688;--danger-color: #ef4444;--gold-gradient: linear-gradient(90deg, #e6c673, #ac813d 120%, #e6c673);--blue-gradient: linear-gradient(135deg, #a5f3fc 0%, #3b82f6 50%, #6366f1 100%);--bg-body: #f8f9fc;--bg-card: #ffffff;--bg-subcard: #f7f7f7;--bg-hover: #f3f4f6;--bg-subhover: #edf3ff;--bg-input: #ffffff;--bg-background-card: #e9e9e9;--bg-view: #686868;--bg-categorie-pill: #ffffff;--bg-categorie-pill-selected: #edf3ff;--text-main: #1f2937;--text-secondary: #6b7280;--text-inverse: #ffffff;--border-color: #e5e7eb;--border-color-secundary: #c0c0c0;--scroll-index: #6b7280;--scroll-index-selected: #3f7efc;--shadow-card: 0 .21vw .31vw -.05vw rgba(0, 0, 0, .05);--shadow-card-strong: 5px 5px 40px 5px rgba(0, 0, 0, .1);--background-inactive: #f1f1f1;--logo-bg: #e0f2fe;--pill-bg: #e0e0e0;--search-bar: #f1f5f9}.dark-theme{--bg-body: #121212;--bg-card: #1d212c;--bg-subcard: #323747;--bg-hover: #2d2d2d;--bg-subhover: #3b404f;--bg-input: #2d2d2d;--bg-background-card: #252525;--bg-view: #f8f9fc;--bg-categorie-pill: #323747;--bg-categorie-pill-selected: #59617e;--text-main: #e5e7eb;--text-secondary: #9ca3af;--text-inverse: #121212;--border-color: #374151;--border-color-secundary: #374151;--scroll-index: #4d4d4d;--scroll-index-selected: #c5c5c5;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-card-strong: 5px 5px 40px 5px rgba(0, 0, 0, .1);--background-inactive: #1d212c;--primary-blue: #3b82f6;--logo-bg: #0c4a6e;--pill-bg: #374151;--blue-gradient: linear-gradient(135deg, #75acb3 0%, #2859a8 50%, #4547a8 100%);--search-bar: #f1f5f9}html,body{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-body);color:var(--text-main);transition:all .3s ease-in-out;box-sizing:border-box;font-family:Chivo,sans-serif;overflow-x:hidden}app-root{display:block;height:100%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-inverted{to{transform:rotate(-360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in2{0%{opacity:0;transform:translate(10%) scale(1.3)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoom-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes popIn2{0%{transform:scale(0)}10%{transform:scale(.1)}60%{transform:scale(1.1)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes enter-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes enter-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes enter-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-bottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes breathing{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse{0%{filter:drop-shadow(0 0 3px rgba(115,161,230,.5))}50%{filter:drop-shadow(0 0 8px rgba(115,161,230,.9))}to{filter:drop-shadow(0 0 3px rgba(115,161,230,.5))}}.invisible{opacity:0}.pulse{animation:pulse 3s ease-out infinite}.pop-in{animation:popIn .6s ease-out both;animation-fill-mode:backwards}.pop-in2{animation:popIn2 .6s ease-out both;animation-fill-mode:backwards}.fade-in{animation:fade-in .6s ease forwards}.fade-in2{animation:fade-in2 3s ease forwards}.slide-up{animation:slide-up .7s ease forwards}.zoom-in{animation:zoom-in .6s ease-out forwards}.enter-left{animation:enter-left .8s ease forwards}.enter-right{animation:enter-right .8s ease forwards}.enter-top{animation:enter-top .8s ease forwards}.enter-bottom{animation:enter-bottom .8s ease forwards}.fade-zoom{animation:fade-zoom .8s ease forwards}.fade-rotate{animation:fade-rotate .8s ease forwards}.fade-up{animation:fade-up .8s ease forwards}.blur-in{animation:blur-in .8s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.animated{will-change:transform,opacity}