@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";:root{--neon:#bfff00;--yellow:#ffd600;--black:#0a0a0a;--dark:#111;--card:#1a1a1a;--white:#fff;--gray:#f5f5f5;--text-muted:#888;--font:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--black);color:var(--white);overflow-x:hidden}@keyframes pulse{0%,to{box-shadow:0 0 #0000004d}50%{box-shadow:0 0 0 14px #0000}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.fade-up{opacity:0;transition:none;transform:translateY(50px)}.fade-up.visible{animation:.75s cubic-bezier(.22,1,.36,1) forwards slideUp}.marquee-wrap{background:var(--black);border-top:2px solid var(--black);border-bottom:2px solid var(--black);white-space:nowrap;padding:12px 0;overflow:hidden}.marquee-wrap.reverse .marquee-track{animation-direction:reverse}.marquee-track{animation:18s linear infinite marquee;display:inline-flex}.marquee-track span{letter-spacing:.12em;text-transform:uppercase;color:var(--white);padding:0 1.5rem;font-size:.85rem;font-weight:800}.marquee-track span.dot{color:var(--neon);font-size:1.1rem}.strips-container{pointer-events:none;width:100%;height:110px;position:relative;overflow:hidden}.strip{background:var(--black);align-items:center;width:150%;height:38px;display:flex;position:absolute;left:-25%;overflow:hidden}.strip:first-child{top:14px;transform:rotate(-3deg)}.strip:last-child{background:#1c1c1c;top:55px;transform:rotate(2.5deg)}.strip .marquee-track span{font-size:.75rem}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--neon);margin-bottom:1rem;font-size:.72rem;font-weight:800;display:inline-block}.section-label.dark{color:var(--yellow)}.btn-neon{background:var(--neon);color:var(--black);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:1rem 2.2rem;font-size:1rem;font-weight:800;text-decoration:none;transition:filter .2s;animation:2.2s infinite pulse;display:inline-flex}.btn-neon:hover{filter:brightness(1.1)}.btn-yellow{background:var(--yellow);color:var(--black);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:1.1rem 2.5rem;font-size:1.05rem;font-weight:800;text-decoration:none;animation:2s infinite pulse;display:inline-flex}.btn-black{background:var(--black);color:var(--white);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:1rem 2.2rem;font-size:1rem;font-weight:800;text-decoration:none;animation:2.2s infinite pulse;display:inline-flex}.hero{background:var(--neon);text-align:center;min-height:100vh;box-shadow:200px 0 0 0 var(--neon), -200px 0 0 0 var(--neon);flex-direction:column;justify-content:flex-start;align-items:center;padding:2.5rem 1.5rem 0;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.08;pointer-events:none;z-index:0;background-image:url(/images/logohm.webp);background-position:0 0;background-repeat:repeat;background-size:120px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 60%);mask-image:linear-gradient(#000 0%,#0000 60%)}.hero-inner{z-index:20;flex-direction:column;align-items:center;gap:0;width:100%;max-width:860px;padding-bottom:260px;display:flex;position:relative}.hero-brand{justify-content:center;align-items:center;gap:.75rem;display:flex}.hero-brand-img{object-fit:contain;width:auto;height:48px}.hero-brand-text{flex-direction:column;align-items:flex-start;gap:.12rem;line-height:1;display:flex}.brand-hust{letter-spacing:.2em;text-transform:uppercase;color:var(--black);font-size:1.4rem;font-weight:900;line-height:1}.brand-metrics{letter-spacing:.55em;text-transform:uppercase;color:#00000080;font-size:.6rem;font-weight:600;line-height:1}.hero-divider{background:var(--black);opacity:.25;width:40px;height:3px;margin:1.8rem auto}.hero-headline-block{flex-direction:column;align-items:center;gap:0;display:flex}.hero-h1{color:var(--black);text-transform:uppercase;flex-direction:column;align-items:center;gap:0;margin:0;font-size:clamp(2.4rem,6.5vw,4.6rem);line-height:1;display:flex}.h1-l1{letter-spacing:.12em;white-space:nowrap;color:#0000008c;margin-bottom:.35em;font-size:.3em;font-weight:300;display:block}.h1-l2{letter-spacing:-.01em;font-size:.85em;font-weight:800;line-height:.95;display:block}.h1-l3{letter-spacing:-.025em;padding-top:.12em;font-size:1.3em;font-weight:900;line-height:.88;display:block}.h1-l4{letter-spacing:-.01em;font-size:.85em;font-weight:800;line-height:.95;display:block}.hero-sub{color:#000000b8;max-width:480px;margin-top:1.5rem;font-size:1.1rem;font-weight:400;line-height:1.6}.hero-sub strong{color:#000000e6;font-weight:700}.hero-cta-wrap{flex-direction:column;align-items:center;gap:.7rem;margin-top:2.4rem;display:flex}.hero-cta{background:var(--black);color:#fff;font-family:var(--font);letter-spacing:.04em;text-transform:uppercase;border:3px solid var(--black);cursor:pointer;align-items:center;gap:.55rem;padding:1.15rem 3rem;font-size:1.1rem;font-weight:800;text-decoration:none;transition:background .2s,color .2s,transform .15s;animation:2.4s infinite pulse;display:inline-flex}.hero-cta:hover{color:var(--black);background:0 0;transform:scale(1.03)}.hero-cta-note{letter-spacing:.1em;text-transform:uppercase;color:#0000006b;font-size:.72rem;font-weight:500}.hero-strips{pointer-events:none;z-index:10;width:116vw;height:210px;position:absolute;bottom:28px;left:-8vw}.hero-strips:before{content:"";background:var(--neon);z-index:-1;width:100%;height:600px;position:absolute;bottom:46px;left:0;transform:rotate(2.8deg)}.hero-strip{white-space:nowrap;align-items:center;width:100%;height:84px;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 40px #000000b3}.hero-strip--top{background:repeating-linear-gradient(-55deg,#0a0a0a 0 22px,#ffd600 22px 30px);top:0;transform:rotate(-3.5deg)}.hero-strip--bottom{background:repeating-linear-gradient(-55deg,#111 0 22px,#ffd600 22px 30px);top:104px;transform:rotate(2.8deg)}.hero-strip:before{content:"";z-index:0;background:#00000040;position:absolute;inset:0}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.strip-track{white-space:nowrap;z-index:1;animation:38s linear infinite scrollLeft;display:inline-flex;position:relative}.hero-strip--bottom .strip-track{animation:44s linear infinite scrollRight}.strip-track span{letter-spacing:.2em;text-transform:uppercase;color:#fff;padding:0 1.2rem;font-size:1.05rem;font-weight:800;display:inline-block}@media (width<=640px){.hero{padding-top:2rem}.hero-h1{font-size:2.4rem}.h1-l1{white-space:normal}.hero-sub br{display:none}.hero-strip{height:64px}.hero-strip--top{top:0}.hero-strip--bottom{top:80px}.hero-strips:before{bottom:80px}.hero-brand-img{height:38px}.hero-cta{padding:1rem 2rem;font-size:1rem}}.leadform-section{background:var(--black);z-index:5;margin-top:-140px;padding:14rem 1.5rem 6rem;position:relative}.leadform-inner{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;max-width:1100px;margin:0 auto;display:grid}.leadform-h2{text-transform:uppercase;color:var(--white);margin:1rem 0 2rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.1}.leadform-h2 strong{color:var(--neon)}.step-card{background:var(--card);border:1px solid #2a2a2a;border-left:3px solid var(--neon);border-radius:10px;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.2rem 1.4rem;transition:border-color .3s;display:flex}.step-card:hover{border-left-color:var(--yellow)}.step-num{background:var(--neon);color:var(--black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:900;display:flex}.step-card h4{color:var(--white);margin-bottom:.4rem;font-size:1rem;font-weight:700}.step-card p{color:var(--text-muted);font-size:.88rem;line-height:1.6}.step-card strong{color:var(--white)}.lead-form{flex-direction:column;gap:1rem;display:flex}.lead-form input{color:var(--white);font-size:.95rem;font-family:var(--font);background:#1a1a1a;border:1px solid #2e2e2e;border-radius:6px;width:100%;padding:1rem 1.2rem;transition:border-color .25s}.lead-form input:focus{border-color:var(--neon);outline:none}.lead-form input::placeholder{color:#555}.phone-row{background:#1a1a1a;border:1px solid #2e2e2e;border-radius:6px;align-items:center;display:flex;overflow:hidden}.phone-row .flag{padding:0 .8rem;font-size:1.2rem}.phone-row input{background:0 0;border:none}.form-btn{border-radius:6px;justify-content:center;width:100%;font-size:1rem}@media (width<=768px){.leadform-inner{grid-template-columns:1fr;gap:2.5rem}}.portfolio-section{background:var(--gray);text-align:center;padding:5rem 1.5rem}.portfolio-inner{max-width:1000px;margin:0 auto}.portfolio-h2{color:var(--black);text-transform:uppercase;margin:.5rem 0 3rem;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:900;line-height:1.2}.portfolio-h2 .accent{color:var(--black);-webkit-text-decoration:underline #bfff00;text-decoration:underline #bfff00;text-decoration-thickness:3px}.portfolio-section .section-label{color:var(--black)}.portfolio-cards{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.story-card{background:var(--black);cursor:pointer;border:2px solid #222;border-radius:16px;width:220px;transition:transform .3s,box-shadow .3s;overflow:hidden}.story-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #bfff0026}.story-top{background:#111;align-items:center;gap:.7rem;padding:.8rem 1rem;display:flex}.story-avatar{background:var(--neon);width:34px;height:34px;color:var(--black);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:900;display:flex}.story-name{color:var(--white);font-size:.85rem;font-weight:700}.story-sector{color:var(--text-muted);font-size:.72rem}.story-body{background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:280px;display:flex}.play-icon{border:2px solid var(--neon);width:54px;height:54px;color:var(--neon);background:#bfff0026;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:background .2s;display:flex}.story-card:hover .play-icon{background:var(--neon);color:var(--black)}.story-tag{color:var(--neon);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.quemsomos-section{background:var(--black);padding:6rem 1.5rem}.quemsomos-inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1100px;margin:0 auto;display:grid}.polaroids{gap:0;min-height:380px;display:flex;position:relative}.polaroid{transform:rotate(var(--r));cursor:pointer;background:#f0ebe0;width:180px;padding:.6rem .6rem 2.2rem;transition:transform .3s;position:absolute;box-shadow:0 8px 30px #00000080}.polaroid:first-child{top:0;left:0}.polaroid:nth-child(2){z-index:1;top:30px;left:80px}.polaroid:nth-child(3){z-index:2;top:60px;left:160px}.polaroid:hover{z-index:10;transform:rotate(0)scale(1.05)}.polaroid-img{background:#888;width:100%;height:160px}.polaroid p{text-align:center;color:#333;text-transform:uppercase;letter-spacing:.08em;margin-top:.5rem;font-size:.72rem;font-weight:700}.quemsomos-text h2{text-transform:uppercase;color:var(--white);margin:.8rem 0 1.5rem;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;line-height:1.1}.quemsomos-text h2 span{color:var(--neon)}.quemsomos-text p{color:#aaa;margin-bottom:1rem;font-size:.95rem;line-height:1.75}@media (width<=768px){.quemsomos-inner{grid-template-columns:1fr}.polaroids{min-height:220px}}.metodo-section{background:var(--dark);text-align:center;padding:6rem 1.5rem}.metodo-inner{max-width:900px;margin:0 auto}.metodo-h2{text-transform:uppercase;color:var(--white);margin-bottom:1.2rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.15}.metodo-h2 span{color:var(--neon)}.metodo-sub{color:#888;margin-bottom:3rem;font-size:1.05rem;line-height:1.7}.metodo-sub br{display:none}.metodo-wave{width:100%;position:relative}.metodo-wave svg{width:100%;height:200px}@keyframes drawWave{to{stroke-dashoffset:0}}.wave-line{animation:2.5s .5s forwards drawWave}.platform-icons{justify-content:space-around;padding:0 5%;display:flex;position:absolute;top:20px;left:0;right:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.platform-icon{background:var(--card);width:50px;height:50px;color:var(--neon);border:1px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:900;animation:3s ease-in-out infinite float;display:flex;box-shadow:0 4px 20px #bfff001f}.servicos-section{background:var(--black);text-align:center;padding:6rem 1.5rem}.servicos-inner{max-width:1200px;margin:0 auto}.servicos-h2{text-transform:uppercase;color:var(--white);margin:.5rem 0 3rem;font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:900;line-height:1.2}.servicos-h2 span{color:var(--neon)}.servicos-carousel{align-items:center;gap:1rem;display:flex}.carousel-btn{background:var(--card);color:var(--white);cursor:pointer;border:1px solid #333;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:1.4rem;transition:background .2s,border-color .2s}.carousel-btn:hover{background:var(--neon);color:var(--black);border-color:var(--neon)}.servicos-cards{flex:1;gap:1.2rem;display:flex;overflow:hidden}.servico-card{background:var(--card);text-align:left;border:1px solid #2a2a2a;border-radius:12px;flex:1;padding:1.8rem 1.5rem;transition:border-color .3s,transform .3s}.servico-card:hover{border-color:var(--neon);transform:translateY(-4px)}.servico-card.featured{border-color:var(--neon)}.servico-icon{margin-bottom:1rem;font-size:2rem}.servico-card h3{text-transform:uppercase;color:var(--neon);margin-bottom:1.2rem;font-size:1.15rem;font-weight:800}.servico-card ul{flex-direction:column;gap:.8rem;list-style:none;display:flex}.servico-card li{color:#bbb;gap:.5rem;font-size:.88rem;line-height:1.5;display:flex}.check{color:var(--neon);flex-shrink:0;font-weight:900}.carousel-dots{justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.dot-btn{cursor:pointer;background:#333;border:none;border-radius:50%;width:10px;height:10px;transition:background .2s}.dot-btn.active{background:var(--neon)}@media (width<=768px){.servicos-cards{flex-direction:column}.servico-card:not(.featured){display:none}}.ctafinal-section{background:var(--neon);text-align:center;padding:6rem 1.5rem}.ctafinal-inner{flex-direction:column;align-items:center;gap:2rem;max-width:800px;margin:0 auto;display:flex}.ctafinal-h2{text-transform:uppercase;color:var(--black);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.15}.faq-section{background:var(--black);padding:6rem 1.5rem}.faq-inner{grid-template-columns:280px 1fr;align-items:start;gap:4rem;max-width:1100px;margin:0 auto;display:grid}.faq-h2{text-transform:uppercase;color:var(--white);margin-bottom:1rem;font-size:2.4rem;font-weight:900;line-height:1.1}.faq-left p{color:#666;font-size:.9rem;line-height:1.6}.faq-list{flex-direction:column;gap:.6rem;display:flex}.faq-item{background:var(--card);border:1px solid #222;border-radius:8px;transition:border-color .25s;overflow:hidden}.faq-item.open{border-color:var(--neon)}.faq-q{width:100%;color:var(--white);font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:1rem;padding:1.1rem 1.3rem;font-size:.95rem;font-weight:600;display:flex}.faq-icon{background:var(--neon);color:var(--black);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:900;display:flex}.faq-arrow{color:var(--neon);margin-left:auto;font-size:.9rem}.faq-a{max-height:0;padding:0 1.3rem;transition:max-height .35s,padding .35s;overflow:hidden}.faq-item.open .faq-a{max-height:200px;padding:0 1.3rem 1.2rem}.faq-a p{color:#888;font-size:.88rem;line-height:1.7}@media (width<=768px){.faq-inner{grid-template-columns:1fr;gap:2rem}}.footer{background:var(--black);padding:2.5rem 1.5rem}.footer-line{background:var(--neon);height:2px;margin-bottom:2rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.footer-logo{letter-spacing:.12em;color:var(--white);font-size:1.1rem;font-weight:900}.footer-logo span{color:var(--neon)}.footer-socials{gap:1rem;display:flex}.footer-socials a{color:#666;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:color .2s,border-color .2s;display:flex}.footer-socials a:hover{color:var(--neon);border-color:var(--neon)}.footer-copy{color:#444;font-size:.78rem}#root{min-height:100vh}
