*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Garet;src:url(/fonts/Garet-Book.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Garet;src:url(/fonts/Garet-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Garet;src:url(/fonts/Garet-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Garet;src:url(/fonts/Garet-Heavy.otf) format("opentype");font-weight:800;font-style:normal}:root{--bg: #FAFAF7;--bg-card: #FFFFFF;--bg-input: #F4F4F0;--bg-hover: #F0F0EA;--border: #E5E5E0;--border-md: #D8D8D2;--text-1: #0D0D12;--text-2: #6B6B7A;--text-3: #A8A8B3;--accent: #F5C518;--accent-dark: #D4A800;--accent-light: #FFF3B0;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-display: "Garet", sans-serif;--font-body: "Garet", sans-serif;--lucia: #FF6B35;--lucia-bg: #FFF0E8;--felipe: #2D6BE4;--felipe-bg: #E8F0FF;--sofia: #00C896;--sofia-bg: #E0FBF3;--andres: #9B5DE5;--andres-bg: #F3EEFF;--carmen: #00B4D8;--carmen-bg: #E0F7FB;--diego: #FF3366;--diego-bg: #FFE8EE;--valentina: #FF9F1C;--valentina-bg: #FFF4E0}html,body,#root{height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--text-1)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:99px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Garet Bold;src:url(/fonts/Garet-Font/WOFF2/Garet-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Garet Book;src:url(/fonts/Garet-Book.ttf) format("truetype");font-weight:400;font-style:normal}