@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=NTR&family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap";:root{--principal-color: #C83356;--secondary-color: #C75A31;--tertiary-color: #E6BC5C;--quaternary-color: #3ECBA6;--quinary-color: #167FA2;--principal-color-hover: #701233;--secondary-color-hover: #804a23;--tertiary-color-hover: #978312;--quaternary-color-hover: #38B794;--quinary-color-hover: #0A5F7F;--principal-color-disabled: #FAC6D2;--secondary-color-disabled: #fdba9f;--tertiary-color-disabled: #FFF1D0;--quaternary-color-disabled: #caf3ca;--quinary-color-disabled: #B5DBE7;--text-color: var(--quinary-color-hover);--correct-color: #8DCC52;--error-color: #EB351A;--error-color-disabled: #FCD8D3;--warning-color: var(--secondary-color);--info-color: var(--quinary-color);--dark-color: #141414;--bg-body: #FFFFFF;--bg-surface: #F8F9FA;--bg-elevated: #FFFFFF;--text-main: #FFFFFF;--text-secondary: #555555;--text-inverse: #131313;--border-color: #DEE2E6;--hover-bg: #F1F3F5;--font-primary: "Comfortaa", sans-serif;--font-secondary: "NTR", sans-serif;--font-tertiary: "Mulish", sans-serif;--font-size-tittle-h1: 68px;--font-size-tittle-h2: 42px;--font-size-tittle-h3: 26px;--font-size-tittle-h4: 20px;--font-size-medium: 16px;--font-size-small: 14px;--font-size-extra-small: 12px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.1;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--font-ratio: 1.25;--border-radius-small: 10px;--border-radius-medium: 20px;--border-radius-full: 9999px;--border-thin: 1px;--border-medium: 2px;--border-thick: 4px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--breakpoint-mobile: 640px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-large-desktop: 1280px;--breakpoint-mobile-max: 639px;--breakpoint-tablet-max: 767px;--breakpoint-desktop-max: 1023px;--container-max-width: 1400px;--container-tablet-max: 768px;--container-desktop-max: 1024px;--transition-slow: .6s ease-in-out;--transition-medium: .4s ease-in-out;--transition-fast: .2s ease-in-out;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-13: 3.25rem;--spacing-14: 3.5rem;--spacing-15: 3.75rem;--spacing-16: 4rem;--spacing-17: 4.25rem;--spacing-18: 4.5rem;--spacing-19: 4.75rem;--spacing-20: 5rem;--spacing-21: 5.25rem;--spacing-22: 5.5rem;--spacing-23: 5.75rem;--spacing-24: 6rem}.dark-mode,[data-theme=dark]{--principal-color: #FF5A7E;--secondary-color: #FF8C5A;--tertiary-color: #FFD966;--quaternary-color: #4DD0B3;--quinary-color: #1AAFDD;--principal-color-hover: #E63F68;--secondary-color-hover: #E67A4A;--tertiary-color-hover: #E6C555;--quaternary-color-hover: #39B894;--quinary-color-hover: #0F98C5;--principal-color-disabled: #8B3355;--secondary-color-disabled: #8B5544;--tertiary-color-disabled: #8B7744;--quaternary-color-disabled: #4D7D6B;--quinary-color-disabled: #4D7A8B;--text-color: var(--quinary-color);--correct-color: #66DD33;--error-color: #FF6B5B;--error-color-disabled: #8B4D47;--warning-color: var(--secondary-color);--info-color: var(--quinary-color);--dark-color: #141414;--bg-body: #1A1A1A;--bg-surface: #252525;--bg-elevated: #323232;--text-main: #FFFFFF;--text-secondary: #D0D0D0;--text-inverse: #1A1A1A;--border-color: #404040;--hover-bg: #3A3A3A}:root{--bg-body: #FFFFFF;--bg-elevated: #F8F9FA;--bg-card: #FFFFFF;--bg-surface: #F1F3F5;--bg-input: #FFFFFF;--bg-light: #F8F9FA;--text-main: #FFFFFF;--text-secondary: #6C757D;--text-inverse: #1b1b1b;--text-muted: #9CA3AF;--text-danger: #DC3545;--text-success: #28A745;--border-color: #DEE2E6;--border-light: #E9ECEF;--border-dark: #ADB5BD;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--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);--principal-color: #EF476F;--secondary-color: #F37748;--theme-transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease}[data-theme=dark],.dark-mode{--bg-body: #141414;--bg-elevated: #1F1F1F;--bg-card: #1A1A1A;--bg-surface: #2A2A2A;--bg-input: #2A2A2A;--bg-light: #242424;--text-main: #FFFFFF;--text-secondary: #A0A0A0;--text-inverse: #141414;--text-muted: #6B7280;--text-danger: #F87171;--text-success: #4ADE80;--border-color: #404040;--border-light: #2D2D2D;--border-dark: #555555;--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);--principal-color-disabled: #2A1530;--secondary-color-disabled: #2A1D15;--tertiary-color-disabled: #1A2A2A;--quaternary-color-disabled: #2A2A1A;--quinary-color-disabled: #1A1A2A}*{box-sizing:border-box}html{line-height:var(--line-height-normal);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-color);background:var(--tertiary-color-disabled)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}p{margin:0}ul,li{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg,video,canvas{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit;color:inherit}button{border:none;background:none;cursor:pointer}table{border-collapse:collapse;border-spacing:0}body{font-family:var(--font-tertiary);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);background-color:var(--tertiary-color-disabled);color:var(--text-main);transition:var(--theme-transition)}h1,h2,h3,h4,h5,h6,p,span,a,button,input,textarea,select{transition:var(--theme-transition)}a:focus-visible{outline:3px solid var(--principal-color);outline-offset:2px;border-radius:2px}button:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible,input[type=reset]:focus-visible{outline:3px solid var(--principal-color);outline-offset:2px;border-radius:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--quinary-color);outline-offset:2px;border-radius:4px}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:3px solid var(--principal-color);outline-offset:2px}[data-theme=dark] a:focus-visible{outline-color:var(--tertiary-color-hover)}[data-theme=dark] button:focus-visible,[data-theme=dark] input[type=button]:focus-visible,[data-theme=dark] input[type=submit]:focus-visible,[data-theme=dark] input[type=reset]:focus-visible{outline-color:var(--tertiary-color-hover)}[data-theme=dark] input:focus-visible,[data-theme=dark] textarea:focus-visible,[data-theme=dark] select:focus-visible{outline-color:var(--quaternary-color)}[data-theme=dark] input[type=checkbox]:focus-visible,[data-theme=dark] input[type=radio]:focus-visible{outline-color:var(--secondary-color-hover)}:focus:not(:focus-visible){outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}h1{font-family:var(--font-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-tittle-h1)}h2{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-tittle-h2)}h3{font-family:var(--font-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-tittle-h3)}h4{font-family:var(--font-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-tittle-h4)}h5{font-family:var(--font-tertiary);font-weight:var(--font-weight-medium);font-size:var(--font-size-medium)}h6{font-family:var(--font-tertiary);font-weight:var(--font-weight-medium);font-size:var(--font-size-small)}p{font-size:var(--font-size-small);margin-bottom:var(--spacing-4)}small{font-size:var(--font-size-extra-small)}.grid{display:grid;gap:var(--spacing-6);grid-template-columns:repeat(6,1fr)}@media (max-width: var(--breakpoint-tablet)){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: var(--breakpoint-mobile)){.grid{grid-template-columns:1fr}}.grid-item--span-2{grid-column:span 2}.grid-item--span-3{grid-column:span 3}.grid-item--span-4{grid-column:span 4}.grid-item--span-6{grid-column:span 6}.grid-item--span-12{grid-column:span 12}.flex{display:flex;gap:var(--spacing-6)}.flex--center{justify-content:center;align-items:center}.flex--col{flex-direction:column}.container{width:100%;max-width:var(--breakpoint-desktop);margin:0 auto;padding:0 var(--spacing-4)}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.spinner{animation:spinner-rotate .8s linear infinite}.spinner--pulse{animation:spinner-pulse .4s ease-in-out infinite}@keyframes card-hover-scale{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(1.02) translateY(-4px);opacity:1}}.card:hover{animation:card-hover-scale .25s ease-out forwards}@keyframes task-completion-bounce{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15)}to{transform:scale(1);opacity:.9}}@keyframes task-checkmark-pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.task-item--completed{animation:task-completion-bounce .4s cubic-bezier(.68,-.55,.265,1.55) forwards}.task-checkmark{animation:task-checkmark-pop .35s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes image-fade-in{0%{opacity:0}to{opacity:1}}img[loading=lazy]{animation:image-fade-in .3s ease-in-out forwards}[data-theme=dark]{--principal-color: #A05070;--secondary-color: #A06544;--tertiary-color: #A08F44;--quaternary-color: #5A9D8B;--quinary-color: #2C8FA3;--principal-color-hover: #8B4455;--secondary-color-hover: #8B5544;--tertiary-color-hover: #8B7744;--quaternary-color-hover: #4D7F6B;--quinary-color-hover: #1F6F83;--principal-color-disabled: #6B3344;--secondary-color-disabled: #6B4433;--tertiary-color-disabled: #6B5F33;--quaternary-color-disabled: #3D5F4F;--quinary-color-disabled: #1F4F63;--text-color: #CCCCCC;--correct-color: #66DD33;--error-color: #FF6B5B;--error-color-disabled: #8B4D47;--warning-color: #FFB84D;--info-color: #4DCCFF;--dark-color: #141414;--bg-body: #1A1A1A;--bg-surface: #333333;--bg-elevated: #3A3A3A;--text-main: #FFFFFF;--text-secondary: #D0D0D0;--text-tertiary: #999999;--text-inverse: #1A1A1A;--text-danger: #FF6B5B;--text-primary: #FFFFFF;--border-color: #4A4A4A;--bg-hover: #424242}