@charset "UTF-8";:root{--color-dark: #2D2420;--color-cream: #F9F5F2;--color-gold: #AD8A6A;--color-warm-gray: #86816C;--color-beige: #EAE7E1;--color-white: #FFFFFF;--color-overlay: rgba(45, 36, 32, .47);--font-serif: "Fraunces", Georgia, serif;--font-sans: "DM Sans", system-ui, sans-serif;--max-width: 1440px;--nav-height: 72px;--section-padding: 96px}@media (max-width: 1199px){:root{--section-padding: 72px 64px}}@media (max-width: 767px){:root{--section-padding: 56px 24px;--nav-height: 64px}}@media (max-width: 479px){:root{--section-padding: 48px 20px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-white);color:var(--color-dark);overflow-x:hidden;line-height:1.5}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:var(--font-sans)}.reveal{display:block;opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}.reveal--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#inicio,#portfolio,#sobre-mi,#testimonios,#contacto{scroll-margin-top:var(--nav-height)}.dl-magnetic{transition:transform .35s cubic-bezier(.22,.61,.36,1);will-change:transform}.dl-shine{position:relative;overflow:hidden;isolation:isolate}.dl-shine:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.38) 48%,transparent 66%);transform:translate(-120%);animation:dl-shine 4.5s cubic-bezier(.22,.61,.36,1) 1.8s infinite}@keyframes dl-shine{0%{transform:translate(-120%)}28%,to{transform:translate(120%)}}@media (prefers-reduced-motion: reduce){.dl-magnetic{transition:none}.dl-shine:after{animation:none;display:none}}