:root{--md-background:#f9fafb;--md-surface:#fff;--md-surface-variant:#f3f4f6;--md-primary:#111827;--md-primary-variant:#374151;--md-secondary:#6b7280;--md-accent:#3b82f6;--md-accent-variant:#60a5fa;--md-accent-secondary:#8b5cf6;--md-on-primary:#fff;--md-on-surface:#111827;--md-on-surface-variant:#4b5563;--md-space-xs:4px;--md-space-sm:8px;--md-space-md:16px;--md-space-lg:24px;--md-space-xl:32px;--md-space-xxl:48px;--md-space-xxxl:64px;--md-space-xxxxl:80px;--md-elevation-0:0 0 0 #0000;--md-elevation-1:0 1px 3px #0000000a, 0 1px 2px #0000000f;--md-elevation-2:0 4px 8px -2px #0000000d, 0 2px 4px -2px #00000008;--md-elevation-3:0 12px 24px -4px #0000000f, 0 4px 8px -2px #00000008;--md-elevation-4:0 24px 48px -8px #00000014, 0 8px 16px -4px #0000000a;--md-radius-sm:8px;--md-radius-md:12px;--md-radius-lg:16px;--md-radius-xl:20px;--md-radius-2xl:28px;--md-radius-full:999px;--md-font-family:"Inter", system-ui, -apple-system, sans-serif;--md-display-large:56px;--md-display-medium:42px;--md-display-small:32px;--md-headline-large:28px;--md-headline-medium:24px;--md-headline-small:20px;--md-title-large:18px;--md-title-medium:16px;--md-title-small:14px;--md-body-large:16px;--md-body-medium:14px;--md-body-small:12px;--md-transition-fast:.15s ease;--md-transition-medium:.25s ease;--md-transition-slow:.35s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--md-font-family);background-color:var(--md-background);color:var(--md-on-surface);font-weight:400;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none}.container{max-width:1200px;padding:0 var(--md-space-xl);margin:0 auto}.header{-webkit-backdrop-filter:blur(10px);z-index:1000;width:100%;box-shadow:var(--md-elevation-1);transition:all var(--md-transition-medium);background-color:#ffffffeb;position:fixed;top:0;left:0}.header.scrolled{box-shadow:var(--md-elevation-2);background-color:#fffffffa}.navbar{background:0 0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.nav-left,.nav-right{align-items:center;gap:16px;display:flex}.nav-right a{color:var(--md-primary)}.nav-btn{cursor:pointer;color:#333;background:0 0;border:none;border-radius:50%;padding:8px;font-size:1.3rem;transition:background .2s,transform .2s}.nav-btn:hover{background:#0000000f;transform:scale(1.05)}.main-btn{color:#000;font-size:1.5rem}.navbar{z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:0 0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.tooltip{align-items:center;display:inline-flex;position:relative}.tooltip-text{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#000c;border-radius:6px;padding:6px 10px;font-size:.75rem;transition:opacity .15s,transform .15s;position:absolute;top:120%;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip-text{opacity:1;transform:translate(-50%)translateY(4px)}.nav-icon{background-image:linear-gradient(135deg,#3b83f6e3 0%,#8a5cf691 100%);border-radius:20px;padding:2px}.foto-principal{filter:contrast(1.05)brightness(1.03)saturate(1.1)}.tech-curve{align-items:flex-end;gap:26px;display:flex;position:absolute;top:10%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.tech-icon{color:var(--c);opacity:1;animation:none}}.tech-icon{color:#9ca3af;opacity:.75;will-change:color, text-shadow;font-size:36px;animation:6s ease-in-out infinite techGlow}.html{--c:#e34c26}.css{--c:#264de4}.js{--c:#f7df1e}.react{--c:#61dafb}.ts{--c:#3178c6}.bootstrap{--c:#7952b3}@keyframes techGlow{0%,to{color:#9ca3af;text-shadow:none;opacity:.7}45%{color:var(--c);text-shadow:0 0 14px var(--c);opacity:1}}.tech-icon:first-child{animation-delay:0s;transform:translateY(12px)}.tech-icon:nth-child(2){animation-delay:1.5s;transform:translateY(4px)}.tech-icon:nth-child(3){animation-delay:3s;transform:translateY(-6px)}.tech-icon:nth-child(4){animation-delay:4.5s;transform:translateY(-6px)}.tech-icon:nth-child(5){animation-delay:6s;transform:translateY(4px)}.tech-icon:nth-child(6){animation-delay:7.5s;transform:translateY(12px)}.bulb-icon{color:#c7a3f1;font-size:28px;animation:2.2s ease-in-out infinite bulbGlow;position:absolute;top:34%;left:18%;transform:translate(-50%,-50%)}@keyframes bulbGlow{0%{color:#8d789b;text-shadow:none;opacity:.6}40%{color:#a855f7;text-shadow:0 0 6px #a855f773,0 0 14px #a855f759,0 0 28px #a855f740;opacity:1}60%{color:#a855f7;text-shadow:0 0 8px #a855f780,0 0 18px #a855f759,0 0 36px #a855f733}to{color:#6b7280;text-shadow:none;opacity:.6}}.logo{align-items:center;gap:var(--md-space-sm);display:flex}.logo-circle{border-radius:var(--md-radius-full);background:linear-gradient(135deg, var(--md-accent) 0%, var(--md-accent-secondary) 100%);width:32px;height:32px}.nav-links{gap:var(--md-space-xl);display:flex}.nav-link{color:var(--md-on-surface-variant);font-size:var(--md-title-medium);transition:color var(--md-transition-fast);padding:var(--md-space-sm) 0;font-weight:500;text-decoration:none;position:relative}.nav-link:hover,.nav-link.active{color:var(--md-accent)}.nav-link.active:after{content:"";background-color:var(--md-accent);border-radius:var(--md-radius-full);width:100%;height:2px;position:absolute;bottom:0;left:0}.nav-actions{align-items:center;gap:var(--md-space-md);display:flex}.float-subtle{animation:10s ease-in-out infinite floatSubtle}@keyframes floatSubtle{0%{transform:translateY(0)}50%{transform:translateY(14px)}to{transform:translateY(0)}}@keyframes glowSweep{0%{opacity:0}10%{opacity:1}35%{opacity:0}to{opacity:1}}.theme-toggle{border-radius:var(--md-radius-full);width:40px;height:40px;color:var(--md-on-surface-variant);cursor:pointer;transition:background-color var(--md-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--md-surface-variant)}.mobile-menu-btn{border-radius:var(--md-radius-full);width:40px;height:40px;color:var(--md-on-surface-variant);cursor:pointer;transition:background-color var(--md-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:none}.mobile-menu-btn:hover{background-color:var(--md-surface-variant)}.hero-container{gap:var(--md-space-xxl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-content{max-width:600px}.hero-badge{align-items:center;gap:var(--md-space-sm);color:var(--md-accent);padding:var(--md-space-sm) var(--md-space-md);border-radius:var(--md-radius-full);font-size:var(--md-body-small);margin-bottom:var(--md-space-lg);background-color:#3b82f61a;font-weight:600;display:inline-flex}.hero-title{font-size:var(--md-display-medium);margin-bottom:var(--md-space-md);color:var(--md-primary);font-weight:700;line-height:1.1}.hero-title-gradient{background:linear-gradient(135deg, var(--md-accent) 0%, var(--md-accent-secondary) 60%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--md-headline-medium);color:var(--md-secondary);margin-bottom:var(--md-space-xl);font-weight:600}.hero-description{font-size:var(--md-body-large);color:var(--md-on-surface-variant);margin-bottom:var(--md-space-xl);max-width:540px}.hero-actions{gap:var(--md-space-md);display:flex}.btn-primary,.btn-secondary{padding:var(--md-space-md) var(--md-space-xl);border-radius:var(--md-radius-lg);font-size:var(--md-body-large);transition:all var(--md-transition-medium);justify-content:center;align-items:center;gap:var(--md-space-sm);cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--md-accent);color:var(--md-on-primary);border:none}.btn-primary:hover{background-color:var(--md-accent-variant);box-shadow:var(--md-elevation-3);transform:translateY(-2px)}.btn-secondary{background-color:var(--md-surface);color:var(--md-on-surface);border:1px solid var(--md-surface-variant)}.btn-secondary:hover{background-color:var(--md-surface-variant);border-color:var(--md-secondary);box-shadow:var(--md-elevation-2);transform:translateY(-2px)}.hero-visual{justify-content:center;display:flex;position:relative}.photo-container{width:380px;height:380px;position:relative}.photo-frame{width:100%;height:100%;box-shadow:var(--md-elevation-4);background-color:var(--md-surface);background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);border-radius:50%;position:relative;overflow:visible}.photo-icon img{clip-path:polygon(0 0,100% 0,100% 50%,71% 91%,31% 91%,0% 50%);border-radius:0 0 50% 50%;padding:30px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.photo-decoration{border-radius:var(--md-radius-lg);filter:blur(20px);z-index:-1;background:linear-gradient(135deg,#3b82f626 0%,#8b5cf61a 100%);width:200px;height:200px;position:absolute;top:-20px;right:-20px}.animation-photo{animation:4s ease-in-out infinite glowSweep;left:10px;transform:scaleY(.5)}.dec-bottom-left{opacity:.4}.section{padding:var(--md-space-xxxl) 0}.section-header{margin-bottom:var(--md-space-xxl);justify-content:space-between;align-items:flex-end;display:flex}.section-title{font-size:var(--md-headline-large);color:var(--md-primary);font-weight:700;position:relative}.section-title:after{content:"";background-color:var(--md-accent);border-radius:var(--md-radius-full);width:40px;height:3px;position:absolute;bottom:-8px;left:0}.section-subtitle{font-size:var(--md-body-large);color:var(--md-accent-secondary);background-color:var(--md-surface-variant);border-radius:20px;max-width:500px;padding:5px 10px}.about-content{gap:var(--md-space-xxl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-text-container{gap:var(--md-space-lg);flex-direction:column;display:flex}.about-text{font-size:var(--md-body-large);color:var(--md-on-surface-variant)}.skills-container{gap:var(--md-space-lg);grid-template-columns:repeat(2,1fr);display:grid}.skill-category h4{font-size:var(--md-title-large);color:var(--md-primary);margin-bottom:var(--md-space-md)}.skill-list{gap:var(--md-space-sm);flex-direction:column;display:flex}.skill-item{align-items:center;gap:var(--md-space-sm);font-size:var(--md-body-medium);color:var(--md-on-surface-variant);display:flex}.skill-icon{width:24px;height:24px;color:var(--md-accent);justify-content:center;align-items:center;display:flex}.projects-grid{gap:var(--md-space-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.project-card{background-color:var(--md-surface);border-radius:var(--md-radius-lg);box-shadow:var(--md-elevation-1);transition:all var(--md-transition-medium);border:1px solid #0000;flex-direction:column;height:100%;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--md-elevation-3);border-color:var(--md-surface-variant);transform:translateY(-8px)}.project-image:after{content:"";background:linear-gradient(135deg,#3b82f61a 0%,#8b5cf60d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.project-content{padding:var(--md-space-xl);flex-direction:column;flex-grow:1;display:flex}.project-header{margin-bottom:var(--md-space-md);justify-content:space-between;align-items:flex-start;display:flex}.project-title{font-size:var(--md-title-large);color:var(--md-primary);font-weight:600}.project-tags{gap:var(--md-space-xs);margin-bottom:var(--md-space-md);flex-wrap:wrap;display:flex}.tag{padding:var(--md-space-xs) var(--md-space-sm);background-color:var(--md-surface-variant);border-radius:var(--md-radius-full);font-size:var(--md-body-small);color:var(--md-on-surface-variant);font-weight:500}.tag.client{color:var(--md-accent);background-color:#3b82f61a}.tag.production{color:#22c55e;background-color:#22c55e1a}.tag.revenue{color:#a855f7;background-color:#a855f71a}.tag.api{color:#f59e0b;background-color:#f59e0b1a}.project-description{font-size:var(--md-body-medium);color:var(--md-on-surface-variant);margin-bottom:var(--md-space-lg);flex-grow:1;position:relative}.project-technologies{gap:var(--md-space-sm);flex-wrap:wrap;display:flex}.tech-pill{padding:var(--md-space-xs) var(--md-space-md);background-color:var(--md-background);border-radius:var(--md-radius-full);font-size:var(--md-body-medium);color:var(--md-on-surface-variant)}.contact-container{gap:var(--md-space-xxl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.contact-info{gap:var(--md-space-xl);flex-direction:column;display:flex}.contact-methods{gap:var(--md-space-lg);flex-direction:column;display:flex}.contact-method{align-items:center;gap:var(--md-space-md);padding:var(--md-space-md);border-radius:var(--md-radius-lg);transition:background-color var(--md-transition-fast);display:flex}.contact-method:hover{background-color:var(--md-surface-variant)}.contact-icon{border-radius:var(--md-radius-full);background-color:var(--md-surface);width:48px;height:48px;color:var(--md-accent);box-shadow:var(--md-elevation-1);justify-content:center;align-items:center;font-size:20px;display:flex}.contact-details h4{font-size:var(--md-title-medium);color:var(--md-primary);margin-bottom:var(--md-space-xs)}.contact-details p{font-size:var(--md-body-medium);color:var(--md-on-surface-variant)}.social-links{gap:var(--md-space-md);margin-top:var(--md-space-lg);display:flex}.social-link{border-radius:var(--md-radius-full);background-color:var(--md-surface);width:44px;height:44px;color:var(--md-on-surface-variant);transition:all var(--md-transition-fast);box-shadow:var(--md-elevation-1);justify-content:center;align-items:center;text-decoration:none;display:flex}.social-link:hover{background-color:var(--md-accent);color:var(--md-on-primary);transform:translateY(-2px)}.footer{padding:var(--md-space-xxl) 0 var(--md-space-xl);background-color:var(--md-primary);color:var(--md-on-primary)}.footer-container{justify-content:space-between;align-items:center;display:flex}.footer-logo{align-items:center;gap:var(--md-space-sm);font-weight:700;font-size:var(--md-title-large);color:var(--md-on-primary);text-decoration:none;display:flex}.footer-links{gap:var(--md-space-xl);display:flex}.footer-link{color:#fffc;font-size:var(--md-body-medium);transition:color var(--md-transition-fast);text-decoration:none}.footer-link:hover{color:var(--md-on-primary)}.copyright{margin-top:var(--md-space-xl);text-align:center;font-size:var(--md-body-small);color:#fff9}.text-wm{line-height:1.6;font-size:16px – 18px;color:#52b4bbb0}@media (max-width:992px){.hero-container,.about-content,.contact-container{gap:var(--md-space-xxl);grid-template-columns:1fr}.hero{padding:var(--md-space-xxxl) 0}.hero-title{font-size:var(--md-display-small)}.hero-visual{order:-1}.photo-container{width:320px;height:320px}}@media (max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:flex}.mobile-nav{background-color:var(--md-surface);width:100%;box-shadow:var(--md-elevation-2);padding:var(--md-space-md);z-index:999;opacity:0;transition:all var(--md-transition-medium);position:fixed;top:72px;left:0;transform:translateY(-100%)}.mobile-nav.active{opacity:1;transform:translateY(0)}.mobile-nav-links{gap:var(--md-space-sm);flex-direction:column;display:flex}.mobile-nav-link{padding:var(--md-space-md);color:var(--md-on-surface-variant);font-size:var(--md-body-large);border-radius:var(--md-radius-md);transition:background-color var(--md-transition-fast);text-decoration:none}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:var(--md-surface-variant);color:var(--md-accent)}.hero-actions{flex-direction:column}.projects-grid,.skills-container{grid-template-columns:1fr}.section-header{align-items:flex-start;gap:var(--md-space-md);flex-direction:column}}@media (max-width:480px){.hero-title{font-size:var(--md-headline-large)}.hero-subtitle{font-size:var(--md-headline-small)}.container{padding:0 var(--md-space-lg)}.photo-container{width:280px;height:280px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s forwards fadeIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}:focus{outline:2px solid var(--md-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--md-background)}::-webkit-scrollbar-thumb{background:var(--md-surface-variant);border-radius:var(--md-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--md-secondary)}.form-group input,.form-group select,.form-group textarea{border-radius:var(--md-radius-md);border:1px solid var(--md-accent-variant);background-color:var(--md-surface);width:100%;color:var(--md-on-surface);outline:none;padding:12px 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--md-on-surface-variant);opacity:.7}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--md-primary);box-shadow:0 0 0 3px #6200ee26}.logo-img{border-radius:var(--md-radius-full);width:62px;height:62px}.social-button{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;text-decoration:none;transition:all .3s;display:flex}.social-button.github{background-color:#333}.social-button.github:hover{background-color:#6e5494;transform:scale(1.1)}.social-button.linkedin{background-color:#0077b5}.social-button.linkedin:hover{background-color:#005582;transform:scale(1.1)}.social-button.whatsapp{background-color:#25d366}.social-button.whatsapp:hover{background-color:#1ebe57;transform:scale(1.1)}.btn-projects{color:#fff;text-align:center;cursor:pointer;background-color:#9b7fd1;border:none;border-radius:8px;padding:.7rem 1.8rem;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 3px 6px #0000001a}.project-buttons{align-items:center;gap:20px;margin-top:20px;display:flex;position:relative}.btn-projects:hover{background-color:#8763c9;transform:translateY(-2px);box-shadow:0 5px 10px #00000026}.reveal{opacity:0;animation:linear forwards revealUp;animation-timeline:view();animation-range:entry cover 40%;transform:translateY(-20px)}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}