@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_deef94d5-module__Sms4YG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_deef94d5-module__Sms4YG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_1bf8cbf6-module__FlyLvG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_1bf8cbf6-module__FlyLvG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-dark:#0f0f0f;--bg-card:#1a1a1a;--bg-hover:#262626;--nav-bg:#000000fa;--text-main:#e5e7eb;--text-secondary:#9ca3af;--accent-primary:#1d4ed8;--accent-creative:#6d28d9;--accent-glow:#06b6d4;--overlay-bg:#1d4ed84d;--state-success:#10b981;--state-error:#ef4444;--web-rose:#f43f5e;--seo-fuchsia:#d946ef;--design-gold:#d4af37;--navy-deep:#0f172a;--hover-cyan:#06b6d4;--border-strong:#262626;--border-subtle:#ffffff0d;--border-social:#ffffff1a;--max-width:1140px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-secondary);width:100%;font-family:Montserrat,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}h1,h2,h3,h4{color:var(--text-main);text-transform:uppercase;font-weight:700}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}footer{background-color:var(--bg-dark);border-top:1px solid var(--border-strong);padding:80px 0 60px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.footer-column h3{letter-spacing:2px;margin-bottom:25px;padding-bottom:10px;font-size:16px;position:relative}.footer-column h3:after{content:"";background-color:var(--accent-glow);width:40px;height:2px;position:absolute;bottom:0;left:0}.footer-column p{align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:all .3s}.footer-links a:hover{color:var(--accent-glow);padding-left:5px}.copyright{border-top:1px solid var(--border-subtle);background-color:#000;padding:25px 0}.copyright-container{flex-direction:column;justify-content:space-between;align-items:center;gap:20px;display:flex}@media (min-width:768px){.copyright-container{flex-direction:row}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.hero-section{text-align:center;background-color:#1a1a1a;background-image:linear-gradient(#0f0f0fb3,#0f0f0fb3),url(/images/home-bg.webp);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;height:80vh;padding-top:150px;display:flex}.hero-title{letter-spacing:4px;margin-top:10px;font-size:clamp(2rem,8vw,4rem);animation:.8s ease-out forwards fadeUp}.hero-subtitle{opacity:0;font-size:1.5rem;font-weight:400;animation:1s ease-out .3s forwards fadeUp}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;gap:30px;padding:80px 0;display:grid}.service-card{aspect-ratio:1;border:1px solid var(--border-strong);text-align:center;color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:30px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex}.service-card:hover{border-color:#ffffff4d;transform:translateY(-12px)scale(1.02)}.service-card h2{color:#fff}.service-card p{color:#fff;opacity:.9}.service-card.card-web{background:linear-gradient(135deg, var(--web-rose) 0%, var(--navy-deep) 130%)}.service-card.card-web:hover{background:var(--web-rose);box-shadow:0 15px 35px #f43f5e66}.service-card.card-seo{background:linear-gradient(135deg, var(--seo-fuchsia) 0%, var(--navy-deep) 130%)}.service-card.card-seo:hover{background:var(--seo-fuchsia);box-shadow:0 15px 35px #d946ef66}.service-card.card-design{background:linear-gradient(135deg, var(--hover-cyan) 0%, var(--navy-deep) 130%)}.service-card.card-design:hover{background:var(--hover-cyan);box-shadow:0 15px 35px #06b6d466}.service-card h2{margin-bottom:15px;font-size:18px}.nav-header{background-color:var(--nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;border-bottom:1px solid #06b6d433;align-items:center;width:100%;height:150px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}@media (max-width:768px){.nav-header{height:90px}.nav-header.scrolled{height:70px!important}.nav-container{position:relative}.brand-container{align-items:center;flex-direction:row!important;position:static!important}.brand-name{z-index:5;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-img{width:55px!important;height:auto!important}.services-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:center;gap:30px;padding:40px}.portfolio-grid,.modelos-grid{justify-content:center;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:30px!important;padding:40px!important}.service-card{max-width:320px;margin:0 auto;padding:20px}.portfolio-item{max-width:390px;margin:0 auto}.modelo-card{max-width:380px;margin:0 auto;padding:20px!important}.service-card h2{margin-bottom:10px;font-size:16px}.service-card p{font-size:14px}}.nav-header.scrolled{background-color:#000000f2;border-bottom:1px solid #06b6d466;height:110px;box-shadow:0 4px 30px #00000080}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1140px;margin:0 auto;padding:0 20px;display:flex}.nav-menu{list-style:none;display:none}@media (min-width:768px){.nav-menu{gap:35px;display:flex}}.nav-link{color:var(--text-main);letter-spacing:2px;font-size:16px;font-weight:700;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--accent-primary)}.nav-mobile-toggle{border:1px solid var(--border-social);width:45px;height:45px;color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:28px;display:flex}@media (min-width:768px){.nav-mobile-toggle{display:none}}.nav-mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid var(--accent-glow);z-index:999;background-color:#0f0f0ffa;flex-direction:column;align-items:center;gap:25px;width:100%;padding:50px 0;animation:.3s ease-out slideIn;display:flex;position:absolute;top:100%;left:0;box-shadow:0 10px 20px #00000080}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-section{text-align:center;flex-direction:column;align-items:center;gap:50px;padding:60px 20px;scroll-margin-top:150px;display:flex}@media (min-width:768px){.about-section{text-align:left;flex-direction:row;padding:80px 0}}.about-image-container{flex:1;width:100%;position:relative}.about-image-container img{filter:grayscale(30%);border-radius:8px;transition:filter .3s}.about-image-container:hover img{filter:grayscale(0%)}.about-content{flex:1;width:100%}.about-content h2{margin-bottom:20px;font-size:28px}.about-content p{color:var(--text-secondary);margin-bottom:30px;font-size:16px}.btn-brochure{background:linear-gradient(135deg, var(--accent-primary), var(--accent-creative));color:var(--text-main);letter-spacing:2px;border-radius:4px;padding:12px 30px;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-brochure:hover{box-shadow:0 0 25px var(--accent-primary), 0 0 10px var(--accent-creative);filter:brightness(1.2);transform:translateY(-2px)}.portfolio-section{text-align:center;padding:80px 0}.portfolio-header{margin-bottom:50px}.portfolio-header h2{letter-spacing:2px;margin-bottom:15px;font-size:30px}.portfolio-header p{color:var(--text-secondary);max-width:600px;margin:0 auto}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px 0;display:grid}.portfolio-item{aspect-ratio:4/3;background-color:var(--bg-dark);cursor:pointer;border-radius:4px;position:relative;overflow:hidden}.portfolio-item img{object-fit:cover;filter:brightness(.8);width:100%;height:100%;transition:transform .5s,filter .5s}.portfolio-item:hover img{filter:brightness(1.1);transform:scale(1.1)}.portfolio-overlay{opacity:1;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:background .3s;display:flex;position:absolute;top:0;left:0}.portfolio-item:hover .portfolio-overlay{background:var(--overlay-bg)}.portfolio-overlay span{color:#fff;letter-spacing:1px;text-transform:uppercase;border:2px solid #fff;padding:10px 20px;font-weight:700}.modelos-header{text-align:center;padding:100px 0 50px}.modelos-header h1{text-transform:uppercase;letter-spacing:3px;margin-bottom:15px;font-size:36px}.modelos-header p{color:var(--text-secondary);font-size:18px}.modelos-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;gap:30px;padding-bottom:80px;display:grid}.modelo-card{aspect-ratio:1;background-color:var(--bg-card);text-align:center;border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.modelo-card:hover{border-color:var(--accent-primary);transform:translateY(-12px)scale(1.02);box-shadow:0 15px 35px #0009}.modelo-card img{object-fit:cover;opacity:.3;width:100%;height:100%;transition:opacity .4s,transform .6s;position:absolute;top:0;left:0}.modelo-card:hover img{opacity:.5;transform:scale(1.1)}.modelo-info{z-index:1;padding:30px;position:relative}.modelo-info h3{letter-spacing:2px;font-size:20px}.skills-section{background-color:var(--bg-card);padding:80px 0;border-radius:12px;margin-bottom:80px;padding-inline:40px}.skills-section h2{text-align:center;margin-bottom:40px}.skill-item{margin-bottom:25px}.skill-info{color:var(--text-main);justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}progress{appearance:none;border:none;width:100%;height:8px}progress::-webkit-progress-bar{background-color:#333;border-radius:10px}progress::-webkit-progress-value{background-image:linear-gradient(to right, var(--accent-primary), var(--accent-creative));border-radius:10px}.skill-item.ts progress::-webkit-progress-value{background:var(--hover-cyan)}.skill-item.nextjs progress::-webkit-progress-value{background:var(--web-rose)}.skill-item.react progress::-webkit-progress-value{background:var(--seo-fuchsia)}.skill-item.css progress::-webkit-progress-value{background:var(--accent-creative)}.skill-item.html progress::-webkit-progress-value{background:var(--accent-primary)}.skill-item.ts progress::-moz-progress-bar{background:var(--hover-cyan)}.skill-item.nextjs progress::-moz-progress-bar{background:var(--web-rose)}.skill-item.react progress::-moz-progress-bar{background:var(--seo-fuchsia)}.skill-item.css progress::-moz-progress-bar{background:var(--accent-creative)}.skill-item.html progress::-moz-progress-bar{background:var(--accent-primary)}.social-icons{gap:15px;display:flex}.social-icon-link{border:1px solid var(--border-social);width:44px;height:44px;color:var(--text-secondary);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.social-icon-link:hover{color:#fff;transform:translateY(-5px)scale(1.1)}.social-icon-link.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-color:#0000;box-shadow:0 0 20px #d6249f99}.social-icon-link.whatsapp:hover{background-color:#25d366;border-color:#0000;box-shadow:0 0 20px #25d36699}.social-icon-link.facebook:hover{background-color:#1877f2;border-color:#0000;box-shadow:0 0 20px #1877f299}.brand-container{align-items:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;flex-direction:column!important;display:flex!important}.brand-container:hover{transform:translateY(-2px)}.logo-img{filter:drop-shadow(0 4px 6px #0000004d);transition:all .4s cubic-bezier(.4,0,.2,1)}.brand-container:hover .logo-img{filter:drop-shadow(0 0 12px #06b6d480)brightness(1.1);transform:scale(1.05)}.scrolled .logo-img{transform:scale(.85)}.brand-container-footer{align-items:flex-start;padding-bottom:10px;text-decoration:none;position:relative;flex-direction:column!important;margin-bottom:25px!important;display:flex!important}.brand-container-footer:after{content:"";background-color:var(--accent-glow);width:40px;height:2px;position:absolute;bottom:0;left:0}.brand-name{color:var(--text-main);letter-spacing:3px;text-transform:uppercase;white-space:nowrap;margin-top:4px;font-size:18px;font-weight:700;transition:color .3s}@media (max-width:400px){.brand-name{letter-spacing:1px;font-size:14px}}.brand-container:hover .brand-name{color:var(--accent-glow);text-shadow:0 0 15px #06b6d466}.section-padding{padding:100px 0}.text-center{text-align:center}.skill-description{text-align:center;color:var(--text-secondary);margin-bottom:40px}.contact-item{transition:transform .3s}.contact-item:hover{color:var(--text-main);transform:translate(5px)}.footer-icon{color:var(--accent-glow);font-size:16px}.footer-icon.whatsapp-color{color:#25d366}.tech-stack-floating{display:none}@media (min-width:1200px){.tech-stack-floating{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-strong);z-index:999;background:#1a1a1acc;border-radius:16px;width:180px;padding:20px;display:block;position:fixed;top:50%;right:20px;transform:translateY(-50%);box-shadow:0 10px 30px #00000080}}.tech-stack-header{letter-spacing:2px;color:var(--accent-glow);text-align:center;border-bottom:1px solid var(--border-subtle);margin-bottom:15px;padding-bottom:8px;font-size:10px;font-weight:700}.skill-item-mini{margin-bottom:15px}.skill-info-mini{color:var(--text-main);justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.skill-item-mini progress{height:4px}.skill-item-mini.nextjs progress::-webkit-progress-value{background:var(--web-rose)}.skill-item-mini.html progress::-webkit-progress-value{background:var(--accent-primary)}.skill-item-mini.ts progress::-webkit-progress-value{background:var(--hover-cyan)}.skill-item-mini.css progress::-webkit-progress-value{background:var(--accent-creative)}.skill-item-mini.react progress::-webkit-progress-value{background:var(--seo-fuchsia)}.skill-item-mini.nextjs progress::-moz-progress-bar{background:var(--web-rose)}.skill-item-mini.html progress::-moz-progress-bar{background:var(--accent-primary)}.skill-item-mini.ts progress::-moz-progress-bar{background:var(--hover-cyan)}.skill-item-mini.css progress::-moz-progress-bar{background:var(--accent-creative)}.skill-item-mini.react progress::-moz-progress-bar{background:var(--seo-fuchsia)}.qr-container{background:linear-gradient(135deg, var(--web-rose), var(--seo-fuchsia), var(--hover-cyan));text-align:center;filter:brightness(.9);border:none;border-radius:20px;max-width:100%;padding:30px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block;box-shadow:0 15px 40px #0006}.qr-container:hover{transform:translateY(-10px)scale(1.02)}.qr-title{color:#fff;text-shadow:0 2px 10px #0003;margin-bottom:20px}.qr-wrapper{border:1px solid var(--border-social);background:#fff;border-radius:12px;justify-content:center;padding:10px;display:flex}.qr-svg{max-width:350px;width:100%!important;height:auto!important}@media (max-width:768px){.qr-container{padding:20px}.qr-svg{max-width:250px}}
