:root{--color-primary: hsl(0deg 0% 98%);--color-secondary: hsl(40deg 60% 60%);--color-bg: hsl(170deg 40% 10%);--color-bg-light: hsl(170deg 40% 16%);--color-bg-grey-light: hsl(0 0% 92%);--color-text: hsl(0deg 0% 98%);--color-text-muted: hsl(0deg 0% 26%);--color-text-black: hsl(0, 0%, 5%);--color-error: hsl(0deg 85% 60%);--color-success: hsl(160deg 85% 40%);--gradient-primary: linear-gradient(215deg, #183934 0%, #407562 100%);--gradient-hero: linear-gradient( 180deg, hsl(0deg 0% 0% / 25%) 0%, hsl(0deg 0% 100% / 0%) 100% );--color-navbar-svg: hsl(0deg 0% 98%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-serif: "DM Serif Text", serif;--font-size-base: 16px;--font-size-sm: 14px;--font-size-lg: 20px;--font-size-xl: 32px;--fs-h1: clamp(2.5rem, 5vw + 1rem, 4.5rem);--fs-h2: clamp(2rem, 4vw + .5rem, 3rem);--fs-h3: clamp(1.4rem, 3vw + .25rem, 2rem);--fs-h4: clamp(1.2rem, 2vw + .25rem, 1.5rem);--fs-h5: clamp(.9rem, 1.5vw + .25rem, 1.25rem);--fs-h6: clamp(.8rem, 1vw + .25rem, 1rem);--fs-base: 1rem;--padding-to-radius: 8px;--padding-lateral: 4rem clamp(1rem, 4vw + .5rem, 4rem);--radius-inside: 16px;--radius-outside: 24px;--box-shadow-border: hsl(0deg 0% 0% / 2%) 0px 1px 3px 0px, hsl(210deg 12% 12% / 15%) 0px 0px 0px 1px}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf) format("truetype");font-display:swap}@font-face{font-family:"DM Serif Text";src:url(/fonts/DMSerifText-Regular.ttf) format("truetype");font-display:swap}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-bg-light) var(--color-primary)}html{overflow-x:hidden}body{width:100%;background-color:var(--color-primary)}body:has(#imagen-popover:popover-open) *{pointer-events:none}body:has(#imagen-popover:popover-open) #imagen-popover{pointer-events:auto}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}h5{font-size:var(--fs-h5)}h6{font-size:var(--fs-h6)}h1,h2,h3,h4,h5,h6,blockquote{font-family:var(--font-serif);font-weight:400;color:var(--color-text)}p,a,li,label,input,textarea,button,select,summary{font-size:var(--fs-base);font-family:var(--font-sans);color:var(--color-text)}span{font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--color-text)}a,a:visited,a:focus{text-decoration:none;font-weight:700}a:hover{cursor:pointer}button{cursor:pointer;text-decoration:none;color:inherit;outline:none;border:none;background:none;-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}ul{list-style:none;padding:0;margin:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes reveal{0%{translate:0 100px}to{translate:0 0}}@keyframes navbar-scroll{0%{background-color:transparent}to{--color-navbar-svg: hsl(0, 0%, 5%);background-color:var(--color-primary);box-shadow:var(--box-shadow-border)}}@keyframes navbar-text-scroll{0%{color:var(--color-text)}to{color:var(--color-text-black)}}@keyframes card-appear{0%{opacity:.6;scale:.85}to{opacity:1;scale:1}}.efecto-reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 15%}.efecto-fade{animation:fade-in linear both;animation-timeline:view();animation-range:entry 0% cover 15%}.navbar-scroll{animation:navbar-scroll linear both;animation-timeline:scroll();animation-range:0 100px}.page-wrapper{width:100dvw;display:grid;grid-template-columns:1fr;gap:4rem;background-color:var(--color-bg);animation:fade-in 1s ease-out}.hero-wrapper{width:100dvw;height:100vh;display:grid;align-items:center;justify-items:center;grid-template-rows:repeat(3,1fr)}.hero-wrapper header{grid-row:2;display:grid;justify-items:center;align-items:center;align-content:center;gap:1rem;padding:0 2rem;text-shadow:0px 3px 16px hsl(0deg 0% 0% / 15%)}.hero-wrapper header h1{font-family:var(--font-sans);font-weight:700;text-align:center}.hero-wrapper header p{width:60%;text-align:center;text-wrap-style:balance}@media(max-width:768px){.hero-wrapper header p{width:100%}}