@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-600: oklch(.577 .245 27.325);--color-orange-400: oklch(.75 .183 55.934);--color-amber-300: oklch(.879 .169 91.605);--color-yellow-300: oklch(.905 .182 98.111);--color-blue-50: oklch(.97 .014 254.604);--color-gray-100: oklch(.967 .003 264.542);--color-gray-300: oklch(.872 .01 258.338);--color-gray-400: oklch(.707 .022 261.325);--color-gray-500: oklch(.551 .027 264.364);--color-gray-700: oklch(.373 .034 259.733);--color-gray-800: oklch(.278 .033 256.848);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-md: 28rem;--container-3xl: 48rem;--container-5xl: 64rem;--container-7xl: 80rem;--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-6xl: 3.75rem;--text-6xl--line-height: 1;--text-7xl: 4.5rem;--text-7xl--line-height: 1;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-relaxed: 1.625;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-11{right:calc(var(--spacing) * 11)}.left-0{left:calc(var(--spacing) * 0)}.left-10{left:calc(var(--spacing) * 10)}.isolate{isolation:isolate}.z-10{z-index:10}.m-1{margin:calc(var(--spacing) * 1)}.m-2{margin:calc(var(--spacing) * 2)}.m-4{margin:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-5{margin-left:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[450px\]{max-height:450px}.min-h-\[50vh\]{min-height:50vh}.min-h-screen{min-height:100vh}.w-9{width:calc(var(--spacing) * 9)}.w-35{width:calc(var(--spacing) * 35)}.w-40{width:calc(var(--spacing) * 40)}.w-160{width:calc(var(--spacing) * 160)}.w-\[50\%\]{width:50%}.w-\[95\%\]{width:95%}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[80\%\]{max-width:80%}.max-w-\[950px\]{max-width:950px}.max-w-md{max-width:var(--container-md)}.min-w-\[300px\]{min-width:300px}.min-w-md{min-width:var(--container-md)}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-8{column-gap:calc(var(--spacing) * 8)}:where(.space-x-5>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.bg-\[rgb\(176\,62\,255\)\]{background-color:#b03eff}.bg-amber-300{background-color:var(--color-amber-300)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-r{--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(to_bottom\,rgba\(255\,255\,255\,0\.4\)\,rgba\(255\,255\,255\,100\)\)\,url\(\'\/assets\/img\/fondoInicio\.jpg\'\)\]{background-image:linear-gradient(to bottom,#fff6,#fff),url(/assets/img/fondoInicio.jpg)}.from-yellow-300{--tw-gradient-from: var(--color-yellow-300);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-400{--tw-gradient-to: var(--color-orange-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-center{background-position:center}.fill-\[rgb\(169\,56\,243\)\]{fill:#a938f3}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-24{padding-block:calc(var(--spacing) * 24)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.text-\[rgb\(169\,56\,243\)\]{color:#a938f3}.text-black{color:var(--color-black)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-white{color:var(--color-white)}.opacity-0{opacity:0%}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-gray-500{--tw-shadow-color: var(--color-gray-500)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.delay-150{transition-delay:.15s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.duration-400{--tw-duration: .4s;transition-duration:.4s}.duration-500{--tw-duration: .5s;transition-duration:.5s}@media (hover: hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}}@media (hover: hover){.group-hover\:border-white:is(:where(.group):hover *){border-color:var(--color-white)}}@media (hover: hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:100%}}@media (hover: hover){.group-hover\:shadow-\[0_5px_20px_rgba\(0\,0\,0\,0\.3\)\]:is(:where(.group):hover *){--tw-shadow: 0 5px 20px var(--tw-shadow-color, rgba(0,0,0,.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media (hover: hover){.hover\:-translate-y-1:hover{--tw-translate-y: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media (hover: hover){.hover\:scale-102:hover{--tw-scale-x: 102%;--tw-scale-y: 102%;--tw-scale-z: 102%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media (hover: hover){.hover\:scale-110:hover{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media (hover: hover){.hover\:bg-\[rgb\(189\,95\,255\)\]:hover{background-color:#bd5fff}}@media (hover: hover){.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}}@media (hover: hover){.hover\:stroke-\[rgb\(0\,119\,181\)\]:hover{stroke:#0077b5}}@media (hover: hover){.hover\:stroke-gray-100:hover{stroke:var(--color-gray-100)}}@media (hover: hover){.hover\:stroke-red-600:hover{stroke:var(--color-red-600)}}@media (hover: hover){.hover\:text-\[rgb\(154\,47\,229\)\]:hover{color:#9a2fe5}}@media (hover: hover){.hover\:text-white:hover{color:var(--color-white)}}@media (hover: hover){.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media (hover: hover){.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.active\:bg-\[rgb\(166\,91\,219\)\]:active{background-color:#a65bdb}@media (width >= 40rem){.sm\:m-4{margin:calc(var(--spacing) * 4)}}@media (width >= 40rem){.sm\:mr-5{margin-right:calc(var(--spacing) * 5)}}@media (width >= 40rem){.sm\:ml-15{margin-left:calc(var(--spacing) * 15)}}@media (width >= 40rem){.sm\:h-20{height:calc(var(--spacing) * 20)}}@media (width >= 40rem){.sm\:h-full{height:100%}}@media (width >= 40rem){.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}}@media (width >= 48rem){.md\:mt-5{margin-top:calc(var(--spacing) * 5)}}@media (width >= 48rem){.md\:flex{display:flex}}@media (width >= 48rem){.md\:h-56{height:calc(var(--spacing) * 56)}}@media (width >= 48rem){.md\:h-auto{height:auto}}@media (width >= 48rem){.md\:w-\[80\%\]{width:80%}}@media (width >= 48rem){.md\:w-\[85\%\]{width:85%}}@media (width >= 48rem){.md\:max-w-3xl{max-width:var(--container-3xl)}}@media (width >= 48rem){.md\:max-w-\[85\%\]{max-width:85%}}@media (width >= 48rem){.md\:flex-row{flex-direction:row}}@media (width >= 48rem){.md\:items-stretch{align-items:stretch}}@media (width >= 48rem){.md\:justify-center{justify-content:center}}@media (width >= 48rem){.md\:justify-start{justify-content:flex-start}}@media (width >= 48rem){.md\:overflow-hidden{overflow:hidden}}@media (width >= 48rem){.md\:object-fill{object-fit:fill}}@media (width >= 48rem){.md\:p-8{padding:calc(var(--spacing) * 8)}}@media (width >= 48rem){.md\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media (width >= 48rem){.md\:px-\[10\%\]{padding-inline:10%}}@media (width >= 48rem){.md\:py-32{padding-block:calc(var(--spacing) * 32)}}@media (width >= 48rem){.md\:text-left{text-align:left}}@media (width >= 48rem){.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}}@media (width >= 64rem){.lg\:h-64{height:calc(var(--spacing) * 64)}}@media (width >= 64rem){.lg\:p-8{padding:calc(var(--spacing) * 8)}}@media (width >= 64rem){.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading, var(--text-7xl--line-height))}}@media (width >= 80rem){.xl\:justify-end{justify-content:flex-end}}@media (width >= 80rem){.xl\:gap-2{gap:calc(var(--spacing) * 2)}}@media (width >= 80rem){.xl\:gap-6{gap:calc(var(--spacing) * 6)}}@media (width >= 80rem){.xl\:p-8{padding:calc(var(--spacing) * 8)}}@media (width >= 80rem){.xl\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media (width >= 80rem){.xl\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (width >= 96rem){.\32xl\:w-\[85\%\]{width:85%}}@media (width >= 96rem){.\32xl\:w-full{width:100%}}@media (width >= 96rem){.\32xl\:p-8{padding:calc(var(--spacing) * 8)}}@media (prefers-color-scheme: dark){.dark\:text-gray-300{color:var(--color-gray-300)}}}@layer utilities{@keyframes wheel-scroll{0%{top:.5rem;opacity:1}to{top:2rem;opacity:0}}.animate-wheel{animation:wheel-scroll 1.3s infinite}}body,html{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;font-family:Inter,sans-serif;font-weight:400}@layer base{:root{--background: hsl(240, 10%, 98%);--foreground: hsl(240, 5%, 10%);--card: hsl(240, 10%, 98%);--card-foreground: hsl(240, 5%, 10%);--popover: hsl(240, 10%, 98%);--popover-foreground: hsl(240, 5%, 10%);--primary: hsl(262, 80%, 58%);--primary-hover: hsl(262, 80%, 50%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(240, 5%, 96%);--secondary-foreground: hsl(240, 5%, 10%);--muted: hsl(240, 5%, 96%);--muted-foreground: hsl(240, 4%, 46%);--muted-foreground-trasparent: hsla(0, 4%, 83%, .5);--accent: hsl(34, 92%, 64%);--accent-foreground: hsl(0, 0%, 100%);--destructive: hsl(0, 84%, 60%);--destructive-foreground: hsl(0, 0%, 100%);--border: hsl(0, 0%, 90%);--input: hsl(240, 6%, 90%);--ring: hsl(262, 80%, 58%);--font-size-title: 30px;--font-size-title-md: 22px;--font-size-title-xs: 16px;--font-size-subtitle: 18px;--font-size-body: 16px;--font-size-sm: 14px;--font-size-xs: 13px;--font-size-2xs: 12px;--spacing-sm: .25rem;--spacing-md: .5rem;--spacing-lg: 1rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--w-15: 15px;--w-25: 25px;--w-35: 35px}.dark{--background: hsl(240, 10%, 3.9%);--foreground: hsl(0, 0%, 98%);--card: hsl(240, 10%, 3.9%);--card-foreground: hsl(0, 0%, 98%);--popover: hsl(240, 10%, 3.9%);--popover-foreground: hsl(0, 0%, 98%);--primary: hsl(262, 80%, 58%);--primary-hover: hsl(262, 80%, 50%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(240, 4%, 10%);--secondary-foreground: hsl(0, 0%, 98%);--muted: hsl(240, 4%, 10%);--muted-foreground: hsl(240, 4%, 46%);--accent: hsl(340, 80%, 65%);--accent-foreground: hsl(0, 0%, 100%);--destructive: hsl(0, 62.8%, 30.6%);--destructive-foreground: hsl(0, 0%, 98%);--border: hsl(240, 4%, 10%);--input: hsl(240, 4%, 10%);--ring: hsl(262, 80%, 58%)}}h1,h2,h3,h4,p,li{font-family:Inter}p{margin:0;font-size:var(--font-size-body)}h2{font-size:var(--font-size-title);font-weight:700;letter-spacing:-.025em}h3{font-size:var();font-weight:600}.pixel{position:absolute;width:var(--size, 6px);height:var(--size, 6px);background:var(--primary);box-shadow:0 0 6px var(--primary),0 0 12px var(--primary),0 0 18px var(--primary);opacity:.9;animation:pixelFloat var(--duration, 4s) linear forwards;border-radius:2px;transition:filter .25s ease,box-shadow .25s ease;pointer-events:auto}.pixel:hover{filter:brightness(2);box-shadow:0 0 8px var(--primary),0 0 16px var(--primary),0 0 24px var(--primary)}#pixel-background{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible!important}@keyframes pixelFloat{0%{transform:translateY(0) scale(.8);opacity:.4}50%{opacity:1}to{transform:translateY(-200vh) scale(1);opacity:0}}h3{font-size:var(--font-size-h3)}.bg-primary{background-color:var(--primary);color:var(--primary-foreground)}.bg-secundary{background-color:#f4f4f580;color:var(--secondary-foreground);border:transparent}.bg-boton-description{border:1px solid hsl(240 6% 90%)}.bg-boton-description:hover{background-color:var(--primary);color:var(--primary-foreground)}.hover\:bg-secundary\/80:hover{background-color:var(--secondary)}.hover\:bg-primary\/90:hover{background-color:#7d3eeae6}.text-skills{color:var(--secondary-foreground);font-size:14px;border-radius:6px;padding:4px 12px;font-weight:600;font-family:Inter}@font-face{font-family:Inter;src:url("./media/NotoSans-VariableFont_wdth,wght-FDRM5LY3.ttf") format("truetype");font-weight:100 900;font-stretch:25% 100%;font-style:normal}@keyframes fadeSlide{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translate(-45px)}}@keyframes cambioColorFlecha{0%{fill:0% 50%}50%{fill:100% 50%}to{fill:0% 50%}}@keyframes cambioColorVolver{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes moverFlecha{0%{transform:translate(0)}to{transform:translate(-20px)}}.animate-fade-slide{animation:fadeSlide 2s ease-in-out infinite}.group:hover .animate-fade-slide{animation:none}.cambio-color-flecha{fill:linear-gradient(45deg,rgb(54,26,62),rgb(34,17,39),rgb(255,105,180));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:cambioColorFlecha 2s ease-in-out infinite}.hover-mover-flecha{animation:moverFlecha 2s ease-in-out infinite}.cambio-color-volver{background:linear-gradient(45deg,#361a3e,#921cb3,#ff69b4);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:cambioColorVolver 3s ease infinite}.image-card{width:300px;height:150px;border-radius:12px}[appearOnScroll]{opacity:0;transform:translateY(-30px);transition:all 1s ease-out}.appear-visible{opacity:1;transform:translateY(0)}@media (max-width: 1260px){p{font-size:var(--font-size-2xs)}h1{font-size:var()}h2,h3{font-size:var(--font-size-title-xs)}.text-skills{font-size:var(--font-size-2xs)}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false; initial-value: rotateX(0);}@property --tw-rotate-y{syntax: "*"; inherits: false; initial-value: rotateY(0);}@property --tw-rotate-z{syntax: "*"; inherits: false; initial-value: rotateZ(0);}@property --tw-skew-x{syntax: "*"; inherits: false; initial-value: skewX(0);}@property --tw-skew-y{syntax: "*"; inherits: false; initial-value: skewY(0);}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}
