@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg:#0a0a0c;--bg-1:#100f12;--bg-2:#16151a;--line:#ffffff14;--line-2:#ffffff24;--fg:#f4f0e9;--fg-soft:#cbc6bd;--muted:#8b857c;--accent:#f5a623;--accent-2:#ffca6a;--accent-deep:#c77d15;--accent-glow:#f5a62359;--scene-accent:#f5a623;--scene-accent-2:#ffcf7a;--radius:16px;--maxw:1180px;--ease:cubic-bezier(.22, 1, .36, 1);--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Space Grotesk", var(--font-body)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--bg);color:var(--fg);font-family:var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;line-height:1.55;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(120% 80% at 50% -10%,#f5a6230d,#0000 55%),radial-gradient(100% 100% at 50% 120%,#0009,#0000 60%);position:fixed;inset:0}::selection{background:var(--accent);color:#14100a}a{color:inherit;text-decoration:none}h1,h2,h3,.display{font-family:var(--font-display), var(--font-body), sans-serif;letter-spacing:-.02em;font-weight:600;line-height:1.02}.snap{scroll-snap-type:y proximity;scroll-behavior:smooth;z-index:2;height:100dvh;position:relative;overflow:hidden scroll}.snap::-webkit-scrollbar{width:0;height:0}.snap{scrollbar-width:none}.section{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;min-height:100dvh;padding:clamp(72px,10vh,120px) clamp(20px,6vw,80px);display:flex;position:relative}.wrap{width:100%;max-width:var(--maxw);margin:0 auto}.eyebrow{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);opacity:.7;width:26px;height:1px}.chip{letter-spacing:.01em;color:var(--fg-soft);border:1px solid var(--line-2);white-space:nowrap;background:#ffffff05;border-radius:999px;padding:5px 12px;font-size:12.5px;display:inline-block}.btn{font-family:var(--font-display);border:1px solid var(--line-2);color:var(--fg);transition:all .35s var(--ease);background:#ffffff05;border-radius:999px;align-items:center;gap:9px;padding:12px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent-2);box-shadow:0 0 0 1px var(--accent), 0 10px 40px -12px var(--accent-glow);transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#17110a;border-color:var(--accent);font-weight:600}.btn-primary:hover{background:var(--accent-2);color:#17110a;box-shadow:0 12px 44px -10px var(--accent-glow)}.link-accent{color:var(--accent-2);transition:color .25s var(--ease)}.link-accent:hover{color:var(--accent)}.card{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .4s var(--ease), transform .4s var(--ease), box-shadow .4s var(--ease);background:linear-gradient(#ffffff09,#ffffff03)}.card:hover{border-color:var(--line-2);transform:translateY(-3px)}.dots{z-index:40;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:clamp(14px,2vw,26px);transform:translateY(-50%)}.dot{border:1px solid var(--line-2);cursor:pointer;width:9px;height:9px;transition:all .35s var(--ease);background:0 0;border-radius:50%;padding:0}.dot:hover{border-color:var(--accent)}.dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);transform:scale(1.15)}.scroll-hint{color:var(--muted);letter-spacing:.22em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-hint .mouse{border:1px solid var(--line-2);border-radius:12px;width:22px;height:34px;position:relative}.scroll-hint .mouse:after{content:"";background:var(--accent);width:3px;height:6px;animation:wheel 1.6s var(--ease) infinite;border-radius:2px;position:absolute;top:7px;left:50%;transform:translate(-50%)}@keyframes wheel{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}to{opacity:0;transform:translate(-50%,10px)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (prefers-reduced-motion:reduce){html,.snap{scroll-behavior:auto}.scroll-hint .mouse:after{animation:none}}@media (max-width:900px){.tfg-grid{grid-template-columns:1fr!important}.tfg-visual{order:-1}.skill-row{margin-bottom:6px;grid-template-columns:1fr!important;gap:2px!important}}@media (max-width:760px){.nav-links{display:none!important}.dots{display:none}.section{padding-left:22px;padding-right:22px}}#hero:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(100deg,#0a0a0cf0 0%,#0a0a0cbd 34%,#0a0a0c47 58%,#0a0a0c00 80%);position:absolute;inset:0}#hero .wrap{z-index:1;position:relative}#contacto:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 90% at 30% 40%,#0a0a0cd1,#0000 70%);position:absolute;inset:0}#contacto .wrap{z-index:1;position:relative}.section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(125% 105% at 40% 42%,#0a0a0c80,#0a0a0c42 78%);position:absolute;inset:0}.section>.wrap{z-index:1;position:relative}.about-scroll{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 87%,#0000 100%);mask-image:linear-gradient(90deg,#000 87%,#0000 100%)}.about-grid{grid-template-columns:300px 660px 520px;align-items:stretch;gap:18px;width:max-content;height:min(74vh,620px);display:grid}.about-photo{min-height:0}.about-col{flex-direction:column;gap:14px;min-height:0;display:flex}.about-exp{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.about-exp-scroll{min-height:0;padding:8px 22px 20px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 0 calc(100% - 22px),#0000 100%);mask-image:linear-gradient(#000 0 calc(100% - 22px),#0000 100%)}.exp-item{border-top:1px solid var(--line);padding:16px 0}.exp-item:first-child{border-top:0;padding-top:4px}@media (max-width:900px){.about-scroll{overflow-x:visible;-webkit-mask-image:none;mask-image:none}.about-grid{grid-template-columns:1fr;width:auto;height:auto}.about-photo{height:340px}.about-exp{max-height:420px}}.section-top{justify-content:flex-start;padding-top:clamp(92px,13vh,140px)}.proj-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;display:grid}.clamp3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.band{min-width:0}