header#inicio{position:relative;display:flex;flex-direction:column;height:100vh;height:100svh;max-height:100svh;padding:0;overflow:hidden;background:#0a0a0a;color:#f5f5f5}header#inicio:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 4rem;position:relative;z-index:10;background:transparent}.nav-logo{flex-shrink:0}.nav-logo img{height:2.4rem;width:auto;filter:brightness(0) invert(1);transition:opacity .3s}.nav-logo img:hover{opacity:.7}.nav-links{list-style:none;display:flex;gap:clamp(.6rem,1.8vw,2.2rem);margin:0;padding:0;flex-wrap:wrap;justify-content:center}.nav-links li a{font-family:Montserrat,sans-serif;font-weight:400;font-size:clamp(.62rem,.95vw,.88rem);color:#ffffff80;text-decoration:none;letter-spacing:clamp(.02em,.05vw,.06em);text-transform:uppercase;transition:color .3s;white-space:nowrap}.nav-links li a:hover{color:var(--cor1)}.nav-social{list-style:none;display:flex;gap:1.4rem;margin:0;padding:0}.nav-social li a{color:#fff6;font-size:1.15rem;text-decoration:none;transition:color .3s,transform .3s;display:inline-flex}.nav-social li a:hover{color:var(--cor1);transform:scale(1.2)}.hero{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0;padding:0;gap:0}.hero-split{display:flex;align-items:stretch;flex:1;min-height:0;gap:0}.hero-content{display:flex;flex-direction:column;justify-content:center;gap:clamp(.8rem,3vh,2.5rem);flex:1;min-width:0;padding:clamp(1rem,3vh,3rem) 4rem;position:relative;z-index:2}.hero-headline{--hero-font: clamp(3.5rem, 9vw, 9rem);display:flex;flex-direction:column;gap:0;user-select:none}.hero-line{display:flex;align-items:center;line-height:1.1;overflow:visible;position:relative}.hero-line:first-child{z-index:50}.hero-outline-text{font-family:Reem Kufi,sans-serif;font-weight:700;font-size:var(--hero-font);color:#0a0a0a;-webkit-text-stroke:2px rgba(255,255,255,.5);paint-order:stroke fill;letter-spacing:.08em}.hero-filled-text{font-family:Reem Kufi,sans-serif;font-weight:700;font-size:var(--hero-font);color:#f5f5f5;letter-spacing:.04em}.hero-accent-text{font-family:Modak,cursive;font-weight:400;font-size:var(--hero-font);color:var(--cor1);letter-spacing:.02em}.hero-color-wheel{display:inline-flex;align-items:center;justify-content:center;position:relative;font-family:Reem Kufi,sans-serif;font-weight:700;font-size:var(--hero-font);letter-spacing:.08em;color:transparent;background:conic-gradient(red,#ff8000,#ff0,#0f0,#0ff,#00f,#8000ff,#f0f,red);-webkit-background-clip:text;background-clip:text;cursor:pointer;transition:transform .3s,filter .3s;user-select:none;-webkit-text-stroke:0}.hero-color-wheel:hover{transform:scale(1.1) rotate(15deg);filter:brightness(1.2)}.color-panel{position:fixed;transform:translateY(-50%);z-index:9999;width:280px;background:#111;border:1px solid rgb(27,27,27);padding:1.2rem;box-shadow:0 20px 60px #0009,0 0 40px rgba(var(--cor1-rgb),.08),inset 0 1px #ffffff0a;backdrop-filter:blur(20px);animation:colorPanelIn .25s cubic-bezier(.16,1,.3,1) forwards;transform-origin:center left}.color-panel:before{content:"";position:absolute;top:50%;left:-8px;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #111111;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.3))}@keyframes colorPanelIn{0%{opacity:0;transform:translateY(-50%) scale(.92) translate(-8px)}to{opacity:1;transform:translateY(-50%) scale(1) translate(0)}}.color-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.06);cursor:grab;user-select:none}.color-panel__header:active{cursor:grabbing}.color-panel__title{font-family:Montserrat,sans-serif;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff80}.color-panel__close{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:#ffffff0f;color:#fff6;font-size:.75rem;cursor:pointer;transition:background .2s,color .2s}.color-panel__close:hover{background:#ffffff1f;color:#fff}.color-panel__sv-area{position:relative;width:100%;height:160px;border-radius:10px;cursor:crosshair;overflow:hidden;margin-bottom:.8rem;background:var(--sv-hue);user-select:none;touch-action:none}.color-panel__sv-area:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#fff,transparent);border-radius:inherit}.color-panel__sv-area:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#000);border-radius:inherit}.color-panel__sv-thumb{position:absolute;width:16px;height:16px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 1px #0000004d,0 2px 8px #0006;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.color-panel__hue-bar{position:relative;width:100%;height:14px;border-radius:7px;cursor:pointer;margin-bottom:.8rem;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);user-select:none;touch-action:none}.color-panel__hue-thumb{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 1px #00000040,0 2px 6px #00000059;transform:translate(-50%,-50%);pointer-events:none}.color-panel__active-row{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem;padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.06)}.color-panel__active-preview{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.12);flex-shrink:0}.color-panel__active-hex{font-family:Montserrat,sans-serif;font-weight:500;font-size:.82rem;color:#ffffff8c;letter-spacing:.06em}.color-panel__swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.color-panel__swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;background:var(--swatch-color);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;justify-self:center}.color-panel__swatch:hover{transform:scale(1.18);box-shadow:0 0 14px color-mix(in srgb,var(--swatch-color) 50%,transparent)}.color-panel__swatch--active{border-color:#fff;box-shadow:0 0 0 3px #ffffff26,0 0 16px color-mix(in srgb,var(--swatch-color) 40%,transparent);transform:scale(1.1)}.hero-portrait-wrapper{position:relative;flex-shrink:0;width:42%;overflow:visible;z-index:3}.hero-portrait-wrapper:before{content:"";position:absolute;top:50%;left:50%;width:70%;height:70%;transform:translate(-50%,-50%);z-index:1;border:2px solid rgba(var(--cor1-rgb),.4);border-radius:50%;box-shadow:0 0 60px rgba(var(--cor1-rgb),.2),0 0 120px rgba(var(--cor1-rgb),.1),inset 0 0 40px rgba(var(--cor1-rgb),.05);animation:portrait-ring-pulse 4s ease-in-out infinite}.hero-portrait-wrapper:after{content:"";position:absolute;top:50%;left:50%;width:85%;height:85%;transform:translate(-50%,-50%) rotate(45deg);z-index:1;border:1px solid rgba(var(--cor1-rgb),.15);border-radius:50%;box-shadow:0 0 40px rgba(var(--cor1-rgb),.08);animation:portrait-ring-orbit 12s linear infinite}.hero-portrait-img{position:relative;z-index:3;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}@keyframes portrait-ring-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 60px rgba(var(--cor1-rgb),.2),0 0 120px rgba(var(--cor1-rgb),.1),inset 0 0 40px rgba(var(--cor1-rgb),.05)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 80px rgba(var(--cor1-rgb),.35),0 0 160px rgba(var(--cor1-rgb),.15),inset 0 0 60px rgba(var(--cor1-rgb),.08)}}@keyframes portrait-ring-orbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-bottom{display:flex;flex-direction:column;gap:clamp(.6rem,2vh,1.8rem);max-width:560px}.hero-desc{font-family:Montserrat,sans-serif;font-weight:300;font-size:1rem;line-height:1.7;color:#ffffff73;margin:0}.hero-actions{display:flex;gap:1rem}.btn-hero-primary{display:inline-flex;align-items:center;gap:.6rem;padding:clamp(.55rem,1.2vh,.95rem) clamp(1rem,2vw,2rem);border-radius:30px 10px 40px 12px/12px 40px 10px;background:var(--cor1);color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:clamp(.72rem,1vw,.88rem);text-decoration:none;cursor:pointer;overflow:hidden;transition:background .3s,transform .2s,box-shadow .3s}.btn-hero-primary__icons{position:relative;display:inline-flex;width:1em;height:1em;align-items:center;justify-content:center}.btn-hero-primary__icons i{transition:opacity .4s ease,transform .4s ease}.btn-hero-primary__icons i:first-child{opacity:1;transform:translateY(0)}.btn-hero-primary__icons i:last-child{position:absolute;opacity:0;transform:translateY(-3px)}.btn-hero-primary:hover .btn-hero-primary__icons i:first-child{opacity:0;transform:translateY(3px)}.btn-hero-primary:hover .btn-hero-primary__icons i:last-child{opacity:1;transform:translateY(0);animation:download-bounce 1.2s ease-in-out infinite}@keyframes download-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.btn-hero-primary:hover{background:color-mix(in srgb,var(--cor1),black 10%);transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--cor1-rgb),.35)}.btn-hero-ghost{display:inline-flex;align-items:center;gap:.6rem;padding:clamp(.55rem,1.2vh,.95rem) clamp(1rem,2vw,2rem);background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.12);font-family:Montserrat,sans-serif;font-weight:500;font-size:clamp(.72rem,1vw,.88rem);text-decoration:none;cursor:pointer;transition:color .3s,border-color .3s,transform .2s}.btn-hero-ghost:hover{color:var(--cor1);border-color:var(--cor1);transform:translateY(-2px)}.hero-marquee-wrapper{width:100vw;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:1rem 0;margin-top:auto;flex-shrink:0}.hero-marquee{display:flex;width:max-content}.hero-marquee-track{display:flex;gap:0;animation:marquee-scroll 25s linear infinite;will-change:transform}.hero-marquee-item{font-family:Montserrat,sans-serif;font-weight:400;font-size:.85rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;padding:0 .8rem}.hero-marquee-sep{color:var(--cor1);font-size:.5rem;vertical-align:middle;margin-left:.8rem;opacity:.6}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 1100px){.navbar{padding:1.4rem 2.5rem}.hero-content{padding:2rem 2.5rem}}@media (max-width: 900px){.navbar{padding:1.2rem 1.5rem}.nav-links{gap:clamp(.5rem,1.4vw,1.5rem)}.nav-links li a{font-size:clamp(.6rem,1.1vw,.8rem)}.nav-social{gap:1rem}.hero-content{padding:2rem 1.5rem 5.5rem;justify-content:flex-end}.hero-split{flex-direction:column;flex:1;min-height:0}.hero-content{align-items:center;text-align:center;position:relative;z-index:30;background:transparent}.hero-headline{align-items:center}.hero-bottom{align-items:center;text-align:center}.hero-portrait-wrapper{position:absolute;inset:0;width:100%;height:100%;order:0;z-index:20;overflow:visible;pointer-events:none}.hero-portrait-img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(.55) saturate(.9);position:relative;z-index:2}.hero-portrait-wrapper:before,.hero-portrait-wrapper:after{opacity:.7;top:24%;left:50%;z-index:1;width:min(70vw,56vh);height:min(70vw,56vh);aspect-ratio:1 / 1}.hero-portrait-wrapper:after{width:min(82vw,68vh);height:min(82vw,68vh)}.hero-available{bottom:1.5rem;right:1.5rem}.hero-outline-text,.hero-filled-text{font-size:clamp(2.5rem,7vw,5rem)}.hero-headline{--hero-font: clamp(2.5rem, 7vw, 5rem)}.hero-accent-text{font-size:clamp(2.2rem,6.5vw,4.5rem)}.hero-bottom{gap:1rem}.btn-hero-primary,.btn-hero-ghost{padding:.75rem 1.4rem;font-size:.82rem}.hero-content{flex:1;min-height:0;overflow:visible}}@media (max-width: 600px){.hero-headline{--hero-font: clamp(1.8rem, 9vw, 3.5rem)}.hero-color-wheel{-webkit-text-stroke:0}.navbar{padding:1rem}.nav-links{display:none}.nav-social{gap:.9rem}.hero-content{padding:1.5rem 2rem;gap:.5rem}.hero-portrait-img{filter:brightness(.52) saturate(.9);object-position:center top}.hero-portrait-wrapper:before,.hero-portrait-wrapper:after{opacity:.65;top:22%;left:50%;z-index:1;width:min(68vw,52vh);height:min(68vw,52vh);aspect-ratio:1 / 1}.hero-portrait-wrapper:after{width:min(80vw,64vh);height:min(80vw,64vh)}.hero-outline-text,.hero-filled-text,.hero-accent-text{font-size:clamp(1.8rem,9vw,3.5rem)}.hero-available{font-size:.6rem;padding:.3rem .8rem;bottom:1rem;right:1rem}.hero-desc{font-size:.88rem}.hero-actions{flex-direction:row;width:100%;gap:.6rem}.btn-hero-primary,.btn-hero-ghost{width:auto;flex:1;justify-content:center;padding:.8rem .9rem;font-size:.78rem;white-space:nowrap}.hero-marquee-item{font-size:.75rem;letter-spacing:.08em}}@media (max-height: 900px){.hero-content{padding:clamp(.5rem,2vh,1.5rem) clamp(1.5rem,3vw,4rem);gap:clamp(.3rem,1.5vh,1rem)}.hero-bottom{gap:clamp(.4rem,1vh,.8rem)}.hero-desc{font-size:clamp(.78rem,1.2vw,.95rem)}.hero-marquee-wrapper{padding:clamp(.4rem,.8vh,.8rem) 0;position:relative;z-index:30;background:#0a0a0ab3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hero-marquee-item{font-size:.72rem}}@media (max-height: 750px){.hero-headline{--hero-font: clamp(2rem, 5.5vw, 4rem)}.hero-outline-text,.hero-filled-text{font-size:clamp(2rem,5.5vw,4rem)}.hero-accent-text{font-size:clamp(1.8rem,5vw,3.5rem)}}@media (max-height: 900px) and (max-width: 900px){.hero-portrait-wrapper{height:100%}}@media (max-width: 768px){.color-panel{top:50%!important;left:50%!important;width:92vw!important;max-width:92vw!important;max-height:88vh;overflow-y:auto;padding:1.4rem;transform:translate(-50%,-50%)!important;transform-origin:center center;animation:colorPanelInMobile .25s cubic-bezier(.16,1,.3,1) both!important}.color-panel:before{display:none}.color-panel__sv-area{height:44vh;max-height:320px}.color-panel__sv-thumb{width:22px;height:22px;border-width:3px}.color-panel__hue-bar{height:22px;border-radius:11px}.color-panel__hue-thumb{width:26px;height:26px;border-width:3px}.color-panel__active-preview{width:34px;height:34px}.color-panel__active-hex{font-size:.95rem}.color-panel__swatches{grid-template-columns:repeat(5,1fr);gap:.7rem}.color-panel__swatch{width:100%;max-width:44px;aspect-ratio:1 / 1;height:auto}.color-panel__close{width:34px;height:34px;font-size:.95rem}}@keyframes colorPanelInMobile{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}:root{--cor1: #ff4d05;--cor1-rgb: 255, 77, 5;--cor2: #3b3b3b;--cor3: #ffffff;--cor5: #000000}body{margin:0;padding:0;background-color:var(--cor3);color:var(--cor2);font-family:Montserrat,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--cor5);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--cor2);border-radius:10px;border:2px solid var(--cor5)}::-webkit-scrollbar-thumb:hover{background:var(--cor1)}.portfolio-img-container::-webkit-scrollbar{width:6px;height:6px}.portfolio-img-container::-webkit-scrollbar-track{background:transparent}.portfolio-img-container::-webkit-scrollbar-thumb{background:var(--cor3);border-radius:10px;border:none}.portfolio-img-container::-webkit-scrollbar-thumb:hover{background:var(--cor1)}*{scrollbar-width:thin;scrollbar-color:var(--cor2) var(--cor5)}.portfolio-img-container{scrollbar-width:thin;scrollbar-color:var(--cor3) transparent}*{box-sizing:border-box}html,body,#root,.app-container{height:100vh;width:100%;margin:0;padding:0;overflow:hidden}.content-wrapper{height:100%;overflow-y:auto;overflow-x:hidden;position:relative}