{"id":111,"date":"2026-05-25T08:12:30","date_gmt":"2026-05-25T08:12:30","guid":{"rendered":"https:\/\/marlis.tech\/?page_id=111"},"modified":"2026-06-05T05:49:09","modified_gmt":"2026-06-05T05:49:09","slug":"elementor-111","status":"publish","type":"page","link":"https:\/\/marlis.tech\/es\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMarlis Tech Solutions \u2013 Sitios Web que Convierten<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ===================== RESET & BASE ===================== *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n:root {\r\n --green: #22C55E;\r\n --yellow: #FACC15;\r\n --blue: #3B82F6;\r\n --orange: #F97316;\r\n --bg: #050816;\r\n --bg2: #080d1f;\r\n --glass: rgba(255,255,255,0.05);\r\n --border: rgba(255,255,255,0.08);\r\n --text: #E2E8F0;\r\n --muted: #94A3B8;\r\n}\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n font-family: 'Rajdhani', sans-serif;\r\n background: var(--bg);\r\n color: var(--text);\r\n overflow-x: hidden;\r\n}\r\na { text-decoration: none; color: inherit; }\r\n\r\n\/* ===================== CANVAS BG ===================== *\/\r\n#techCanvas {\r\n position: fixed;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 0;\r\n pointer-events: none;\r\n}\r\n\r\n\/* ===================== NAVBAR ===================== *\/\r\n#navbar {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 100;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 16px 40px;\r\n background: rgba(5,8,22,0.85);\r\n backdrop-filter: blur(20px);\r\n border-bottom: 1px solid var(--border);\r\n}\r\n.nav-logo { font-family: 'Orbitron', sans-serif; font-size: 22px; font-weight: 900; }\r\n.nav-logo .m { color: var(--green); }\r\n.nav-logo .ar { color: var(--yellow); }\r\n.nav-logo .ls { color: var(--blue); }\r\n.nav-logo .tc { color: var(--orange); }\r\n.nav-links { display: flex; gap: 28px; font-size: 15px; font-weight: 600; }\r\n.nav-links a { color: var(--muted); transition: color .2s; }\r\n.nav-links a:hover { color: white; }\r\n.nav-cta {\r\n background: linear-gradient(90deg, var(--green), var(--blue));\r\n color: white;\r\n padding: 10px 22px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n font-size: 14px;\r\n transition: opacity .2s, transform .2s;\r\n}\r\n.nav-cta:hover { opacity: .85; transform: translateY(-2px); }\r\n\r\n\/* ===================== SECTIONS ===================== *\/\r\nsection { position: relative; z-index: 10; }\r\n\r\n\/* ===================== HERO ===================== *\/\r\n#hero {\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n padding: 120px 20px 80px;\r\n}\r\n.hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(34,197,94,0.1);\r\n border: 1px solid rgba(34,197,94,0.3);\r\n color: var(--green);\r\n padding: 8px 18px;\r\n border-radius: 50px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 28px;\r\n animation: fadeDown .8s ease both;\r\n}\r\n.hero-badge::before { content: '\u25cf'; animation: pulse 1.5s infinite; }\r\n@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.3} }\r\n\r\n.hero-logo {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: clamp(36px, 8vw, 80px);\r\n font-weight: 900;\r\n letter-spacing: -1px;\r\n line-height: 1;\r\n margin-bottom: 8px;\r\n animation: fadeDown .8s .1s ease both;\r\n}\r\n.hero-logo .m { color: var(--green); text-shadow: 0 0 40px rgba(34,197,94,.5); }\r\n.hero-logo .ar { color: var(--yellow); text-shadow: 0 0 40px rgba(250,204,21,.5); }\r\n.hero-logo .ls { color: var(--blue); text-shadow: 0 0 40px rgba(59,130,246,.5); }\r\n.hero-logo .tc { color: var(--orange); text-shadow: 0 0 40px rgba(249,115,22,.5); }\r\n\r\n.hero-tagline {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: clamp(10px, 2vw, 16px);\r\n letter-spacing: 4px;\r\n color: var(--muted);\r\n text-transform: uppercase;\r\n margin-bottom: 30px;\r\n animation: fadeDown .8s .15s ease both;\r\n}\r\nh1.hero-h1 {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: clamp(1.6rem, 4vw, 3.8rem);\r\n font-weight: 900;\r\n line-height: 1.15;\r\n max-width: 900px;\r\n margin: 0 auto 20px;\r\n animation: fadeDown .8s .2s ease both;\r\n}\r\nh1.hero-h1 span { color: var(--green); }\r\n\r\n.hero-sub {\r\n font-size: clamp(1rem, 2vw, 1.25rem);\r\n color: var(--muted);\r\n max-width: 680px;\r\n margin: 0 auto 40px;\r\n line-height: 1.7;\r\n animation: fadeDown .8s .3s ease both;\r\n}\r\n\r\n\/* ===================== STATS ROW ===================== *\/\r\n.stats-row {\r\n display: flex;\r\n gap: 40px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n margin-bottom: 50px;\r\n animation: fadeDown .8s .35s ease both;\r\n}\r\n.stat-item { text-align: center; }\r\n.stat-num {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 2.2rem;\r\n font-weight: 900;\r\n background: linear-gradient(90deg, var(--green), var(--blue));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n}\r\n.stat-label { font-size: 13px; color: var(--muted); font-weight: 600; letter-spacing: 1px; }\r\n\r\n\/* ===================== GAMIFICATION CARD ===================== *\/\r\n.gamification-card {\r\n max-width: 520px;\r\n margin: 0 auto 40px;\r\n padding: 24px 28px;\r\n background: var(--glass);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(34,197,94,0.2);\r\n border-radius: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n animation: fadeDown .8s .4s ease both;\r\n}\r\n.gamification-card::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%; left: -50%;\r\n width: 200%; height: 200%;\r\n background: conic-gradient(transparent 270deg, rgba(34,197,94,.08) 360deg);\r\n animation: spin 8s linear infinite;\r\n}\r\n@keyframes spin { to { transform: rotate(360deg); } }\r\n.gami-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; position: relative; z-index: 2; }\r\n.gami-title { font-size: 13px; color: var(--muted); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }\r\n.gami-badge {\r\n background: rgba(34,197,94,0.15);\r\n border: 1px solid var(--green);\r\n color: var(--green);\r\n padding: 4px 12px;\r\n border-radius: 50px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n}\r\n.gami-discount {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 2rem;\r\n font-weight: 900;\r\n color: white;\r\n margin-bottom: 6px;\r\n position: relative; z-index: 2;\r\n}\r\n.gami-discount span { color: var(--green); }\r\n.gami-sub { font-size: 13px; color: var(--muted); margin-bottom: 16px; position: relative; z-index: 2; }\r\n.progress-wrap { background: rgba(255,255,255,.06); border-radius: 50px; height: 10px; overflow: hidden; position: relative; z-index: 2; }\r\n#progressBar {\r\n height: 100%;\r\n border-radius: 50px;\r\n width: 0%;\r\n background: linear-gradient(90deg, var(--green), var(--yellow), var(--blue), var(--orange));\r\n transition: width .3s ease;\r\n box-shadow: 0 0 12px rgba(34,197,94,.5);\r\n}\r\n.progress-labels { display: flex; justify-content: space-between; margin-top: 6px; font-size: 11px; color: var(--muted); position: relative; z-index: 2; }\r\n\r\n\/* ===================== FORM ===================== *\/\r\n#leadForm {\r\n max-width: 520px;\r\n margin: 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n animation: fadeDown .8s .5s ease both;\r\n}\r\n.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\r\n#leadForm input {\r\n background: rgba(255,255,255,.06);\r\n border: 1px solid var(--border);\r\n color: white;\r\n padding: 16px 18px;\r\n border-radius: 14px;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n transition: border-color .2s, box-shadow .2s;\r\n outline: none;\r\n width: 100%;\r\n}\r\n#leadForm input::placeholder { color: var(--muted); }\r\n#leadForm input:focus {\r\n border-color: var(--blue);\r\n box-shadow: 0 0 0 3px rgba(59,130,246,.15);\r\n}\r\n.btn-submit {\r\n background: linear-gradient(90deg, var(--green), var(--blue));\r\n border: none;\r\n color: white;\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 15px;\r\n font-weight: 700;\r\n padding: 18px;\r\n border-radius: 14px;\r\n cursor: pointer;\r\n transition: transform .2s, box-shadow .2s;\r\n letter-spacing: 1px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.btn-submit::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.1), transparent);\r\n transform: translateX(-100%);\r\n transition: transform .4s;\r\n}\r\n.btn-submit:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(34,197,94,.3); }\r\n.btn-submit:hover::after { transform: translateX(100%); }\r\n\r\n\/* ===================== SERVICES ===================== *\/\r\n#services {\r\n padding: 100px 20px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n.section-header { text-align: center; margin-bottom: 60px; }\r\n.section-label {\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n margin-bottom: 14px;\r\n}\r\n.section-title {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: clamp(1.8rem, 4vw, 3rem);\r\n font-weight: 900;\r\n color: white;\r\n line-height: 1.2;\r\n}\r\n.section-title span { color: var(--green); }\r\n.section-desc { color: var(--muted); margin-top: 16px; max-width: 600px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 1.7; }\r\n\r\n.services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 24px;\r\n}\r\n.service-card {\r\n background: var(--glass);\r\n border: 1px solid var(--border);\r\n border-radius: 20px;\r\n padding: 30px;\r\n transition: transform .3s, border-color .3s, box-shadow .3s;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: var(--accent-color);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform .3s;\r\n}\r\n.service-card:hover::before { transform: scaleX(1); }\r\n.service-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(255,255,255,.15);\r\n box-shadow: 0 20px 60px rgba(0,0,0,.4);\r\n}\r\n.service-icon {\r\n width: 54px; height: 54px;\r\n border-radius: 14px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 24px;\r\n margin-bottom: 20px;\r\n background: var(--icon-bg);\r\n}\r\n.service-name {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: white;\r\n margin-bottom: 10px;\r\n}\r\n.service-desc { font-size: 14px; color: var(--muted); line-height: 1.6; margin-bottom: 18px; }\r\n.service-tags { display: flex; flex-wrap: wrap; gap: 8px; }\r\n.tag {\r\n background: rgba(255,255,255,.04);\r\n border: 1px solid var(--border);\r\n padding: 4px 12px;\r\n border-radius: 50px;\r\n font-size: 12px;\r\n color: var(--muted);\r\n font-weight: 600;\r\n}\r\n\r\n\/* ===================== MARKETING SECTION ===================== *\/\r\n#marketing {\r\n padding: 100px 20px;\r\n background: linear-gradient(180deg, transparent, rgba(59,130,246,.04), transparent);\r\n}\r\n.marketing-inner { max-width: 1200px; margin: 0 auto; }\r\n.marketing-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n margin-top: 60px;\r\n}\r\n.marketing-list { display: flex; flex-direction: column; gap: 16px; }\r\n.mkt-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 18px 22px;\r\n background: var(--glass);\r\n border: 1px solid var(--border);\r\n border-radius: 14px;\r\n transition: border-color .2s;\r\n}\r\n.mkt-item:hover { border-color: rgba(59,130,246,.3); }\r\n.mkt-icon {\r\n width: 40px; height: 40px; min-width: 40px;\r\n border-radius: 10px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 18px;\r\n}\r\n.mkt-text h4 { font-size: 15px; font-weight: 700; color: white; margin-bottom: 3px; }\r\n.mkt-text p { font-size: 13px; color: var(--muted); line-height: 1.5; }\r\n.marketing-visual {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n.mkt-card-big {\r\n background: var(--glass);\r\n border: 1px solid rgba(249,115,22,.2);\r\n border-radius: 20px;\r\n padding: 28px;\r\n}\r\n.mkt-card-big h3 {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 1.3rem;\r\n color: white;\r\n margin-bottom: 12px;\r\n}\r\n.ai-badge-row { display: flex; flex-wrap: wrap; gap: 8px; }\r\n.ai-badge {\r\n background: linear-gradient(135deg, rgba(249,115,22,.15), rgba(250,204,21,.1));\r\n border: 1px solid rgba(249,115,22,.3);\r\n color: var(--orange);\r\n padding: 6px 14px;\r\n border-radius: 50px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n}\r\n\r\n\/* ===================== TESTIMONIALS ===================== *\/\r\n#testimonials { padding: 100px 20px; }\r\n.testimonials-inner { max-width: 1100px; margin: 0 auto; }\r\n.testi-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 24px;\r\n margin-top: 60px;\r\n}\r\n.testi-card {\r\n background: var(--glass);\r\n border: 1px solid var(--border);\r\n border-radius: 20px;\r\n padding: 28px;\r\n position: relative;\r\n}\r\n.testi-stars { color: var(--yellow); font-size: 18px; margin-bottom: 14px; }\r\n.testi-quote { font-size: 15px; color: var(--text); line-height: 1.7; margin-bottom: 20px; font-style: italic; }\r\n.testi-author { display: flex; align-items: center; gap: 12px; }\r\n.testi-avatar {\r\n width: 44px; height: 44px; border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 18px; font-weight: 800;\r\n}\r\n.testi-name { font-weight: 700; font-size: 15px; color: white; }\r\n.testi-role { font-size: 12px; color: var(--muted); }\r\n\r\n\/* ===================== FAQ ===================== *\/\r\n#faq { padding: 100px 20px; }\r\n.faq-inner { max-width: 800px; margin: 0 auto; }\r\n.faq-list { margin-top: 60px; display: flex; flex-direction: column; gap: 14px; }\r\n.faq-item {\r\n background: var(--glass);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n transition: border-color .2s;\r\n}\r\n.faq-item:hover { border-color: rgba(59,130,246,.25); }\r\n.faq-q {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 20px 24px;\r\n cursor: pointer;\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: white;\r\n gap: 12px;\r\n user-select: none;\r\n}\r\n.faq-icon {\r\n width: 28px; height: 28px; min-width: 28px;\r\n border-radius: 50%;\r\n background: rgba(59,130,246,.1);\r\n border: 1px solid rgba(59,130,246,.3);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 16px;\r\n color: var(--blue);\r\n transition: transform .3s;\r\n}\r\n.faq-a {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height .35s ease, padding .35s;\r\n padding: 0 24px;\r\n font-size: 15px;\r\n color: var(--muted);\r\n line-height: 1.7;\r\n}\r\n.faq-item.open .faq-a { max-height: 300px; padding: 0 24px 20px; }\r\n.faq-item.open .faq-icon { transform: rotate(45deg); }\r\n\r\n\/* ===================== CTA BANNER ===================== *\/\r\n#cta-banner {\r\n padding: 80px 20px;\r\n text-align: center;\r\n}\r\n.cta-box {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n padding: 60px 40px;\r\n background: linear-gradient(135deg, rgba(34,197,94,.1), rgba(59,130,246,.1));\r\n border: 1px solid rgba(34,197,94,.2);\r\n border-radius: 28px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.cta-box::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at 50% 0%, rgba(34,197,94,.08), transparent 70%);\r\n}\r\n.cta-box h2 {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: clamp(1.5rem, 4vw, 2.5rem);\r\n font-weight: 900;\r\n color: white;\r\n margin-bottom: 16px;\r\n position: relative;\r\n}\r\n.cta-box p { color: var(--muted); font-size: 16px; margin-bottom: 32px; position: relative; }\r\n.cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; position: relative; }\r\n.btn-primary {\r\n background: linear-gradient(90deg, var(--green), var(--blue));\r\n color: white;\r\n padding: 16px 32px;\r\n border-radius: 14px;\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 14px;\r\n font-weight: 700;\r\n transition: transform .2s, box-shadow .2s;\r\n letter-spacing: 1px;\r\n cursor: pointer;\r\n border: none;\r\n}\r\n.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(34,197,94,.3); }\r\n.btn-secondary {\r\n background: transparent;\r\n color: white;\r\n padding: 16px 32px;\r\n border-radius: 14px;\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 14px;\r\n font-weight: 700;\r\n border: 1px solid rgba(255,255,255,.2);\r\n transition: border-color .2s, background .2s;\r\n cursor: pointer;\r\n letter-spacing: 1px;\r\n}\r\n.btn-secondary:hover { border-color: white; background: rgba(255,255,255,.05); }\r\n\r\n\/* ===================== FOOTER ===================== *\/\r\n#footer {\r\n padding: 60px 40px 30px;\r\n border-top: 1px solid var(--border);\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n.footer-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1fr;\r\n gap: 40px;\r\n margin-bottom: 50px;\r\n}\r\n.footer-brand .logo-big {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 28px;\r\n font-weight: 900;\r\n margin-bottom: 14px;\r\n}\r\n.footer-desc { font-size: 14px; color: var(--muted); line-height: 1.7; margin-bottom: 20px; }\r\n.social-links { display: flex; gap: 10px; }\r\n.social-btn {\r\n width: 40px; height: 40px;\r\n border-radius: 10px;\r\n background: var(--glass);\r\n border: 1px solid var(--border);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 18px;\r\n transition: border-color .2s, background .2s, transform .2s;\r\n cursor: pointer;\r\n}\r\n.social-btn:hover { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.08); transform: translateY(-3px); }\r\n.footer-col h4 {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: white;\r\n letter-spacing: 2px;\r\n margin-bottom: 18px;\r\n}\r\n.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n.footer-col ul li a { font-size: 14px; color: var(--muted); transition: color .2s; }\r\n.footer-col ul li a:hover { color: white; }\r\n.footer-bottom {\r\n border-top: 1px solid var(--border);\r\n padding-top: 24px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n font-size: 13px;\r\n color: var(--muted);\r\n}\r\n.footer-bottom a { color: var(--blue); }\r\n\r\n\/* ===================== WHATSAPP FLOAT ===================== *\/\r\n#wa-float {\r\n position: fixed;\r\n bottom: 28px;\r\n right: 28px;\r\n z-index: 999;\r\n width: 60px; height: 60px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #25D366, #128C7E);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 28px;\r\n box-shadow: 0 6px 24px rgba(37,211,102,.4);\r\n cursor: pointer;\r\n transition: transform .2s, box-shadow .2s;\r\n animation: waFloat 3s ease-in-out infinite;\r\n}\r\n#wa-float:hover { transform: scale(1.12); box-shadow: 0 10px 30px rgba(37,211,102,.5); }\r\n@keyframes waFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }\r\n\r\n\/* ===================== ANIMATIONS ===================== *\/\r\n@keyframes fadeDown {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n.reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity .6s ease, transform .6s ease;\r\n}\r\n.reveal.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* ===================== RESPONSIVE ===================== *\/\r\n@media (max-width: 768px) {\r\n #navbar { padding: 14px 20px; }\r\n .nav-links { display: none; }\r\n .footer-grid { grid-template-columns: 1fr 1fr; }\r\n .marketing-grid { grid-template-columns: 1fr; }\r\n .form-row { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 520px) {\r\n .footer-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ========== CANVAS BG ========== -->\r\n<canvas id=\"techCanvas\"><\/canvas>\r\n\r\n<!-- ========== NAVBAR ========== -->\r\n<nav id=\"navbar\">\r\n <div class=\"nav-logo\">\r\n <span class=\"m\">M<\/span><span class=\"ar\">ar<\/span><span class=\"ls\">lis<\/span><span class=\"tc\"> Tech<\/span>\r\n <\/div>\r\n <div class=\"nav-links\">\r\n <a href=\"#services\">Servicios<\/a>\r\n <a href=\"#marketing\">Marketing<\/a>\r\n <a href=\"#testimonials\">Clientes<\/a>\r\n <a href=\"#faq\">FAQ<\/a>\r\n <a href=\"#contacto\">Contacto<\/a>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/18099239117?text=Hola+Marlis+Tech+Solutions,+deseo+una+cotizaci\u00f3n\" target=\"_blank\" class=\"nav-cta\">\ud83d\udcac WhatsApp<\/a>\r\n<\/nav>\r\n\r\n<!-- ========== HERO ========== -->\r\n<section id=\"hero\">\r\n <div class=\"hero-badge\">\ud83d\ude80 Tecnolog\u00eda \u00b7 IA \u00b7 Marketing Digital<\/div>\r\n\r\n <div class=\"hero-logo\">\r\n <span class=\"m\">M<\/span><span class=\"ar\">ar<\/span><span class=\"ls\">lis<\/span><span class=\"tc\"> Tech Solutions<\/span>\r\n <\/div>\r\n <div class=\"hero-tagline\">marlis.tech \u2014 Innovaci\u00f3n Sin L\u00edmites<\/div>\r\n\r\n <h1 class=\"hero-h1\">Transformamos Visitantes en <span>Clientes<\/span> con Tecnolog\u00eda, IA y Marketing Digital<\/h1>\r\n <p class=\"hero-sub\">Landing Pages de alta conversi\u00f3n, automatizaci\u00f3n con IA, ecommerce de alto rendimiento, chatbots, SEO y estrategias de marketing digital para potenciar tu negocio.<\/p>\r\n\r\n <div class=\"stats-row\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" id=\"cnt1\">0<\/div>\r\n <div class=\"stat-label\">Proyectos Entregados<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" id=\"cnt2\">0<\/div>\r\n <div class=\"stat-label\">Clientes Satisfechos<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" id=\"cnt3\">0<\/div>\r\n <div class=\"stat-label\">A\u00f1os de Experiencia<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" id=\"cnt4\">0<\/div>\r\n <div class=\"stat-label\">% Satisfacci\u00f3n<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Gamification Card -->\r\n <div class=\"gamification-card\" id=\"contacto\">\r\n <div class=\"gami-header\">\r\n <span class=\"gami-title\">\ud83c\udfc6 Oferta Desbloqueada<\/span>\r\n <span class=\"gami-badge\">\u26a1 LIMITADA<\/span>\r\n <\/div>\r\n <div class=\"gami-discount\"><span>75% OFF<\/span> en tu primer proyecto<\/div>\r\n <div class=\"gami-sub\">Solo quedan <strong id=\"spotsLeft\" style=\"color:var(--orange)\">7<\/strong> espacios disponibles este mes<\/div>\r\n <div class=\"progress-wrap\"><div id=\"progressBar\"><\/div><\/div>\r\n <div class=\"progress-labels\"><span>0%<\/span><span id=\"progressPct\">0%<\/span><span>100%<\/span><\/div>\r\n <\/div>\r\n\r\n <!-- Lead Form -->\r\n <form id=\"leadForm\">\r\n <div class=\"form-row\">\r\n <input type=\"text\" id=\"fNombre\" placeholder=\"Tu nombre\" required>\r\n <input type=\"email\" id=\"fEmail\" placeholder=\"Correo electr\u00f3nico\" required>\r\n <\/div>\r\n <input type=\"tel\" id=\"fPhone\" placeholder=\"WhatsApp (ej: +1 809 000 0000)\" required>\r\n <select id=\"fService\" style=\"background:rgba(255,255,255,.06);border:1px solid var(--border);color:white;padding:16px 18px;border-radius:14px;font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:500;outline:none;width:100%;appearance:none;\">\r\n <option value=\"\" style=\"background:#0a0f24\">\u00bfQu\u00e9 servicio te interesa?<\/option>\r\n <option value=\"Landing Page\" style=\"background:#0a0f24\">Landing Page<\/option>\r\n <option value=\"Sitio Web Corporativo\" style=\"background:#0a0f24\">Sitio Web Corporativo<\/option>\r\n <option value=\"Tienda Online\" style=\"background:#0a0f24\">Tienda Online<\/option>\r\n <option value=\"Automatizaci\u00f3n con IA\" style=\"background:#0a0f24\">Automatizaci\u00f3n con IA<\/option>\r\n <option value=\"Chatbot WhatsApp\" style=\"background:#0a0f24\">Chatbot WhatsApp<\/option>\r\n <option value=\"Marketing Digital\" style=\"background:#0a0f24\">Marketing Digital<\/option>\r\n <option value=\"Creaci\u00f3n de Contenido\" style=\"background:#0a0f24\">Creaci\u00f3n de Contenido<\/option>\r\n <option value=\"SEO\" style=\"background:#0a0f24\">SEO Posicionamiento<\/option>\r\n <option value=\"Branding\" style=\"background:#0a0f24\">Branding Digital<\/option>\r\n <\/select>\r\n <button type=\"submit\" class=\"btn-submit\">\ud83d\ude80 OBTENER MI COTIZACI\u00d3N GRATUITA<\/button>\r\n <p style=\"font-size:12px;color:var(--muted);text-align:center;\">Al enviar, ser\u00e1s redirigido a WhatsApp. Sin spam, 100% gratuito.<\/p>\r\n <\/form>\r\n<\/section>\r\n\r\n<!-- ========== SERVICES ========== -->\r\n<section id=\"services\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"section-label\">Lo que hacemos<\/div>\r\n <h2 class=\"section-title\">Soluciones <span>Digitales Completas<\/span><\/h2>\r\n <p class=\"section-desc\">Desde el dise\u00f1o hasta el lanzamiento, manejamos cada aspecto de tu presencia digital con tecnolog\u00eda de punta.<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n\r\n <div class=\"service-card reveal\" style=\"--accent-color:var(--green);--icon-bg:rgba(34,197,94,.1);\">\r\n <div class=\"service-icon\">\ud83c\udf10<\/div>\r\n <div class=\"service-name\">Sitios Web & Landing Pages<\/div>\r\n <p class=\"service-desc\">Dise\u00f1os premium optimizados para conversi\u00f3n, velocidad y SEO. WordPress, Elementor, y desarrollo a medida.<\/p>\r\n <div class=\"service-tags\">\r\n <span class=\"tag\">WordPress<\/span><span class=\"tag\">Elementor<\/span><span class=\"tag\">SEO<\/span><span class=\"tag\">Responsive<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal\" style=\"--accent-color:var(--yellow);--icon-bg:rgba(250,204,21,.1);\">\r\n <div class=\"service-icon\">\ud83e\udd16<\/div>\r\n <div class=\"service-name\">Automatizaci\u00f3n con IA<\/div>\r\n <p class=\"service-desc\">Sistemas inteligentes que trabajan por ti 24\/7: chatbots, flujos autom\u00e1ticos, integraci\u00f3n con APIs de IA.<\/p>\r\n <div class=\"service-tags\">\r\n <span class=\"tag\">ChatGPT API<\/span><span class=\"tag\">N8N<\/span><span class=\"tag\">Zapier<\/span><span class=\"tag\">Make<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal\" style=\"--accent-color:var(--blue);--icon-bg:rgba(59,130,246,.1);\">\r\n <div class=\"service-icon\">\ud83d\udecd\ufe0f<\/div>\r\n <div class=\"service-name\">Tiendas Online<\/div>\r\n <p class=\"service-desc\">Ecommerce de alto rendimiento con WooCommerce, pasarelas de pago, gesti\u00f3n de inventario y m\u00e1s.<\/p>\r\n <div class=\"service-tags\">\r\n <span class=\"tag\">WooCommerce<\/span><span class=\"tag\">PayPal<\/span><span class=\"tag\">Stripe<\/span><span class=\"tag\">Cat\u00e1logo<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal\" style=\"--accent-color:var(--orange);--icon-bg:rgba(249,115,22,.1);\">\r\n <div class=\"service-icon\">\ud83d\udcac<\/div>\r\n <div class=\"service-name\">Chatbots WhatsApp<\/div>\r\n <p class=\"service-desc\">Automatiza la atenci\u00f3n al cliente, ventas y seguimiento con bots inteligentes conectados a WhatsApp Business.<\/p>\r\n <div class=\"service-tags\">\r\n <span class=\"tag\">WhatsApp API<\/span><span class=\"tag\">ManyChat<\/span><span class=\"tag\">IA<\/span><span class=\"tag\">CRM<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal\" style=\"--accent-color:var(--green);--icon-bg:rgba(34,197,94,.1);\">\r\n <div class=\"service-icon\">\ud83d\udcc8<\/div>\r\n <div class=\"service-name\">SEO & Posicionamiento<\/div>\r\n <p class=\"service-desc\">Estrategias SEO que posicionan tu negocio en la primera p\u00e1gina de Google y aumentan el tr\u00e1fico org\u00e1nico.<\/p>\r\n <div class=\"service-tags\">\r\n <span class=\"tag\">On-Page SEO<\/span><span class=\"tag\">Link Building<\/span><span class=\"tag\">Analytics<\/span><span class=\"tag\">Local SEO<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal\" style=\"--accent-color:var(--blue);--icon-bg:rgba(59,130,246,.1);\">\r\n <div class=\"service-icon\">\ud83c\udfa8<\/div>\r\n <div class=\"service-name\">Branding Digital<\/div>\r\n <p class=\"service-desc\">Identidad visual coherente y memorable: logo, paleta de colores, tipograf\u00eda y gu\u00eda de marca completa.<\/p>\r\n <div class=\"service-tags\">\r\n <span class=\"tag\">Logo<\/span><span class=\"tag\">Brand Guide<\/span><span class=\"tag\">Identidad<\/span><span class=\"tag\">Figma<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========== MARKETING SECTION ========== -->\r\n<section id=\"marketing\">\r\n <div class=\"marketing-inner\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"section-label\">Marketing & Contenido<\/div>\r\n <h2 class=\"section-title\">Estrategias que <span>Generan Resultados<\/span><\/h2>\r\n <p class=\"section-desc\">Marketing digital de alta conversi\u00f3n con creaci\u00f3n de contenido profesional para eventos, negocios y redes sociales.<\/p>\r\n <\/div>\r\n\r\n <div class=\"marketing-grid\">\r\n <div class=\"marketing-list\">\r\n <div class=\"mkt-item reveal\">\r\n <div class=\"mkt-icon\" style=\"background:rgba(249,115,22,.1);\">\ud83c\udfaa<\/div>\r\n <div class=\"mkt-text\">\r\n <h4>Promoci\u00f3n de Eventos<\/h4>\r\n <p>Campa\u00f1as digitales completas para lanzamientos, conferencias, festivales y eventos corporativos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mkt-item reveal\">\r\n <div class=\"mkt-icon\" style=\"background:rgba(34,197,94,.1);\">\ud83d\udce6<\/div>\r\n <div class=\"mkt-text\">\r\n <h4>Lanzamiento de Productos<\/h4>\r\n <p>Estrategias de lanzamiento con contenido visual, anuncios y automatizaci\u00f3n para maximizar ventas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mkt-item reveal\">\r\n <div class=\"mkt-icon\" style=\"background:rgba(59,130,246,.1);\">\ud83c\udfea<\/div>\r\n <div class=\"mkt-text\">\r\n <h4>Campa\u00f1as para Negocios Locales<\/h4>\r\n <p>Marketing geolocalizado para atraer clientes de tu \u00e1rea con Meta Ads y Google.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mkt-item reveal\">\r\n <div class=\"mkt-icon\" style=\"background:rgba(250,204,21,.1);\">\ud83d\udcf1<\/div>\r\n <div class=\"mkt-text\">\r\n <h4>Contenido para Redes Sociales<\/h4>\r\n <p>Calendarios editoriales, dise\u00f1os, reels, carruseles y copywriting para Instagram, TikTok y Facebook.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mkt-item reveal\">\r\n <div class=\"mkt-icon\" style=\"background:rgba(249,115,22,.1);\">\ud83c\udfac<\/div>\r\n <div class=\"mkt-text\">\r\n <h4>Videos Promocionales<\/h4>\r\n <p>Producci\u00f3n y edici\u00f3n de videos para productos, servicios, anuncios y redes sociales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mkt-item reveal\">\r\n <div class=\"mkt-icon\" style=\"background:rgba(34,197,94,.1);\">\ud83d\uddbc\ufe0f<\/div>\r\n <div class=\"mkt-text\">\r\n <h4>Flyers & Publicidad Digital<\/h4>\r\n <p>Dise\u00f1o gr\u00e1fico profesional para piezas digitales e impresas con identidad corporativa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"marketing-visual reveal\">\r\n <div class=\"mkt-card-big\">\r\n <h3>\ud83e\udd16 Contenido Generado con IA<\/h3>\r\n <p style=\"color:var(--muted);font-size:14px;margin-bottom:18px;line-height:1.6;\">Potenciamos tu estrategia con inteligencia artificial para producir contenido escalable, original y optimizado.<\/p>\r\n <div class=\"ai-badge-row\">\r\n <span class=\"ai-badge\">\ud83d\udcdd Copywriting IA<\/span>\r\n <span class=\"ai-badge\">\ud83d\uddbc\ufe0f Im\u00e1genes IA<\/span>\r\n <span class=\"ai-badge\">\ud83c\udf99\ufe0f Voiceover IA<\/span>\r\n <span class=\"ai-badge\">\ud83d\udcca An\u00e1lisis IA<\/span>\r\n <span class=\"ai-badge\">\ud83c\udfac Video IA<\/span>\r\n <span class=\"ai-badge\">\ud83d\udd0d SEO IA<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mkt-card-big\" style=\"border-color:rgba(250,204,21,.2);\">\r\n <h3>\ud83d\udce3 Meta Ads & Publicidad<\/h3>\r\n <p style=\"color:var(--muted);font-size:14px;margin-bottom:18px;line-height:1.6;\">Campa\u00f1as pagas con segmentaci\u00f3n precisa en Facebook, Instagram y TikTok para maximizar tu ROI.<\/p>\r\n <div class=\"ai-badge-row\">\r\n <span class=\"ai-badge\" style=\"background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.3);color:var(--yellow);\">Facebook Ads<\/span>\r\n <span class=\"ai-badge\" style=\"background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.3);color:var(--yellow);\">Instagram Ads<\/span>\r\n <span class=\"ai-badge\" style=\"background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.3);color:var(--yellow);\">TikTok Ads<\/span>\r\n <span class=\"ai-badge\" style=\"background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.3);color:var(--yellow);\">Retargeting<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mkt-card-big\" style=\"border-color:rgba(34,197,94,.2);\">\r\n <h3>\ud83d\udcca Estrategias de Captaci\u00f3n<\/h3>\r\n <p style=\"color:var(--muted);font-size:14px;margin-bottom:12px;line-height:1.6;\">Embudos de venta completos para captar leads, nutrirlos y convertirlos en clientes reales.<\/p>\r\n <div style=\"display:flex;align-items:center;gap:8px;font-size:13px;margin-top:10px;\">\r\n <span style=\"color:var(--green);font-weight:700;\">Atracci\u00f3n<\/span>\r\n <span style=\"color:var(--muted)\">\u2192<\/span>\r\n <span style=\"color:var(--yellow);font-weight:700;\">Nutrici\u00f3n<\/span>\r\n <span style=\"color:var(--muted)\">\u2192<\/span>\r\n <span style=\"color:var(--blue);font-weight:700;\">Conversi\u00f3n<\/span>\r\n <span style=\"color:var(--muted)\">\u2192<\/span>\r\n <span style=\"color:var(--orange);font-weight:700;\">Retenci\u00f3n<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========== TESTIMONIALS ========== -->\r\n<section id=\"testimonials\">\r\n <div class=\"testimonials-inner\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"section-label\">Testimonios<\/div>\r\n <h2 class=\"section-title\">Clientes que <span>Conf\u00edan en Nosotros<\/span><\/h2>\r\n <\/div>\r\n <div class=\"testi-grid\">\r\n\r\n <div class=\"testi-card reveal\">\r\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testi-quote\">\"Marlis Tech nos cre\u00f3 una landing page incre\u00edble que triplic\u00f3 nuestras conversiones en el primer mes. Profesionales, puntuales y con un dise\u00f1o excepcional.\"<\/p>\r\n <div class=\"testi-author\">\r\n <div class=\"testi-avatar\" style=\"background:rgba(34,197,94,.15);color:var(--green);\">C<\/div>\r\n <div>\r\n <div class=\"testi-name\">Carlos M\u00e9ndez<\/div>\r\n <div class=\"testi-role\">CEO, Inmobiliaria Digital RD<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testi-card reveal\">\r\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testi-quote\">\"El chatbot que nos implementaron en WhatsApp automatiz\u00f3 el 80% de las consultas de clientes. Nuestro equipo ahora puede enfocarse en lo que importa.\"<\/p>\r\n <div class=\"testi-author\">\r\n <div class=\"testi-avatar\" style=\"background:rgba(59,130,246,.15);color:var(--blue);\">A<\/div>\r\n <div>\r\n <div class=\"testi-name\">Ana Rodr\u00edguez<\/div>\r\n <div class=\"testi-role\">Directora, Cl\u00ednica Wellness<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testi-card reveal\">\r\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testi-quote\">\"Gracias a la estrategia de Meta Ads y el contenido que crean para nuestras redes, nuestras ventas online aumentaron un 200% en 3 meses.\"<\/p>\r\n <div class=\"testi-author\">\r\n <div class=\"testi-avatar\" style=\"background:rgba(249,115,22,.15);color:var(--orange);\">R<\/div>\r\n <div>\r\n <div class=\"testi-name\">Roberto Familia<\/div>\r\n <div class=\"testi-role\">Fundador, RestauranTech SDQ<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========== FAQ ========== -->\r\n<section id=\"faq\">\r\n <div class=\"faq-inner\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"section-label\">Preguntas Frecuentes<\/div>\r\n <h2 class=\"section-title\">Todo lo que <span>Necesitas Saber<\/span><\/h2>\r\n <\/div>\r\n <div class=\"faq-list\">\r\n\r\n <div class=\"faq-item reveal\">\r\n <div class=\"faq-q\">\u00bfCu\u00e1nto tiempo tarda en entregarse un sitio web? <span class=\"faq-icon\">+<\/span><\/div>\r\n <div class=\"faq-a\">Los tiempos var\u00edan seg\u00fan el proyecto: una landing page entre 3-7 d\u00edas h\u00e1biles, un sitio corporativo entre 10-20 d\u00edas, y una tienda online entre 15-30 d\u00edas. Siempre trabajamos con plazos claros y actualizaciones constantes.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item reveal\">\r\n <div class=\"faq-q\">\u00bfOfrecen soporte despu\u00e9s de la entrega? <span class=\"faq-icon\">+<\/span><\/div>\r\n <div class=\"faq-a\">S\u00ed, todos nuestros proyectos incluyen soporte post-entrega. Ofrecemos planes de mantenimiento mensual para actualizaciones, seguridad y optimizaci\u00f3n continua de tu sitio.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item reveal\">\r\n <div class=\"faq-q\">\u00bfTrabajan con negocios fuera de Rep\u00fablica Dominicana? <span class=\"faq-icon\">+<\/span><\/div>\r\n <div class=\"faq-a\">Absolutamente. Trabajamos con clientes en toda Latinoam\u00e9rica, Estados Unidos, Espa\u00f1a y Europa. Nuestro trabajo es 100% digital y atendemos a clientes globalmente desde Santo Domingo.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item reveal\">\r\n <div class=\"faq-q\">\u00bfQu\u00e9 incluye la consultor\u00eda gratuita? <span class=\"faq-icon\">+<\/span><\/div>\r\n <div class=\"faq-a\">La cotizaci\u00f3n gratuita incluye un an\u00e1lisis de tu negocio, propuesta de soluci\u00f3n t\u00e9cnica personalizada, estimado de costos y tiempos, y una sesi\u00f3n de estrategia digital sin compromiso de contrataci\u00f3n.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item reveal\">\r\n <div class=\"faq-q\">\u00bfPuedo ver ejemplos de trabajos anteriores? <span class=\"faq-icon\">+<\/span><\/div>\r\n <div class=\"faq-a\">Claro que s\u00ed. Puedes revisar nuestro portafolio en marlis.tech o solicitarnos casos de \u00e9xito espec\u00edficos por WhatsApp. Tambi\u00e9n tenemos videos en nuestro canal de YouTube con resultados reales.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========== CTA BANNER ========== -->\r\n<section id=\"cta-banner\">\r\n <div class=\"cta-box reveal\">\r\n <h2>\u00bfListo para Transformar tu Negocio?<\/h2>\r\n <p>Habla con nuestro equipo hoy mismo y descubre c\u00f3mo Marlis Tech Solutions puede llevar tu negocio al siguiente nivel digital.<\/p>\r\n <div class=\"cta-btns\">\r\n <a href=\"https:\/\/wa.me\/18099239117?text=Hola+Marlis+Tech+Solutions,+quiero+transformar+mi+negocio\" target=\"_blank\" class=\"btn-primary\">\ud83d\udcac Hablar por WhatsApp<\/a>\r\n <a href=\"mailto:info@marlis.tech\" class=\"btn-secondary\">\ud83d\udce7 info@marlis.tech<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========== FOOTER ========== -->\r\n<footer>\r\n <div id=\"footer\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <div class=\"logo-big\">\r\n <span class=\"m\" style=\"color:var(--green)\">M<\/span><span class=\"ar\" style=\"color:var(--yellow)\">ar<\/span><span class=\"ls\" style=\"color:var(--blue)\">lis<\/span><span class=\"tc\" style=\"color:var(--orange)\"> Tech Solutions<\/span>\r\n <\/div>\r\n <p class=\"footer-desc\">Transformamos negocios con tecnolog\u00eda inteligente, dise\u00f1o premium y estrategias digitales que generan resultados reales.<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/www.facebook.com\/share\/1EX1jQcek2\/?mibextid=wwXIfr\" target=\"_blank\" class=\"social-btn\" title=\"Facebook\">\ud83d\udcd8<\/a>\r\n <a href=\"https:\/\/www.instagram.com\/reel\/DYtFM6suLSL\/?igsh=MWl6Mzd1dDhoMjVuZA==\" target=\"_blank\" class=\"social-btn\" title=\"Instagram\">\ud83d\udcf8<\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@marlistechsolutio\" target=\"_blank\" class=\"social-btn\" title=\"TikTok\">\ud83c\udfb5<\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@MarlisTechSolutions\" target=\"_blank\" class=\"social-btn\" title=\"YouTube\">\u25b6\ufe0f<\/a>\r\n <a href=\"https:\/\/wa.me\/18099239117\" target=\"_blank\" class=\"social-btn\" title=\"WhatsApp\">\ud83d\udcac<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Servicios<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Landing Pages<\/a><\/li>\r\n <li><a href=\"#\">Sitios Corporativos<\/a><\/li>\r\n <li><a href=\"#\">Tiendas Online<\/a><\/li>\r\n <li><a href=\"#\">Automatizaci\u00f3n IA<\/a><\/li>\r\n <li><a href=\"#\">Chatbots WhatsApp<\/a><\/li>\r\n <li><a href=\"#\">SEO<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Marketing<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Redes Sociales<\/a><\/li>\r\n <li><a href=\"#\">Meta Ads<\/a><\/li>\r\n <li><a href=\"#\">Videos Promo<\/a><\/li>\r\n <li><a href=\"#\">Flyers Digitales<\/a><\/li>\r\n <li><a href=\"#\">Contenido IA<\/a><\/li>\r\n <li><a href=\"#\">Branding<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Contacto<\/h4>\r\n <ul>\r\n <li><a href=\"https:\/\/wa.me\/18099239117\" target=\"_blank\">\ud83d\udcf1 +1 809-923-9117<\/a><\/li>\r\n <li><a href=\"mailto:info@marlis.tech\">\ud83d\udce7 info@marlis.tech<\/a><\/li>\r\n <li><a href=\"mailto:marlistechsolutions@gmail.com\">\ud83d\udce7 Gmail<\/a><\/li>\r\n <li><a href=\"https:\/\/marlis.tech\" target=\"_blank\">\ud83c\udf10 marlis.tech<\/a><\/li>\r\n <li><a href=\"#\">\ud83d\udccd Santo Domingo, RD<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <span>\u00a9 2025 <a href=\"https:\/\/marlis.tech\" target=\"_blank\">Marlis Tech Solutions<\/a>. Todos los derechos reservados.<\/span>\r\n <span>Dise\u00f1ado con \u2764\ufe0f en Santo Domingo, RD<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- ========== WHATSAPP FLOAT ========== -->\r\n<a href=\"https:\/\/wa.me\/18099239117?text=Hola+Marlis+Tech+Solutions,+deseo+informaci\u00f3n\" target=\"_blank\" id=\"wa-float\" title=\"Escr\u00edbenos por WhatsApp\">\ud83d\udcac<\/a>\r\n\r\n<!-- ========== SCRIPTS ========== -->\r\n<script>\r\n\/\/ ===================== CANVAS 3D PARTICLES =====================\r\n(function() {\r\n const canvas = document.getElementById('techCanvas');\r\n const ctx = canvas.getContext('2d');\r\n let W, H, mouseX = 0, mouseY = 0;\r\n\r\n function resize() {\r\n W = canvas.width = window.innerWidth;\r\n H = canvas.height = window.innerHeight;\r\n }\r\n resize();\r\n window.addEventListener('resize', resize);\r\n window.addEventListener('mousemove', e => { mouseX = e.clientX; mouseY = e.clientY; });\r\n\r\n \/\/ Particles\r\n const COLORS = ['#3B82F6','#22C55E','#FACC15','#F97316'];\r\n const particles = Array.from({length: 200}, () => resetParticle({}));\r\n\r\n function resetParticle(p) {\r\n p.x = Math.random() * 2000 - 1000;\r\n p.y = Math.random() * 2000 - 1000;\r\n p.z = Math.random() * 1200 + 100;\r\n p.color = COLORS[Math.floor(Math.random() * COLORS.length)];\r\n p.speed = 1.5 + Math.random() * 2;\r\n return p;\r\n }\r\n\r\n \/\/ Grid lines\r\n function drawGrid() {\r\n ctx.strokeStyle = 'rgba(59,130,246,0.04)';\r\n ctx.lineWidth = 1;\r\n const step = 60;\r\n for (let x = 0; x < W; x += step) {\r\n ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, H); ctx.stroke();\r\n }\r\n for (let y = 0; y < H; y += step) {\r\n ctx.beginPath(); ctx.moveTo(0, y); ctx.lineTo(W, y); ctx.stroke();\r\n }\r\n }\r\n\r\n \/\/ Perspective lines (star-warp style)\r\n function drawLines() {\r\n ctx.strokeStyle = 'rgba(59,130,246,0.03)';\r\n ctx.lineWidth = 1;\r\n const cx = W \/ 2, cy = H \/ 2;\r\n for (let i = 0; i < 12; i++) {\r\n const angle = (i \/ 12) * Math.PI * 2;\r\n ctx.beginPath();\r\n ctx.moveTo(cx, cy);\r\n ctx.lineTo(cx + Math.cos(angle) * W, cy + Math.sin(angle) * H);\r\n ctx.stroke();\r\n }\r\n }\r\n\r\n function draw() {\r\n ctx.clearRect(0, 0, W, H);\r\n\r\n \/\/ Background glow\r\n const grad = ctx.createRadialGradient(W\/2, H\/2, 0, W\/2, H\/2, Math.max(W,H)*0.6);\r\n grad.addColorStop(0, 'rgba(59,130,246,0.04)');\r\n grad.addColorStop(1, 'transparent');\r\n ctx.fillStyle = grad;\r\n ctx.fillRect(0, 0, W, H);\r\n\r\n drawGrid();\r\n drawLines();\r\n\r\n const cx = W \/ 2 + (mouseX - W \/ 2) * 0.04;\r\n const cy = H \/ 2 + (mouseY - H \/ 2) * 0.04;\r\n\r\n particles.forEach(p => {\r\n p.z -= p.speed;\r\n if (p.z <= 1) resetParticle(p);\r\n\r\n const scale = 400 \/ p.z;\r\n const sx = (p.x * scale) + cx;\r\n const sy = (p.y * scale) + cy;\r\n const size = Math.max(0.3, scale * 2.5);\r\n\r\n if (sx < -10 || sx > W + 10 || sy < -10 || sy > H + 10) { resetParticle(p); return; }\r\n\r\n const alpha = Math.min(1, (1200 - p.z) \/ 600);\r\n ctx.beginPath();\r\n ctx.arc(sx, sy, size, 0, Math.PI * 2);\r\n ctx.fillStyle = p.color + Math.floor(alpha * 200).toString(16).padStart(2,'0');\r\n ctx.fill();\r\n\r\n \/\/ Streak effect\r\n const prevScale = 400 \/ (p.z + p.speed * 3);\r\n const px2 = (p.x * prevScale) + cx;\r\n const py2 = (p.y * prevScale) + cy;\r\n ctx.beginPath();\r\n ctx.moveTo(px2, py2);\r\n ctx.lineTo(sx, sy);\r\n ctx.strokeStyle = p.color + '22';\r\n ctx.lineWidth = size * 0.6;\r\n ctx.stroke();\r\n });\r\n\r\n requestAnimationFrame(draw);\r\n }\r\n draw();\r\n})();\r\n\r\n\/\/ ===================== PROGRESS BAR =====================\r\n(function() {\r\n let p = 0;\r\n const bar = document.getElementById('progressBar');\r\n const pct = document.getElementById('progressPct');\r\n const spots = document.getElementById('spotsLeft');\r\n const timer = setInterval(() => {\r\n p++;\r\n bar.style.width = p + '%';\r\n pct.textContent = p + '%';\r\n if (p >= 93) {\r\n clearInterval(timer);\r\n spots.textContent = '2';\r\n spots.style.color = '#EF4444';\r\n } else if (p >= 70) {\r\n spots.textContent = Math.max(2, 7 - Math.floor((p - 70) \/ 8));\r\n }\r\n }, 60);\r\n})();\r\n\r\n\/\/ ===================== COUNTER ANIMATION =====================\r\n(function() {\r\n const counters = [\r\n { id: 'cnt1', target: 120, suffix: '+' },\r\n { id: 'cnt2', target: 95, suffix: '+' },\r\n { id: 'cnt3', target: 5, suffix: '+' },\r\n { id: 'cnt4', target: 98, suffix: '%' },\r\n ];\r\n function animateCounter(el, target, suffix) {\r\n let current = 0;\r\n const step = Math.ceil(target \/ 60);\r\n const t = setInterval(() => {\r\n current = Math.min(current + step, target);\r\n el.textContent = current + suffix;\r\n if (current >= target) clearInterval(t);\r\n }, 30);\r\n }\r\n setTimeout(() => {\r\n counters.forEach(c => {\r\n const el = document.getElementById(c.id);\r\n if (el) animateCounter(el, c.target, c.suffix);\r\n });\r\n }, 800);\r\n})();\r\n\r\n\/\/ ===================== REVEAL ON SCROLL =====================\r\n(function() {\r\n const items = document.querySelectorAll('.reveal');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((e, i) => {\r\n if (e.isIntersecting) {\r\n setTimeout(() => e.target.classList.add('visible'), i * 80);\r\n observer.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n items.forEach(el => observer.observe(el));\r\n})();\r\n\r\n\/\/ ===================== FAQ ACCORDION =====================\r\ndocument.querySelectorAll('.faq-q').forEach(q => {\r\n q.addEventListener('click', () => {\r\n const item = q.parentElement;\r\n const isOpen = item.classList.contains('open');\r\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n if (!isOpen) item.classList.add('open');\r\n });\r\n});\r\n\r\n\/\/ ===================== FORM \u2192 WHATSAPP =====================\r\ndocument.getElementById('leadForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const nombre = document.getElementById('fNombre').value.trim();\r\n const email = document.getElementById('fEmail').value.trim();\r\n const phone = document.getElementById('fPhone').value.trim();\r\n const service = document.getElementById('fService').value;\r\n if (!nombre || !email || !phone) return;\r\n const msg = `Hola Marlis Tech Solutions! \ud83d\udc4b\\n\\nSoy *${nombre}*\\n\ud83d\udce7 Email: ${email}\\n\ud83d\udcf1 WhatsApp: ${phone}\\n\ud83c\udfaf Servicio de inter\u00e9s: ${service || 'Por definir'}\\n\\nDeseo una cotizaci\u00f3n gratuita.`;\r\n window.open('https:\/\/wa.me\/18099239117?text=' + encodeURIComponent(msg), '_blank');\r\n});\r\n\r\n\/\/ ===================== NAVBAR SCROLL EFFECT =====================\r\nwindow.addEventListener('scroll', () => {\r\n const nav = document.getElementById('navbar');\r\n nav.style.background = window.scrollY > 50\r\n ? 'rgba(5,8,22,0.97)'\r\n : 'rgba(5,8,22,0.85)';\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Marlis Tech Solutions \u2013 Sitios Web que Convierten Marlis Tech Servicios Marketing Clientes FAQ Contacto \ud83d\udcac WhatsApp \ud83d\ude80 Tecnolog\u00eda \u00b7 IA \u00b7 Marketing Digital Marlis Tech Solutions marlis.tech \u2014 Innovaci\u00f3n Sin L\u00edmites Transformamos Visitantes en Clientes con Tecnolog\u00eda, IA y Marketing Digital Landing Pages de alta conversi\u00f3n, automatizaci\u00f3n con IA, ecommerce de alto rendimiento, chatbots, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":21,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-111","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marlis.tech\/es\/wp-json\/wp\/v2\/pages\/111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marlis.tech\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marlis.tech\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marlis.tech\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marlis.tech\/es\/wp-json\/wp\/v2\/comments?post=111"}],"version-history":[{"count":15,"href":"https:\/\/marlis.tech\/es\/wp-json\/wp\/v2\/pages\/111\/revisions"}],"predecessor-version":[{"id":140,"href":"https:\/\/marlis.tech\/es\/wp-json\/wp\/v2\/pages\/111\/revisions\/140"}],"up":[{"embeddable":true,"href":"https:\/\/marlis.tech\/es\/wp-json\/wp\/v2\/pages\/21"}],"wp:attachment":[{"href":"https:\/\/marlis.tech\/es\/wp-json\/wp\/v2\/media?parent=111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}