u003clink rel=u0022preconnectu0022 href=u0022https://fonts.googleapis.comu0022u003enu003clink rel=u0022preconnectu0022 href=u0022https://fonts.gstatic.comu0022 crossoriginu003enu003clink href=u0022https://fonts.googleapis.com/css2?family=Lexend+Giga:wght@500;600;700;800u0026family=DM+Sans:wght@400;500;600;700u0026display=swapu0022 rel=u0022stylesheetu0022u003ennu003c!u002du002d GSAP + ScrollTrigger + Lenis para smooth scroll Halo Lab u002du002du003enu003cscript src=u0022https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.jsu0022u003eu003c/scriptu003enu003cscript src=u0022https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.jsu0022u003eu003c/scriptu003enu003cscript src=u0022https://cdn.jsdelivr.net/npm/@studio-freight/lenis@1.0.42/dist/lenis.min.jsu0022u003eu003c/scriptu003ennu003cstyleu003en/* ============================================n VARIABLES u0026 RESETn ============================================ */n:root {n u002du002dfont-title: 'Lexend Giga', 'Inter', system-ui, -apple-system, sans-serif;n u002du002dfont-body: 'DM Sans', 'Inter', system-ui, -apple-system, sans-serif;nn u002du002dverde: #2E9D6E;n u002du002dverde-bright: #3BB884;n u002du002dverde-hover: #248159;n u002du002dverde-salvia: #B8D9B8;n u002du002dverde-glow: rgba(46, 157, 110, 0.15);nn u002du002dbg-base: #08190F;n u002du002dbg-soft: #141414;n u002du002dbg-hover: #1C1C1C;nn u002du002dwhite: #F5F5F2;n u002du002doff-white: #E8ECE9;n u002du002dgris-claro: #B8B8B5;n u002du002dgris-medio: #6B6B68;nn u002du002dborder-sutil: rgba(255, 255, 255, 0.08);n u002du002dborder-verde: rgba(46, 157, 110, 0.3);n}nn*, *::before, *::after {n margin: 0;n padding: 0;n box-sizing: border-box;n}nnhtml {n scroll-behavior: auto; /* Lenis maneja el smooth scroll */n}nnbody {n background: #08190F;n color: var(u002du002dwhite);n font-family: var(u002du002dfont-body);n overflow-x: hidden;n position: relative;n -webkit-font-smoothing: antialiased;n -moz-osx-font-smoothing: grayscale;n}nnimg { max-width: 100%; display: block; }na { color: inherit; text-decoration: none; }nn/* ============================================n TIPOGRAFÍA GLOBAL — Todos los títulos usan Lexend Gigan ============================================ */nh1, h2, h3, h4, h5, h6 {n font-family: var(u002du002dfont-title) !important;n font-weight: 700;n letter-spacing: 0.5px;n}nn/* ============================================n CANVAS DE FONDO GLOBAL (absolute — scrollea con la página, NO fixed)n ============================================ */n#bg-global {n position: absolute;n top: 0;n left: 0;n width: 100%;n z-index: 0;n pointer-events: none;n overflow: hidden;n /* Altura se setea por JS = scrollHeight del documento */n}n#bg-global::before {n content: '';n position: absolute;n inset: 0;n background:n radial-gradient(ellipse 60% 20% at 20% 8%, rgba(26, 71, 48, 0.35) 0%, transparent 60%),n radial-gradient(ellipse 70% 25% at 80% 35%, rgba(29, 80, 51, 0.28) 0%, transparent 60%),n radial-gradient(ellipse 80% 30% at 30% 65%, rgba(46, 157, 110, 0.1) 0%, transparent 70%);n z-index: 0;n}n#canvas-bg-blobs, #canvas-bg-dust,n#canvas-bg-plexus-back, #canvas-bg-plexus-front {n position: absolute;n inset: 0;n width: 100%;n height: 100%;n}n#canvas-bg-blobs { z-index: 1; }n#canvas-bg-dust { z-index: 2; }n#canvas-bg-plexus-back {n z-index: 3;n filter: blur(2px);n opacity: 0.45;n}n#canvas-bg-plexus-front {n z-index: 4;n opacity: 0.65;n pointer-events: auto;n}n#bg-global .bg-vignette { display: none; }nn/* ============================================n Fondo unificado — sin velo ni overlays por secciónn Todo el sitio comparte el mismo fondo (body + plexus + blobs)n ============================================ */n/* No hay ::before en las secciones — todas son transparentesn así no hay bordes visibles al scrollear */n/* Asegurar que el contenido de cada sección esté por encima del overlay */n#servicios u003e *,n#clientes u003e *,n#contacto u003e *,n.icono-footer u003e * {n position: relative;n z-index: 1;n}nn/* Asegurar que el contenido esté por encima del fondo global */n.icono-navbar, .section, .icono-footer, .icono-whatsapp-fab {n position: relative;n z-index: 1;n}n.icono-navbar { z-index: 1000; }n.icono-whatsapp-fab { z-index: 999; }nn/* ============================================n NAVBAR GLOBALn ============================================ */n.icono-navbar {n position: fixed;n top: 0; left: 0; right: 0;n z-index: 1000;n background: rgba(8, 25, 15, 0.8);n backdrop-filter: blur(20px);n -webkit-backdrop-filter: blur(20px);n border-bottom: 1px solid var(u002du002dborder-sutil);n padding: 18px 0;n transition: padding 0.3s ease;n}n.icono-navbar.scrolled { padding: 12px 0; }nn.nav-container {n max-width: 1440px;n margin: 0 auto;n padding: 0 48px;n display: flex;n align-items: center;n justify-content: space-between;n}nn.nav-logo {n display: flex;n align-items: center;n gap: 10px;n font-family: var(u002du002dfont-title);n font-weight: 700;n font-size: 22px;n letter-spacing: 2px;n color: var(u002du002dverde);n}n.nav-logo svg {n width: 34px; height: 34px;n}nn.nav-menu {n display: flex;n gap: 40px;n list-style: none;n}n.nav-menu a {n font-family: var(u002du002dfont-body);n font-size: 13px;n font-weight: 500;n letter-spacing: 1.5px;n text-transform: uppercase;n color: var(u002du002dgris-claro);n transition: color 0.3s ease;n}n.nav-menu a:hover { color: var(u002du002dverde); }nn.nav-cta {n padding: 12px 28px;n background: var(u002du002dverde);n color: var(u002du002dbg-base);n border-radius: 100px;n font-family: var(u002du002dfont-title);n font-weight: 700;n font-size: 12px;n letter-spacing: 2px;n text-transform: uppercase;n transition: all 0.3s ease;n}n.nav-cta:hover {n background: var(u002du002dverde-bright);n transform: translateY(-2px);n box-shadow: 0 10px 30px rgba(46, 157, 110, 0.4);n}nn.nav-burger { display: none; }nn@media (max-width: 900px) {n .nav-container { padding: 0 24px; }n .nav-menu { display: none; }n .nav-burger {n display: flex;n flex-direction: column;n gap: 5px;n background: none;n border: none;n cursor: pointer;n padding: 8px;n }n .nav-burger span {n width: 24px; height: 2px;n background: var(u002du002dwhite);n transition: all 0.3s ease;n }n .nav-cta { padding: 10px 20px; font-size: 11px; }n}nn/* ============================================n SECCIONES GENERALESn ============================================ */n.section {n position: relative;n min-height: 100vh;n width: 100%;n overflow: hidden;n display: flex;n flex-direction: column;n justify-content: center;n align-items: center;n}nn/* ============================================n PANTALLA 1 — HERO PLEXUSn ============================================ */n#hero {n background: transparent;n}nn/* Sin fade después del hero — el velo uniforme de las seccionesn siguientes ya crea la transición sin línea visible */nn#hero .vignette {n position: absolute; inset: 0;n background: radial-gradient(ellipse at center, transparent 40%, rgba(7,15,10,0.5) 100%);n pointer-events: none;n z-index: 5;n}nn#canvas-blobs, #canvas-dust, #canvas-plexus-back, #canvas-plexus-front {n position: absolute;n inset: 0;n width: 100%;n height: 100%;n}n#canvas-blobs { z-index: 1; }n#canvas-dust { z-index: 2; }n#canvas-plexus-back {n z-index: 3;n filter: blur(1.5px);n opacity: 0.85;n}n#canvas-plexus-front {n z-index: 4;n opacity: 0.92;n}nn#hero .content {n position: relative;n z-index: 10;n width: 90%;n max-width: 820px;n margin: 0 auto;n height: 100vh;n display: flex;n flex-direction: column;n justify-content: center;n align-items: center;n text-align: center;n padding-top: 80px;n}nn#hero h1 {n font-family: var(u002du002dfont-title) !important;n font-weight: 700 !important;n font-size: clamp(22px, 2.8vw, 36px);n letter-spacing: 0.8px;n line-height: 1.3;n text-transform: uppercase;n margin-bottom: 36px;n text-shadow: 0 4px 40px rgba(0,0,0,0.6);n text-align: center;n}nn#hero p {n text-align: center;n margin-left: auto;n margin-right: auto;n}nn#hero h1 .line {n display: block;n font-family: var(u002du002dfont-title) !important;n font-weight: 700 !important;n}nn#hero h1 .mobile-only { display: none; }n#hero h1 .desktop-only { display: block; }nn.line-white {n color: var(u002du002dwhite);n background-image: linear-gradient(105deg,n #F5F5F2 0%, #F5F5F2 44%,n #F8F8F5 50%,n #F5F5F2 56%, #F5F5F2 100%);n background-size: 180% 100%;n background-position: 50% 0;n -webkit-text-fill-color: transparent;n -webkit-background-clip: text;n background-clip: text;n animation: shimmerWhite 9s ease-in-out infinite;n animation-delay: 2s;n}n.line-green {n color: var(u002du002dverde);n background-image: linear-gradient(105deg,n #2E9D6E 0%, #2E9D6E 44%,n #3BB884 50%,n #2E9D6E 56%, #2E9D6E 100%);n background-size: 180% 100%;n background-position: 50% 0;n -webkit-text-fill-color: transparent;n -webkit-background-clip: text;n background-clip: text;n animation: shimmerGreen 9s ease-in-out infinite;n animation-delay: 2.5s;n}nn@keyframes shimmerWhite {n 0%, 65% { background-position: 180% 0; }n 85% { background-position: -30% 0; }n 100% { background-position: -30% 0; }n}n@keyframes shimmerGreen {n 0%, 65% { background-position: 180% 0; }n 85% { background-position: -30% 0; }n 100% { background-position: -30% 0; }n}nn#hero p {n font-family: var(u002du002dfont-body) !important;n font-size: clamp(15px, 1.35vw, 18px);n line-height: 1.7;n color: var(u002du002doff-white);n max-width: 560px;n margin-bottom: 40px;n font-weight: 500;n}nn.cta-wrapper {n position: relative;n display: inline-block;n}nn.cta-wrapper::after {n content: '';n position: absolute;n top: 50%; left: 50%;n transform: translate(-50%, -50%) scale(1);n width: 100%; height: 100%;n border: 1px solid rgba(255,255,255,0.25);n border-radius: 100px;n opacity: 0;n animation: ctaRingSubtle 9s ease-in-out infinite;n animation-delay: 3s;n pointer-events: none;n}nn.cta {n display: inline-block;n background: #FFFFFF;n color: var(u002du002dverde);n padding: 20px 48px;n border-radius: 100px;n font-family: var(u002du002dfont-title) !important;n font-weight: 700 !important;n font-size: 15px;n letter-spacing: 2.5px;n text-transform: uppercase;n box-shadow: 0 10px 40px rgba(0,0,0,0.3);n animation: ctaBreathe 9s ease-in-out infinite;n animation-delay: 3s;n transition: color 0.3s ease;n}n.cta:hover {n animation: none;n transform: translateY(-2px) scale(1.01);n color: var(u002du002dverde-hover);n box-shadow: 0 14px 40px rgba(46,157,110,0.35);n}nn@keyframes ctaBreathe {n 0%, 60%, 100% {n transform: translateY(0) scale(1);n box-shadow: 0 10px 40px rgba(0,0,0,0.3);n }n 75% {n transform: translateY(-2px) scale(1.015);n box-shadow: 0 14px 36px rgba(46,157,110,0.22);n }n}n@keyframes ctaRingSubtle {n 0%, 62% {n transform: translate(-50%, -50%) scale(1);n opacity: 0;n }n 75% { opacity: 0.4; }n 92% {n transform: translate(-50%, -50%) scale(1.22);n opacity: 0;n }n}nn/* Slide-in cascada del hero */n#hero h1, #hero p, #hero .cta-wrapper {n opacity: 0;n animation: slideInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;n}n#hero h1 { animation-delay: 0.2s; }n#hero p { animation-delay: 0.4s; }n#hero .cta-wrapper { animation-delay: 0.6s; }nn@keyframes slideInUp {n 0% { opacity: 0; transform: translateY(30px); }n 100% { opacity: 1; transform: translateY(0); }n}nn@media (max-width: 768px) {n #hero h1 { font-size: clamp(20px, 5.8vw, 29px); letter-spacing: 1.2px; }n #hero h1 .desktop-only { display: none !important; }n #hero h1 .mobile-only { display: block !important; }n #hero p { font-size: 15px; max-width: 100%; }n .cta { font-size: 12px; padding: 16px 32px; letter-spacing: 2px; }n}nn/* ============================================n PANTALLA 2 — SERVICIOS (Dos ramas)n ============================================ */n#servicios {n background: transparent;n min-height: 100vh;n}nn#servicios .vignette {n position: absolute; inset: 0;n background: radial-gradient(ellipse at center, transparent 40%, rgba(7,15,10,0.4) 100%);n pointer-events: none;n z-index: 5;n}nn#canvas-blobs-2, #canvas-dust-2 {n position: absolute; inset: 0;n width: 100%; height: 100%;n}n#canvas-blobs-2 { z-index: 1; }n#canvas-dust-2 { z-index: 2; }nn.servicios-header {n position: absolute;n top: 14vh;n left: 50%;n transform: translateX(-50%);n z-index: 11;n text-align: center;n width: 90%;n max-width: 700px;n}n.servicios-label {n display: inline-flex;n align-items: center;n gap: 10px;n color: var(u002du002dverde);n font-family: var(u002du002dfont-body);n font-size: 11px;n font-weight: 600;n letter-spacing: 3px;n text-transform: uppercase;n margin-bottom: 16px;n}n.servicios-label::before,n.servicios-label::after {n content: '';n width: 30px; height: 1px;n background: var(u002du002dverde);n opacity: 0.6;n}n.servicios-header h2 {n font-family: var(u002du002dfont-title) !important;n font-weight: 700 !important;n font-size: clamp(22px, 2.4vw, 32px);n letter-spacing: 1.5px;n color: var(u002du002dwhite);n text-transform: uppercase;n line-height: 1.3;n}nn.servicios-grid {n position: relative;n z-index: 10;n width: 100%;n height: 100vh;n display: grid;n grid-template-columns: 110px 1fr 1fr 110px;n align-items: center;n padding: 0 4%;n gap: 24px;n max-width: 1440px;n margin: 0 auto;n}nn.cuadritos-col {n display: flex;n flex-direction: column;n gap: 22px;n align-items: center;n justify-content: center;n flex-shrink: 0;n}nn.cuadrito {n width: 68px; height: 68px;n background: var(u002du002dbg-soft);n border: 1px solid var(u002du002dborder-verde);n border-radius: 16px;n display: flex;n align-items: center;n justify-content: center;n box-shadow: 0 8px 24px rgba(0,0,0,0.4), inset 0 0 20px rgba(46,157,110,0.08);n animation: floatIcon 4.5s ease-in-out infinite;n transition: transform 0.3s ease, border-color 0.3s ease;n flex-shrink: 0;n}n.cuadrito:hover {n border-color: var(u002du002dverde-bright);n transform: scale(1.08) translateY(-2px);n}n.cuadrito:nth-child(1) { animation-delay: 0s; }n.cuadrito:nth-child(2) { animation-delay: 1.5s; }n.cuadrito:nth-child(3) { animation-delay: 3s; }nn.cuadrito svg {n width: 30px; height: 30px;n stroke: var(u002du002dverde-bright);n fill: none;n stroke-width: 1.8;n}nn@keyframes floatIcon {n 0%, 100% { transform: translateY(0); }n 50% { transform: translateY(-6px); }n}nn.columna-texto {n display: flex;n flex-direction: column;n gap: 20px;n min-width: 0; /* evita overflow */n}n.columna-texto.left { align-items: flex-end; text-align: right; padding-right: 40px; }n.columna-texto.right { align-items: flex-start; text-align: left; padding-left: 40px; }nn.columna-texto h2,n#servicios .columna-texto h2 {n font-family: var(u002du002dfont-title) !important;n font-weight: 700 !important;n font-size: clamp(20px, 2.4vw, 30px);n letter-spacing: 2.5px;n line-height: 1.25;n color: var(u002du002dwhite) !important;n text-transform: uppercase;n}nn.columna-texto p {n font-family: var(u002du002dfont-body);n font-size: clamp(14px, 1.1vw, 16px);n line-height: 1.7;n color: var(u002du002doff-white);n max-width: 380px;n font-weight: 500;n}nn.columna-texto .cta {n align-self: inherit;n font-size: 13px;n padding: 18px 42px;n animation: none;n}nn/* Eje central — invisible (se removió el trazo verde por pedido del cliente) */n.eje-central {n display: none;n}nn/* Breakpoint intermedio: tablet grande — reducir tamaños para evitar overflow */n@media (max-width: 1200px) {n .servicios-grid {n grid-template-columns: 90px 1fr 1fr 90px;n padding: 0 3%;n gap: 16px;n }n .cuadrito { width: 58px; height: 58px; }n .cuadrito svg { width: 26px; height: 26px; }n .columna-texto.left { padding-right: 28px; }n .columna-texto.right { padding-left: 28px; }n}nn@media (max-width: 900px) {n .servicios-grid {n grid-template-columns: 1fr;n grid-template-rows: auto auto auto auto;n padding: 140px 24px 60px;n gap: 32px;n min-height: 100vh;n height: auto;n }n .servicios-header {n top: 10vh;n }n .cuadritos-col {n flex-direction: row;n justify-content: center;n gap: 16px;n }n .cuadrito { width: 52px; height: 52px; border-radius: 12px; }n .cuadrito svg { width: 24px; height: 24px; }n .columna-texto.left, .columna-texto.right {n align-items: center;n text-align: center;n padding: 0;n }n .columna-texto p { max-width: 100%; }n .columna-texto .cta { align-self: center; }n}nn/* ============================================n PANTALLA 3 — CLIENTESn ============================================ */n#clientes {n background: transparent;n min-height: 100vh;n display: flex;n flex-direction: column;n justify-content: center;n padding: 100px 0;n}nn.clientes-header {n text-align: center;n max-width: 800px;n margin: 0 auto 60px;n padding: 0 24px;n position: relative;n z-index: 10;n}n.clientes-header .label {n display: inline-flex;n align-items: center;n gap: 10px;n color: var(u002du002dverde);n font-family: var(u002du002dfont-body);n font-size: 11px;n font-weight: 600;n letter-spacing: 3px;n text-transform: uppercase;n margin-bottom: 16px;n}n.clientes-header .label::before,n.clientes-header .label::after {n content: '';n width: 30px; height: 1px;n background: var(u002du002dverde);n opacity: 0.6;n}n.clientes-header h2 {n font-family: var(u002du002dfont-title);n font-weight: 700;n font-size: clamp(26px, 3vw, 42px);n letter-spacing: 1px;n color: var(u002du002dwhite);n text-transform: uppercase;n margin-bottom: 18px;n line-height: 1.2;n}n.clientes-header p {n font-family: var(u002du002dfont-body);n font-size: 16px;n color: var(u002du002dgris-claro);n line-height: 1.6;n max-width: 580px;n margin: 0 auto;n}nn.clientes-slider-wrap {n position: relative;n width: 100%;n z-index: 10;n}n.clientes-titulo {n font-family: var(u002du002dfont-title);n font-weight: 700;n font-size: clamp(28px, 3.5vw, 48px);n letter-spacing: 1px;n color: var(u002du002dwhite);n text-transform: uppercase;n text-align: center;n margin: 0 auto 44px;n position: relative;n z-index: 10;n}n@media (max-width: 768px) {n .clientes-titulo { margin-bottom: 28px; }n}n.clientes-slider {n overflow: hidden;n mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);n -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);n padding: 12px 0;n cursor: grab;n user-select: none;n -webkit-user-select: none;n touch-action: pan-y; /* permite scroll vertical en mobile */n}n.clientes-slider.grabbing {n cursor: grabbing;n}n.slider-track {n display: flex;n gap: 16px;n width: max-content;n will-change: transform;n}nn.logo-tile {n min-width: 220px;n height: 110px;n background: var(u002du002dbg-soft);n border: 1px solid var(u002du002dborder-sutil);n border-radius: 18px;n display: flex;n flex-direction: column;n align-items: center;n justify-content: center;n padding: 20px 28px;n gap: 6px;n transition: all 0.3s ease;n font-family: var(u002du002dfont-title);n font-weight: 600;n font-size: 18px;n letter-spacing: 1px;n color: var(u002du002dgris-claro);n text-transform: uppercase;n}n.logo-tile span.rubro {n font-family: var(u002du002dfont-body);n font-weight: 500;n font-size: 10px;n letter-spacing: 1.5px;n color: var(u002du002dgris-medio);n text-transform: uppercase;n}n.logo-tile:hover {n border-color: var(u002du002dborder-verde);n color: var(u002du002dwhite);n transform: translateY(-4px);n box-shadow: 0 10px 30px rgba(46,157,110,0.15);n}nn.clientes-testimonios {n display: grid;n grid-template-columns: repeat(3, 1fr);n gap: 20px;n max-width: 1200px;n margin: 60px auto 0;n padding: 0 48px;n position: relative;n z-index: 10;n justify-items: center;n}n.testimonio-card {n background: var(u002du002dbg-soft);n border: 1px solid var(u002du002dborder-sutil);n border-radius: 20px;n padding: 28px;n transition: all 0.4s ease;n text-align: center;n width: 100%;n max-width: 360px;n}n.testimonio-card:hover {n border-color: var(u002du002dborder-verde);n background: var(u002du002dbg-hover);n transform: translateY(-4px);n}n.testimonio-stars {n color: var(u002du002dverde-bright);n font-size: 14px;n letter-spacing: 2px;n margin-bottom: 14px;n text-align: center;n}n.testimonio-text {n font-family: var(u002du002dfont-body);n font-size: 14px;n line-height: 1.6;n color: var(u002du002doff-white);n margin-bottom: 18px;n text-align: center;n}n.testimonio-autor {n font-family: var(u002du002dfont-title);n font-weight: 600;n font-size: 12px;n letter-spacing: 1px;n color: var(u002du002dwhite);n text-transform: uppercase;n text-align: center;n}n.testimonio-negocio {n font-family: var(u002du002dfont-body);n font-size: 11px;n color: var(u002du002dgris-medio);n letter-spacing: 1px;n text-transform: uppercase;n margin-top: 4px;n text-align: center;n}nn@media (max-width: 900px) {n .clientes-testimonios { grid-template-columns: 1fr; padding: 0 24px; }n .logo-tile { min-width: 180px; height: 90px; font-size: 15px; }n}nn/* Google Reviews wrapper — integra el widget Trustindex con el estilo dark del sitio */n.google-reviews-wrapper {n max-width: 1200px;n margin: 60px auto 0;n padding: 0 48px;n position: relative;n z-index: 10;n}n.google-reviews-wrapper .ti-widget,n.google-reviews-wrapper [class*=u0022ti-u0022] {n background: transparent !important;n}n@media (max-width: 900px) {n .google-reviews-wrapper { padding: 0 24px; margin-top: 40px; }n}nn/* ============================================n PANTALLA 4 — CONTACTOn ============================================ */n#contacto {n background: transparent;n min-height: 100vh;n display: flex;n flex-direction: column;n justify-content: center;n padding: 100px 48px;n}nn.contacto-wrapper {n max-width: 1280px;n margin: 0 auto;n width: 100%;n position: relative;n z-index: 10;n}nn.contacto-header {n margin: 0 auto 60px;n max-width: 680px;n text-align: center;n}n.contacto-header .label {n display: inline-flex;n align-items: center;n gap: 10px;n color: var(u002du002dverde);n font-family: var(u002du002dfont-body);n font-size: 11px;n font-weight: 600;n letter-spacing: 3px;n text-transform: uppercase;n margin-bottom: 16px;n justify-content: center;n}n.contacto-header .label::before,n.contacto-header .label::after {n content: '';n width: 30px; height: 1px;n background: var(u002du002dverde);n opacity: 0.6;n}n.contacto-header h2 {n font-family: var(u002du002dfont-title);n font-weight: 700;n font-size: clamp(32px, 4vw, 56px);n letter-spacing: 0.5px;n color: var(u002du002dwhite);n text-transform: uppercase;n line-height: 1.05;n margin-bottom: 20px;n text-align: center;n}n.contacto-header h2 .green { color: var(u002du002dverde); }n.contacto-header p {n font-family: var(u002du002dfont-body);n font-size: 17px;n color: var(u002du002dgris-claro);n line-height: 1.6;n max-width: 520px;n margin: 0 auto;n text-align: center;n}nn.contacto-grid {n display: flex;n flex-direction: column;n align-items: center;n gap: 32px;n width: 100%;n max-width: 680px;n margin: 0 auto;n}nn.icono-form {n width: 100%;n background: rgba(20, 20, 20, 0.5);n backdrop-filter: blur(10px);n -webkit-backdrop-filter: blur(10px);n border: 1px solid var(u002du002dborder-sutil);n border-radius: 28px;n padding: 40px;n text-align: center;n}nn.icono-form-row {n display: grid;n grid-template-columns: 1fr 1fr;n gap: 20px;n}nn.icono-form-group {n margin-bottom: 20px;n}n.icono-form label {n display: block;n font-family: var(u002du002dfont-body);n font-size: 11px;n font-weight: 500;n letter-spacing: 1.5px;n text-transform: uppercase;n color: var(u002du002dgris-claro);n margin-bottom: 8px;n text-align: center;n}n.icono-form input,n.icono-form textarea,n.icono-form select {n width: 100%;n background: rgba(10, 10, 10, 0.6);n border: 1px solid var(u002du002dborder-sutil);n border-radius: 12px;n padding: 14px 18px;n color: var(u002du002dwhite);n font-family: var(u002du002dfont-body);n font-size: 15px;n transition: all 0.3s ease;n text-align: center;n}n.icono-form input::placeholder,n.icono-form textarea::placeholder {n color: var(u002du002dgris-medio);n}n.icono-form input:focus,n.icono-form textarea:focus,n.icono-form select:focus {n outline: none;n border-color: var(u002du002dverde);n background: rgba(46,157,110,0.05);n box-shadow: 0 0 0 3px rgba(46,157,110,0.12);n}n.icono-form textarea {n min-height: 110px;n resize: vertical;n font-family: var(u002du002dfont-body);n text-align: center;n}nn.icono-form-checkbox {n display: flex;n align-items: flex-start;n justify-content: center;n gap: 10px;n margin-bottom: 24px;n text-align: left;n max-width: 440px;n margin-left: auto;n margin-right: auto;n}n.icono-form-checkbox input[type=u0022checkboxu0022] {n width: auto;n margin-top: 3px;n accent-color: var(u002du002dverde);n}n.icono-form-checkbox label {n font-size: 12px;n letter-spacing: 0.5px;n text-transform: none;n margin: 0;n line-height: 1.5;n}n.icono-form-checkbox label a {n color: var(u002du002dverde);n text-decoration: underline;n}nn.icono-form-submit {n width: 100%;n background: var(u002du002dverde);n color: var(u002du002dbg-base);n font-family: var(u002du002dfont-title);n font-weight: 700;n font-size: 13px;n letter-spacing: 2.5px;n text-transform: uppercase;n padding: 20px;n border: none;n border-radius: 100px;n cursor: pointer;n transition: all 0.3s ease;n}n.icono-form-submit:hover {n background: var(u002du002dverde-bright);n box-shadow: 0 10px 40px rgba(46,157,110,0.4);n transform: translateY(-2px);n}nn.icono-whatsapp-card {n width: 100%;n background: linear-gradient(135deg, var(u002du002dbg-soft) 0%, var(u002du002dbg-hover) 100%);n border: 1px solid var(u002du002dborder-verde);n border-radius: 28px;n padding: 40px;n position: relative;n overflow: hidden;n text-align: center;n}n.icono-whatsapp-card::before {n content: '';n position: absolute;n inset: 0;n background: radial-gradient(circle at top center, rgba(46,157,110,0.18), transparent 60%);n pointer-events: none;n}n.icono-whatsapp-icon {n /* Sin cuadradito: solo el SVG centrado */n width: 56px;n height: 56px;n display: flex;n align-items: center;n justify-content: center;n margin: 0 auto 20px;n position: relative;n}n.icono-whatsapp-icon svg {n width: 56px; height: 56px;n fill: #25D366;n filter: drop-shadow(0 6px 20px rgba(37,211,102,0.35));n}nn.icono-whatsapp-card h3 {n font-family: var(u002du002dfont-title);n font-weight: 700;n font-size: 22px;n letter-spacing: 1px;n color: var(u002du002dwhite);n text-transform: uppercase;n margin-bottom: 12px;n position: relative;n}n.icono-whatsapp-card p {n font-family: var(u002du002dfont-body);n font-size: 14px;n color: var(u002du002dgris-claro);n line-height: 1.6;n margin: 0 auto 24px;n position: relative;n max-width: 420px;n}nn.icono-whatsapp-btn {n display: inline-flex;n align-items: center;n gap: 10px;n background: #25D366;n color: #0A0A0A;n padding: 16px 28px;n border-radius: 100px;n font-family: var(u002du002dfont-title);n font-weight: 700;n font-size: 12px;n letter-spacing: 1.5px;n text-transform: uppercase;n position: relative;n transition: all 0.3s ease;n}n.icono-whatsapp-btn:hover {n transform: translateY(-2px);n box-shadow: 0 10px 30px rgba(37,211,102,0.4);n}n.icono-whatsapp-btn svg {n width: 18px; height: 18px;n fill: currentColor;n}nn.contacto-alt {n margin-top: 28px;n padding-top: 24px;n border-top: 1px solid rgba(255,255,255,0.08);n position: relative;n display: flex;n flex-direction: column;n align-items: center;n gap: 10px;n}n.contacto-alt-item {n display: inline-flex;n align-items: center;n gap: 12px;n font-family: var(u002du002dfont-body);n font-size: 14px;n color: var(u002du002dgris-claro);n}n.contacto-alt-item svg {n width: 16px; height: 16px;n stroke: var(u002du002dverde);n fill: none;n stroke-width: 2;n}n.contacto-alt-item a { color: var(u002du002dwhite); }n.contacto-alt-item a:hover { color: var(u002du002dverde); }nn@media (max-width: 900px) {n #contacto { padding: 80px 24px; }n .contacto-grid { grid-template-columns: 1fr; }n .icono-form { padding: 28px 24px; border-radius: 20px; }n .icono-form-row { grid-template-columns: 1fr; }n .icono-whatsapp-card { padding: 28px 24px; border-radius: 20px; }n}nn/* ============================================n FOOTER — Todo centradon ============================================ */n.icono-footer {n background: transparent;n padding: 80px 0 32px;n position: relative;n overflow: hidden;n text-align: center;n}nn.footer-grid {n display: grid;n grid-template-columns: repeat(4, 1fr);n gap: 48px;n max-width: 1320px;n margin: 0 auto;n padding: 0 48px;n position: relative;n justify-items: center;n text-align: center;n}nn.footer-brand {n display: flex;n flex-direction: column;n align-items: center;n}n.footer-brand .footer-logo {n display: inline-flex;n align-items: center;n gap: 10px;n font-family: var(u002du002dfont-title);n font-weight: 700;n font-size: 24px;n letter-spacing: 2px;n color: var(u002du002dverde);n margin-bottom: 12px;n justify-content: center;n}n.footer-brand .footer-logo svg { width: 34px; height: 34px; }nn.footer-tagline {n font-family: var(u002du002dfont-title);n font-size: 11px;n font-weight: 600;n letter-spacing: 2.5px;n color: var(u002du002dverde);n text-transform: uppercase;n margin-bottom: 20px;n}nn.footer-desc {n font-family: var(u002du002dfont-body);n font-size: 14px;n color: var(u002du002dgris-claro);n line-height: 1.6;n margin: 0 auto 28px;n max-width: 320px;n text-align: center;n}nn.footer-social {n display: flex;n gap: 10px;n justify-content: center;n}n.footer-social a {n width: 40px; height: 40px;n background: var(u002du002dbg-soft);n border: 1px solid var(u002du002dborder-sutil);n border-radius: 12px;n display: flex;n align-items: center;n justify-content: center;n color: var(u002du002dgris-claro);n transition: all 0.3s ease;n}n.footer-social a svg {n width: 18px; height: 18px;n fill: currentColor;n}n.footer-social a:hover {n background: var(u002du002dverde);n color: var(u002du002dbg-base);n border-color: var(u002du002dverde);n transform: translateY(-2px);n}nn.footer-title {n font-family: var(u002du002dfont-title);n font-weight: 700;n font-size: 12px;n letter-spacing: 2.5px;n text-transform: uppercase;n color: var(u002du002dverde);n margin-bottom: 22px;n text-align: center;n}nn.footer-list {n list-style: none;n padding: 0;n margin: 0;n text-align: center;n}n.footer-list li { margin-bottom: 12px; }n.footer-list a {n font-family: var(u002du002dfont-body);n font-size: 14px;n color: var(u002du002dgris-claro);n transition: color 0.3s ease;n}n.footer-list a:hover { color: var(u002du002dverde); }nn.footer-subsection { margin-top: 32px; }nn.footer-contact-list {n list-style: none;n padding: 0;n margin: 0;n display: flex;n flex-direction: column;n align-items: center;n}n.footer-contact-list li {n display: inline-flex;n align-items: center;n gap: 10px;n font-family: var(u002du002dfont-body);n font-size: 14px;n color: var(u002du002dgris-claro);n margin-bottom: 14px;n justify-content: center;n}n.footer-contact-list svg {n width: 14px; height: 14px;n stroke: var(u002du002dverde);n fill: none;n stroke-width: 2;n flex-shrink: 0;n}n.footer-contact-list a { color: var(u002du002dwhite); }n.footer-contact-list a:hover { color: var(u002du002dverde); }nn.footer-newsletter {n margin-top: 28px;n padding: 20px;n background: var(u002du002dbg-soft);n border: 1px solid var(u002du002dborder-verde);n border-radius: 16px;n text-align: center;n max-width: 300px;n margin-left: auto;n margin-right: auto;n}n.footer-newsletter h4 {n font-family: var(u002du002dfont-title);n font-weight: 700;n font-size: 11px;n letter-spacing: 2.5px;n color: var(u002du002dwhite);n text-transform: uppercase;n margin-bottom: 6px;n text-align: center;n}n.footer-newsletter p {n font-family: var(u002du002dfont-body);n font-size: 12px;n color: var(u002du002dgris-claro);n margin: 0 auto 14px;n line-height: 1.5;n text-align: center;n}n.newsletter-form {n display: flex;n}n.newsletter-form input {n flex: 1;n background: rgba(10,10,10,0.6);n border: 1px solid var(u002du002dborder-sutil);n border-right: none;n border-radius: 100px 0 0 100px;n padding: 10px 16px;n color: var(u002du002dwhite);n font-family: var(u002du002dfont-body);n font-size: 13px;n outline: none;n text-align: center;n}n.newsletter-form input::placeholder { color: var(u002du002dgris-medio); }n.newsletter-form button {n background: var(u002du002dverde);n color: var(u002du002dbg-base);n border: none;n border-radius: 0 100px 100px 0;n padding: 0 18px;n cursor: pointer;n font-size: 16px;n font-weight: 700;n transition: background 0.3s ease;n}n.newsletter-form button:hover { background: var(u002du002dverde-bright); }nn.footer-bottom {n border-top: 1px solid rgba(255,255,255,0.06);n margin-top: 60px;n padding: 22px 48px 0;n max-width: 1320px;n margin-left: auto;n margin-right: auto;n display: flex;n justify-content: center;n align-items: center;n gap: 24px;n flex-wrap: wrap;n color: var(u002du002dgris-medio);n font-family: var(u002du002dfont-body);n font-size: 12px;n position: relative;n text-align: center;n}n.footer-bottom a {n color: var(u002du002dgris-claro);n cursor: pointer;n}n.footer-bottom a:hover { color: var(u002du002dverde); }nn.back-to-top {n display: inline-flex;n align-items: center;n gap: 8px;n background: none;n border: 1px solid var(u002du002dborder-sutil);n color: var(u002du002dgris-claro);n padding: 8px 16px;n border-radius: 100px;n font-family: var(u002du002dfont-body);n font-size: 11px;n letter-spacing: 1.5px;n text-transform: uppercase;n cursor: pointer;n transition: all 0.3s ease;n}n.back-to-top:hover {n border-color: var(u002du002dverde);n color: var(u002du002dverde);n}nn@media (max-width: 900px) {n .footer-grid { grid-template-columns: 1fr; gap: 40px; padding: 0 24px; }n .footer-bottom { flex-direction: column; gap: 12px; padding: 22px 24px 0; text-align: center; }n}nn/* ============================================n WHATSAPP FAB (global)n ============================================ */n.icono-whatsapp-fab {n position: fixed;n bottom: 24px;n right: 24px;n height: 60px;n padding: 0 20px 0 18px;n background: #25D366;n border-radius: 100px;n display: inline-flex;n align-items: center;n gap: 10px;n box-shadow: 0 10px 40px rgba(37,211,102,0.4);n z-index: 999;n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);n animation: wppPulse 2.5s ease-in-out infinite;n font-family: var(u002du002dfont-title);n font-weight: 700;n font-size: 13px;n letter-spacing: 2px;n text-transform: uppercase;n color: #FFFFFF;n text-decoration: none;n white-space: nowrap;n}n.icono-whatsapp-fab svg {n width: 26px; height: 26px;n fill: #FFFFFF;n flex-shrink: 0;n}n.icono-whatsapp-fab .wpp-label {n transition: all 0.3s ease;n}n.icono-whatsapp-fab:hover {n transform: translateY(-3px) scale(1.03);n box-shadow: 0 14px 44px rgba(37,211,102,0.55);n background: #1fbb58;n}n@keyframes wppPulse {n 0%, 100% { box-shadow: 0 10px 40px rgba(37,211,102,0.4), 0 0 0 0 rgba(37,211,102,0.6); }n 50% { box-shadow: 0 10px 40px rgba(37,211,102,0.4), 0 0 0 14px rgba(37,211,102,0); }n}nn/* Mobile: solo ícono, sin texto */n@media (max-width: 768px) {n .icono-whatsapp-fab {n padding: 0;n width: 60px;n border-radius: 50%;n justify-content: center;n }n .icono-whatsapp-fab .wpp-label {n display: none;n }n}nn/* ============================================n REDUCED MOTIONn ============================================ */n@media (prefers-reduced-motion: reduce) {n *, *::before, *::after {n animation-duration: 0.01ms !important;n transition-duration: 0.01ms !important;n }n #hero h1, #hero p, #hero .cta-wrapper {n opacity: 1;n transform: none;n }n}nu003c/styleu003enu003c/headu003enu003cbodyu003ennu003c!u002du002d ============================================n CANVAS DE FONDO GLOBAL (presente en todas las secciones)n ============================================ u002du002du003enu003cdiv id=u0022bg-globalu0022u003en u003ccanvas id=u0022canvas-bg-blobsu0022u003eu003c/canvasu003en u003ccanvas id=u0022canvas-bg-dustu0022u003eu003c/canvasu003en u003ccanvas id=u0022canvas-bg-plexus-backu0022u003eu003c/canvasu003en u003ccanvas id=u0022canvas-bg-plexus-frontu0022u003eu003c/canvasu003en u003cdiv class=u0022bg-vignetteu0022u003eu003c/divu003enu003c/divu003ennu003c!u002du002d ============================================n NAVBAR GLOBALn ============================================ u002du002du003enu003cnav class=u0022icono-navbaru0022 id=u0022navbaru0022u003en u003cdiv class=u0022nav-containeru0022u003en u003ca href=u0022#herou0022 class=u0022nav-logou0022u003en u003csvg viewBox=u00220 0 100 100u0022 xmlns=u0022http://www.w3.org/2000/svgu0022u003en u003crect x=u002218u0022 y=u002210u0022 width=u002264u0022 height=u002280u0022 rx=u002232u0022 ry=u002232u0022 fill=u0022noneu0022 stroke=u0022#2E9D6Eu0022 stroke-width=u00228u0022/u003en u003ccircle cx=u002250u0022 cy=u002234u0022 r=u002211u0022 fill=u0022#B8D9B8u0022/u003en u003c/svgu003en ICONOn u003c/au003en u003cul class=u0022nav-menuu0022u003en u003cliu003eu003ca href=u0022#herou0022u003eIniciou003c/au003eu003c/liu003en u003cliu003eu003ca href=u0022#serviciosu0022u003eServiciosu003c/au003eu003c/liu003en u003cliu003eu003ca href=u0022#clientesu0022u003eClientesu003c/au003eu003c/liu003en u003cliu003eu003ca href=u0022#contactou0022u003eContactou003c/au003eu003c/liu003en u003c/ulu003en u003cbutton class=u0022nav-burgeru0022 aria-label=u0022Abrir menúu0022u003en u003cspanu003eu003c/spanu003eu003cspanu003eu003c/spanu003eu003cspanu003eu003c/spanu003en u003c/buttonu003en u003c/divu003enu003c/navu003ennu003c!u002du002d ============================================n PANTALLA 1 — HERO PLEXUSn ============================================ u002du002du003enu003csection class=u0022sectionu0022 id=u0022herou0022u003en u003cdiv class=u0022contentu0022u003en u003ch1u003en u003cspan class=u0022line line-white desktop-onlyu0022u003eHerramientas digitalesu003c/spanu003en u003cspan class=u0022line line-green desktop-onlyu0022u003epara escalar tu negociou003c/spanu003en u003cspan class=u0022line line-white mobile-onlyu0022u003eHerramientasu003c/spanu003en u003cspan class=u0022line line-white mobile-onlyu0022u003edigitalesu003c/spanu003en u003cspan class=u0022line line-green mobile-onlyu0022u003epara escalaru003c/spanu003en u003cspan class=u0022line line-green mobile-onlyu0022u003etu negociou003c/spanu003en u003c/h1u003en u003cpu003eUtilizá la tecnología para crecer, con una estrategia, siguiendo una dirección, objetivo y resultados palpables.u003c/pu003en u003cdiv class=u0022cta-wrapperu0022u003en u003ca href=u0022#contactou0022 class=u0022ctau0022u003e¡Escribinos!u003c/au003en u003c/divu003en u003c/divu003enu003c/sectionu003ennu003c!u002du002d ============================================n PANTALLA 2 — SERVICIOSn ============================================ u002du002du003enu003csection class=u0022sectionu0022 id=u0022serviciosu0022u003en u003cdiv class=u0022eje-centralu0022u003eu003c/divu003enn u003cdiv class=u0022servicios-gridu0022u003en u003c!u002du002d Cuadritos izquierda: Desarrollo u002du002du003en u003cdiv class=u0022cuadritos-colu0022u003en u003cdiv class=u0022cuadritou0022 title=u0022Base de datosu0022u003en u003csvg viewBox=u00220 0 24 24u0022 stroke-linecap=u0022roundu0022 stroke-linejoin=u0022roundu0022u003en u003cellipse cx=u002212u0022 cy=u00225u0022 rx=u00228u0022 ry=u00223u0022/u003en u003cpath d=u0022M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5u0022/u003en u003cpath d=u0022M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6u0022/u003en u003c/svgu003en u003c/divu003en u003cdiv class=u0022cuadritou0022 title=u0022App móvilu0022u003en u003csvg viewBox=u00220 0 24 24u0022 stroke-linecap=u0022roundu0022 stroke-linejoin=u0022roundu0022u003en u003crect x=u00226u0022 y=u00222u0022 width=u002212u0022 height=u002220u0022 rx=u00223u0022/u003en u003cline x1=u002211u0022 y1=u002218u0022 x2=u002213u0022 y2=u002218u0022/u003en u003c/svgu003en u003c/divu003en u003cdiv class=u0022cuadritou0022 title=u0022Códigou0022u003en u003csvg viewBox=u00220 0 24 24u0022 stroke-linecap=u0022roundu0022 stroke-linejoin=u0022roundu0022u003en u003cpolyline points=u002216 18 22 12 16 6u0022/u003en u003cpolyline points=u00228 6 2 12 8 18u0022/u003en u003c/svgu003en u003c/divu003en u003c/divu003enn u003c!u002du002d Texto DESARROLLO u002du002du003en u003cdiv class=u0022columna-texto leftu0022u003en u003ch2u003eDesarrollou003cbru003ea medidau003c/h2u003en u003cpu003eEcosistemas digitales, aplicaciones web y sistemas que se adaptan a cómo trabajás, no al revés.u003c/pu003en u003ca href=u0022#contactou0022 class=u0022ctau0022u003eVer desarrollosu003c/au003en u003c/divu003enn u003c!u002du002d Texto BRANDING u002du002du003en u003cdiv class=u0022columna-texto rightu0022u003en u003ch2u003eBrandingu003cbru003eu0026 diseñou003c/h2u003en u003cpu003eEstrategia, contenido y performance para que tu marca se vea, se recuerde y venda.u003c/pu003en u003ca href=u0022#contactou0022 class=u0022ctau0022u003eVer marketingu003c/au003en u003c/divu003enn u003c!u002du002d Cuadritos derecha: Marketing u002du002du003en u003cdiv class=u0022cuadritos-colu0022u003en u003cdiv class=u0022cuadritou0022 title=u0022Metau0022u003en u003csvg viewBox=u00220 0 24 24u0022 stroke-linecap=u0022roundu0022 stroke-linejoin=u0022roundu0022u003en u003cpath d=u0022M3 12c0-3 2-5 4.5-5 2 0 3.5 1.5 4.5 3.5 1-2 2.5-3.5 4.5-3.5 2.5 0 4.5 2 4.5 5s-2 5-4.5 5c-2 0-3.5-1.5-4.5-3.5C11 15.5 9.5 17 7.5 17 5 17 3 15 3 12zu0022/u003en u003c/svgu003en u003c/divu003en u003cdiv class=u0022cuadritou0022 title=u0022Diseñou0022u003en u003csvg viewBox=u00220 0 24 24u0022 stroke-linecap=u0022roundu0022 stroke-linejoin=u0022roundu0022u003en u003cpath d=u0022M14 4l6 6-10 10H4v-6zu0022/u003en u003cline x1=u002214u0022 y1=u00224u0022 x2=u002220u0022 y2=u002210u0022/u003en u003c/svgu003en u003c/divu003en u003cdiv class=u0022cuadritou0022 title=u0022Googleu0022u003en u003csvg viewBox=u00220 0 24 24u0022 stroke-linecap=u0022roundu0022 stroke-linejoin=u0022roundu0022u003en u003ccircle cx=u002212u0022 cy=u002212u0022 r=u00229u0022/u003en u003cpath d=u0022M12 7v5h5u0022/u003en u003c/svgu003en u003c/divu003en u003c/divu003en u003c/divu003enu003c/sectionu003ennu003c!u002du002d ============================================n PANTALLA 3 — CLIENTESn ============================================ u002du002du003enu003csection class=u0022sectionu0022 id=u0022clientesu0022u003en u003ch2 class=u0022clientes-titulou0022u003eNuestros Clientesu003c/h2u003en u003cdiv class=u0022clientes-slider-wrapu0022u003en u003cdiv class=u0022clientes-slideru0022 id=u0022clientesSlideru0022u003en u003cdiv class=u0022slider-tracku0022 id=u0022clientesTracku0022u003en u003c!u002du002d Logos de clientes (se duplican en JS para loop infinito) u002du002du003en u003cdiv class=u0022logo-tileu0022u003eLittle Italiau003cspan class=u0022rubrou0022u003eMercadou003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eNiccou003cspan class=u0022rubrou0022u003eBrandingu003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eCatalystu003cspan class=u0022rubrou0022u003eSoftwareu003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eLa Fábricau003cspan class=u0022rubrou0022u003eCaféu003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eVerano Clubu003cspan class=u0022rubrou0022u003eEventosu003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eArcade MXu003cspan class=u0022rubrou0022u003eRetailu003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003ePunto Gu003cspan class=u0022rubrou0022u003eGastronomíau003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eEstudio Norteu003cspan class=u0022rubrou0022u003eArquitecturau003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eMorettiu003cspan class=u0022rubrou0022u003eIndumentariau003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eSol y Lunau003cspan class=u0022rubrou0022u003eCosméticau003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eTricoloru003cspan class=u0022rubrou0022u003ePrintu003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eMendoza360u003cspan class=u0022rubrou0022u003eTurismou003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003ePampa Fitu003cspan class=u0022rubrou0022u003eWellnessu003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eJuana Reyu003cspan class=u0022rubrou0022u003eDeliveryu003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eBahía Rideu003cspan class=u0022rubrou0022u003eTransporteu003c/spanu003eu003c/divu003en u003cdiv class=u0022logo-tileu0022u003eQuinoa Kidsu003cspan class=u0022rubrou0022u003eEscuelau003c/spanu003eu003c/divu003en u003c/divu003en u003c/divu003en u003c/divu003enn u003cdiv class=u0022google-reviews-wrapperu0022u003en

n u003c/divu003enu003c/sectionu003ennu003c!u002du002d ============================================n PANTALLA 4 — CONTACTOn ============================================ u002du002du003enu003csection class=u0022sectionu0022 id=u0022contactou0022u003en u003cdiv class=u0022contacto-wrapperu0022u003en u003cdiv class=u0022contacto-headeru0022u003en u003ch2u003e¿Arrancamos?u003cbru003eu003cspan class=u0022greenu0022u003eEscribinos.u003c/spanu003eu003c/h2u003en u003cpu003eContanos qué necesitás y armamos una propuesta a tu medida. Sin vueltas, sin letra chica, sin promesas que no cumplimos.u003c/pu003en u003c/divu003enn u003cdiv class=u0022contacto-gridu0022u003en u003cform class=u0022icono-formu0022 id=u0022contactoFormu0022 onsubmit=u0022return false;u0022u003en u003cdiv class=u0022icono-form-rowu0022u003en u003cdiv class=u0022icono-form-groupu0022u003en u003clabel for=u0022nombreu0022u003eNombre completo *u003c/labelu003en u003cinput type=u0022textu0022 id=u0022nombreu0022 name=u0022nombreu0022 placeholder=u0022Nombre y apellidou0022 requiredu003en u003c/divu003en u003cdiv class=u0022icono-form-groupu0022u003en u003clabel for=u0022emailu0022u003eEmail *u003c/labelu003en u003cinput type=u0022emailu0022 id=u0022emailu0022 name=u0022emailu0022 placeholder=u0022vos@tumail.comu0022 requiredu003en u003c/divu003en u003c/divu003enn u003cdiv class=u0022icono-form-rowu0022u003en u003cdiv class=u0022icono-form-groupu0022u003en u003clabel for=u0022telefonou0022u003eTeléfonou003c/labelu003en u003cinput type=u0022telu0022 id=u0022telefonou0022 name=u0022telefonou0022 placeholder=u0022+54 9 11 5555-5555u0022u003en u003c/divu003en u003cdiv class=u0022icono-form-groupu0022u003en u003clabel for=u0022empresau0022u003eNegocio / Empresau003c/labelu003en u003cinput type=u0022textu0022 id=u0022empresau0022 name=u0022empresau0022 placeholder=u0022Nombre de tu marcau0022u003en u003c/divu003en u003c/divu003enn u003cdiv class=u0022icono-form-groupu0022u003en u003clabel for=u0022interesu0022u003e¿En qué te podemos ayudar? *u003c/labelu003en u003cselect id=u0022interesu0022 name=u0022interesu0022 requiredu003en u003coption value=u0022u0022u003eElegí una opción...u003c/optionu003en u003coptionu003eDesarrollo de softwareu003c/optionu003en u003coptionu003eMarketing digitalu003c/optionu003en u003coptionu003eEcosistema Comercialu003c/optionu003en u003coptionu003eBranding u0026 diseñou003c/optionu003en u003coptionu003eOtro / No estoy segurou003c/optionu003en u003c/selectu003en u003c/divu003enn u003cdiv class=u0022icono-form-groupu0022u003en u003clabel for=u0022mensajeu0022u003eContanos tu proyecto *u003c/labelu003en u003ctextarea id=u0022mensajeu0022 name=u0022mensajeu0022 placeholder=u0022¿Qué tenés en mente? Cuantos más detalles nos des, mejor te podemos ayudar.u0022 requiredu003eu003c/textareau003en u003c/divu003enn u003cdiv class=u0022icono-form-checkboxu0022u003en u003cinput type=u0022checkboxu0022 id=u0022privacidadu0022 requiredu003en u003clabel for=u0022privacidadu0022u003eAcepto la u003ca href=u0022#privacidadu0022u003epolítica de privacidadu003c/au003e y el uso de mis datos para que ICONO me contacte.u003c/labelu003en u003c/divu003enn u003cbutton type=u0022submitu0022 class=u0022icono-form-submitu0022u003eEnviar mensajeu003c/buttonu003en u003c/formu003enn u003cdiv class=u0022icono-whatsapp-cardu0022u003en u003cdiv class=u0022icono-whatsapp-iconu0022u003en u003csvg viewBox=u00220 0 24 24u0022 xmlns=u0022http://www.w3.org/2000/svgu0022u003en u003cpath d=u0022M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413zu0022/u003en u003c/svgu003en u003c/divu003en u003ch3u003eHablemos ahorau003c/h3u003en u003cpu003eRespondemos de lunes a viernes, de 9 a 18hs (GMT-3). Fuera de horario te contestamos al día siguiente, sin demoras.u003c/pu003en u003ca href=u0022https://wa.me/542323630933?text=Hola%20Icono%2C%20quiero%20consultar%20por...u0022 class=u0022icono-whatsapp-btnu0022 target=u0022_blanku0022 rel=u0022noopeneru0022u003en u003csvg viewBox=u00220 0 24 24u0022u003eu003cpath d=u0022M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884u0022/u003eu003c/svgu003en Abrir WhatsAppn u003c/au003enn u003cdiv class=u0022contacto-altu0022u003en u003cdiv class=u0022contacto-alt-itemu0022u003en u003csvg viewBox=u00220 0 24 24u0022u003eu003cpath d=u0022M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2zu0022/u003eu003cpolyline points=u002222,6 12,13 2,6u0022/u003eu003c/svgu003en u003ca href=u0022mailto:hola@icono.com.aru0022u003ehola@icono.com.aru003c/au003en u003c/divu003en u003cdiv class=u0022contacto-alt-itemu0022u003en u003csvg viewBox=u00220 0 24 24u0022u003eu003cpath d=u0022M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92zu0022/u003eu003c/svgu003en u003ca href=u0022tel:+542323630933u0022u003e+54 232 363 0933u003c/au003en u003c/divu003en u003cdiv class=u0022contacto-alt-itemu0022u003en u003csvg viewBox=u00220 0 24 24u0022u003eu003cpath d=u0022M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0zu0022/u003eu003ccircle cx=u002212u0022 cy=u002210u0022 r=u00223u0022/u003eu003c/svgu003en Luján, Buenos Aires · Argentinan u003c/divu003en u003c/divu003en u003c/divu003en u003c/divu003en u003c/divu003enu003c/sectionu003ennu003c!u002du002d ============================================n FOOTERn ============================================ u002du002du003enu003cfooter class=u0022icono-footeru0022u003en u003cdiv class=u0022footer-gridu0022u003en u003cdiv class=u0022footer-brandu0022u003en u003ca href=u0022#herou0022 class=u0022footer-logou0022u003en u003csvg viewBox=u00220 0 100 100u0022 xmlns=u0022http://www.w3.org/2000/svgu0022u003en u003crect x=u002218u0022 y=u002210u0022 width=u002264u0022 height=u002280u0022 rx=u002232u0022 ry=u002232u0022 fill=u0022noneu0022 stroke=u0022#2E9D6Eu0022 stroke-width=u00228u0022/u003en u003ccircle cx=u002250u0022 cy=u002234u0022 r=u002211u0022 fill=u0022#B8D9B8u0022/u003en u003c/svgu003en ICONOn u003c/au003en u003cdiv class=u0022footer-taglineu0022u003eEcosistema · Agencia · Desarrollou003c/divu003en u003cp class=u0022footer-descu0022u003eEcosistema digital pensado para el emprendedor argentino. Desarrollamos software y marketing que hace crecer tu negocio, sin vueltas.u003c/pu003en u003cdiv class=u0022footer-socialu0022u003en u003ca href=u0022https://instagram.com/icono.aru0022 target=u0022_blanku0022 rel=u0022noopeneru0022 aria-label=u0022Instagramu0022u003en u003csvg viewBox=u00220 0 24 24u0022u003eu003cpath d=u0022M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881zu0022/u003eu003c/svgu003en u003c/au003en u003ca href=u0022https://wa.me/542323630933u0022 target=u0022_blanku0022 rel=u0022noopeneru0022 aria-label=u0022WhatsAppu0022u003en u003csvg viewBox=u00220 0 24 24u0022u003eu003cpath d=u0022M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413zu0022/u003eu003c/svgu003en u003c/au003en u003c/divu003en u003c/divu003enn u003cdiv class=u0022footer-colu0022u003en u003cdiv class=u0022footer-titleu0022u003eOrganizaciónu003c/divu003en u003cul class=u0022footer-listu0022u003en u003cliu003eu003ca href=u0022#herou0022u003eIniciou003c/au003eu003c/liu003en u003cliu003eu003ca href=u0022#serviciosu0022u003eServiciosu003c/au003eu003c/liu003en u003cliu003eu003ca href=u0022#clientesu0022u003eClientesu003c/au003eu003c/liu003en u003cliu003eu003ca href=u0022#contactou0022u003eContactou003c/au003eu003c/liu003en u003c/ulu003en u003cdiv class=u0022footer-subsectionu0022u003en u003cdiv class=u0022footer-titleu0022u003eLegalesu003c/divu003en u003cul class=u0022footer-listu0022u003en u003cliu003eu003ca href=u0022/terminosu0022u003eTérminos y condicionesu003c/au003eu003c/liu003en u003cliu003eu003ca href=u0022/privacidadu0022u003ePolítica de privacidadu003c/au003eu003c/liu003en u003c/ulu003en u003c/divu003en u003c/divu003enn u003cdiv class=u0022footer-colu0022u003en u003cdiv class=u0022footer-titleu0022u003eQué hacemosu003c/divu003en u003cul class=u0022footer-listu0022u003en u003cliu003eu003ca href=u0022/servicios/desarrollo-webu0022u003eDesarrollo webu003c/au003eu003c/liu003en u003cliu003eu003ca href=u0022/servicios/appsu0022u003eApps a medidau003c/au003eu003c/liu003en u003cliu003eu003ca href=u0022/servicios/ecosistemau0022u003eEcosistema Comercialu003c/au003eu003c/liu003en u003cliu003eu003ca href=u0022/servicios/marketingu0022u003eMarketing digitalu003c/au003eu003c/liu003en u003cliu003eu003ca href=u0022/servicios/brandingu0022u003eBrandingu003c/au003eu003c/liu003en u003c/ulu003en u003c/divu003enn u003cdiv class=u0022footer-colu0022u003en u003cdiv class=u0022footer-titleu0022u003eContactou003c/divu003en u003cul class=u0022footer-contact-listu0022u003en u003cliu003en u003csvg viewBox=u00220 0 24 24u0022u003eu003cpath d=u0022M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2zu0022/u003eu003cpolyline points=u002222,6 12,13 2,6u0022/u003eu003c/svgu003en u003ca href=u0022mailto:hola@icono.com.aru0022u003ehola@icono.com.aru003c/au003en u003c/liu003en u003cliu003en u003csvg viewBox=u00220 0 24 24u0022u003eu003cpath d=u0022M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92zu0022/u003eu003c/svgu003en u003ca href=u0022tel:+542323630933u0022u003e+54 232 363 0933u003c/au003en u003c/liu003en u003cliu003en u003csvg viewBox=u00220 0 24 24u0022u003eu003cpath d=u0022M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0zu0022/u003eu003ccircle cx=u002212u0022 cy=u002210u0022 r=u00223u0022/u003eu003c/svgu003en Luján, Buenos Aires · Argentinan u003c/liu003en u003c/ulu003en u003c/divu003en u003c/divu003enn u003cdiv class=u0022footer-bottomu0022u003en u003cdivu003e© 2026 Icono · Agencia de Marketing y Desarrollo · Hecho en Argentina 🇦🇷u003c/divu003en u003cbutton class=u0022back-to-topu0022 onclick=u0022window.scrollTo({top:0, behavior:'smooth'})u0022u003eVolver arriba ↑u003c/buttonu003en u003c/divu003enu003c/footeru003ennu003c!u002du002d WHATSAPP FAB u002du002du003enu003ca href=u0022https://wa.me/542323630933?text=Hola%20Icono%2C%20quiero%20consultar%20por...u0022 class=u0022icono-whatsapp-fabu0022 target=u0022_blanku0022 rel=u0022noopeneru0022 aria-label=u0022Escribinos por WhatsAppu0022u003enu003csvg viewBox=u00220 0 24 24u0022 xmlns=u0022http://www.w3.org/2000/svgu0022u003eu003cpath d=u0022M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413zu0022/u003eu003c/svgu003enu003cspan class=u0022wpp-labelu0022u003e¡Escribinos!u003c/spanu003enu003c/au003enu003cscriptu003en(function(){if(typeof Lenis==='undefined')return;const reduced=window.matchMedia('(prefers-reduced-motion: reduce)').matches;if(reduced)return;const lenis=new Lenis({duration:1.2,easing:(t)=u003eMath.min(1,1.001-Math.pow(2,-10*t)),smoothWheel:true,smoothTouch:false});function raf(time){lenis.raf(time);requestAnimationFrame(raf);}requestAnimationFrame(raf);if(typeof gsap!=='undefined'u0026u0026gsap.registerPlugin){gsap.registerPlugin(ScrollTrigger);lenis.on('scroll',ScrollTrigger.update);gsap.ticker.add((time)=u003e{lenis.raf(time*1000);});gsap.ticker.lagSmoothing(0);}document.querySelectorAll('a[href^=u0022#u0022]').forEach((a)=u003e{a.addEventListener('click',(e)=u003e{const target=a.getAttribute('href');if(targetu0026u0026target.lengthu003e1){e.preventDefault();lenis.scrollTo(target,{offset:-60,duration:1.3});}});});})();(function(){const navbar=document.getElementById('navbar');if(!navbar)return;let ticking=false;window.addEventListener('scroll',()=u003e{if(!ticking){requestAnimationFrame(()=u003e{if(window.scrollYu003e20)navbar.classList.add('scrolled');else navbar.classList.remove('scrolled');ticking=false;});ticking=true;}},{passive:true});})();u003c/scriptu003e