@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";:root{--bg: #f4f2f8;--card: #fff;--text: #1a1625;--muted: #5c5470;--accent: #7c3aed;--accent2: #a78bfa;--border: #e4dff0;--dock-bg: rgba(255, 255, 255, .18);--dock-border: rgba(255, 255, 255, .38);--dock-shine: rgba(255, 255, 255, .45);--glow: rgba(124, 58, 237, .25);--ease: cubic-bezier(.22, 1, .36, 1)}[data-theme=dark]{--bg: #0f0e14;--card: #1a1824;--text: #ece8f5;--muted: #a89fc4;--accent: #a78bfa;--accent2: #7c3aed;--border: #2d2840;--dock-bg: rgba(18, 16, 28, .22);--dock-border: rgba(255, 255, 255, .1);--dock-shine: rgba(255, 255, 255, .08);--glow: rgba(167, 139, 250, .2)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;padding-bottom:5.5rem;transition:background .4s var(--ease),color .4s var(--ease)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(124,58,237,.15),transparent),radial-gradient(ellipse 60% 40% at 90% 10%,rgba(167,139,250,.12),transparent),radial-gradient(ellipse 50% 30% at 50% 100%,rgba(124,58,237,.08),transparent);pointer-events:none}[data-theme=dark] body:before{background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(124,58,237,.2),transparent),radial-gradient(ellipse 60% 40% at 90% 20%,rgba(167,139,250,.1),transparent)}a{color:var(--accent);transition:color .25s,opacity .25s}a:hover{opacity:.85}.sec{max-width:900px;margin:0 auto;padding:3rem 1.25rem}.sec:not(.hero) h2,.sec:not(.hero) .grid article,.sec:not(.hero) .card,.sec.contact p,.sec.contact>a{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.sec.visible h2,.sec.visible .grid article,.sec.visible .card,.sec.contact.visible p,.sec.contact.visible>a{opacity:1;transform:translateY(0)}.hero{text-align:center;padding-top:4rem;opacity:1;transform:none}.hero>*{animation:fadeUp .7s var(--ease) backwards}.hero .avatar{animation-delay:.05s}.hero .tag{animation-delay:.12s}.hero h1{animation-delay:.18s}.hero .lead{animation-delay:.24s}.hero .about{animation-delay:.3s}.hero .chips{animation-delay:.36s}.hero .soft{animation-delay:.42s}.hero .actions{animation-delay:.48s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.avatar{width:148px;height:148px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);box-shadow:0 0 0 6px var(--glow),0 12px 40px #0000001f;transition:transform .4s var(--ease),box-shadow .4s}.avatar:hover{transform:scale(1.04);box-shadow:0 0 0 10px var(--glow),0 16px 48px #7c3aed33}.tag{color:var(--accent);font-weight:600;margin-top:1.25rem;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}h1{font-size:clamp(1.75rem,4vw,2.4rem);margin:.5rem 0;font-weight:700;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] h1{background:linear-gradient(135deg,#fff 0%,var(--accent2) 100%);-webkit-background-clip:text;background-clip:text}.lead{font-size:1.1rem;color:var(--muted);max-width:520px;margin:0 auto}.about{margin:1rem auto;max-width:600px;color:var(--muted)}.chips,.soft{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.75rem}.chips{margin-top:1.25rem}.soft{margin-top:.5rem}.chips span,.soft span{background:var(--card);border:1px solid var(--border);padding:.4rem .85rem;border-radius:999px;font-size:.85rem;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}.chips span:hover,.soft span:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 4px 16px var(--glow)}.actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.actions a{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;text-decoration:none;padding:.6rem 1.15rem;border-radius:10px;font-weight:600;transition:transform .25s var(--ease),box-shadow .25s}.actions a:hover{transform:translateY(-3px);box-shadow:0 8px 24px var(--glow);opacity:1}.actions a:nth-child(n+2){background:var(--card);color:var(--accent);border:1px solid var(--accent)}.actions a:nth-child(n+2):hover{background:var(--accent);color:#fff}h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--accent);font-weight:700;position:relative;display:block;width:fit-content}h2:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px;transition:width .6s var(--ease)}.sec.visible h2:after{width:100%}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.projects{display:flex;flex-direction:column;gap:0}.grid article,.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.15rem;margin-bottom:1rem;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s,background .4s}.sec.visible .grid article:nth-child(1){transition-delay:.05s}.sec.visible .grid article:nth-child(2){transition-delay:.1s}.sec.visible .grid article:nth-child(3){transition-delay:.15s}.sec.visible .grid article:nth-child(4){transition-delay:.2s}.sec.visible .card:nth-child(1){transition-delay:.05s}.sec.visible .card:nth-child(2){transition-delay:.1s}.sec.visible .card:nth-child(3){transition-delay:.15s}.sec.visible .card:nth-child(4){transition-delay:.2s}.sec.visible .card:nth-child(5){transition-delay:.25s}.card>a{display:inline-block;margin-top:.5rem;font-weight:600;padding:.35rem .75rem;border-radius:8px;border:1px solid var(--accent);text-decoration:none;transition:background .25s,color .25s,transform .25s}.card>a:hover{background:var(--accent);color:#fff;transform:translateY(-2px);opacity:1}.grid article:hover,.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014;border-color:#7c3aed59}[data-theme=dark] .grid article:hover,[data-theme=dark] .card:hover{box-shadow:0 12px 32px #00000059}.grid h3{font-size:.95rem;margin-bottom:.5rem;color:var(--accent)}.grid ul{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem}.grid li{background:var(--bg);padding:.25rem .55rem;border-radius:6px;font-size:.85rem;transition:background .2s}.grid li:hover{background:var(--border)}.card h3{font-size:1.05rem}.card .lista{list-style:disc;list-style-position:inside;padding:.5rem .75rem 0;margin-top:.35rem}.card .lista li{margin-bottom:.35rem}.idiomas{margin-top:.5rem}.idiomas h3{font-size:1.05rem;margin-bottom:.5rem}.meta{color:var(--muted);font-size:.9rem;margin:.25rem 0 .5rem}.proj{display:grid;gap:1rem;overflow:hidden}.proj img{width:100%;max-height:200px;object-fit:cover;border-radius:10px;transition:transform .5s var(--ease)}.proj:hover img{transform:scale(1.03)}.tech{font-size:.85rem;color:var(--muted);margin:.5rem 0}.links a{margin-right:1rem;font-weight:600;position:relative}.links a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--accent);transition:width .3s var(--ease)}.links a:hover:after{width:100%}.contact{text-align:center}.contact a{font-size:1.15rem;font-weight:600;display:inline-block;margin-top:.5rem;padding:.5rem 1rem;border-radius:8px;transition:background .25s,transform .25s}.contact a:hover{background:var(--glow);transform:scale(1.02)}footer{text-align:center;padding:1.5rem;color:var(--muted);font-size:.85rem}.theme-wrap{position:fixed;top:1rem;right:1rem;z-index:100;display:flex;align-items:center;gap:.6rem;animation:fadeUp .6s var(--ease) .2s backwards}.theme-label{font-size:.85rem;font-weight:600;color:var(--muted);white-space:nowrap}.theme-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;font-size:1.15rem;display:grid;place-items:center;transition:transform .35s var(--ease),box-shadow .35s,background .35s}.theme-icon{line-height:1}.theme-btn:hover{transform:rotate(15deg) scale(1.05);box-shadow:0 4px 20px var(--glow)}.dock{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.3rem;padding:.45rem .55rem;background:var(--dock-bg);backdrop-filter:blur(22px) saturate(1.9);-webkit-backdrop-filter:blur(22px) saturate(1.9);border:1px solid var(--dock-border);border-radius:22px;box-shadow:0 8px 32px #0000000f,inset 0 1px 0 var(--dock-shine);z-index:100;animation:dockUp .7s var(--ease) .5s backwards;isolation:isolate}[data-theme=dark] .dock{box-shadow:0 10px 40px #00000047,inset 0 1px 0 var(--dock-shine)}@keyframes dockUp{0%{opacity:0;transform:translate(-50%) translateY(24px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dock button{border:none;background:transparent;color:var(--muted);padding:.45rem .65rem;border-radius:12px;cursor:pointer;font-size:.75rem;font-weight:600;font-family:inherit;transition:all .3s var(--ease)}.dock button:hover{color:var(--accent);background:#ffffff38}[data-theme=dark] .dock button:hover{background:#ffffff0f}.dock button.on{background:#7c3aed8c;color:#fff;box-shadow:0 2px 12px var(--glow),inset 0 1px #ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .dock button.on{background:#a78bfa6b}@media(min-width:700px){.proj{grid-template-columns:220px 1fr;align-items:start}.dock button{font-size:.8rem;padding:.5rem .85rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sec h2,.sec .card,.sec .grid article,.sec.contact p,.sec.contact>a{opacity:1;transform:none}}