{"id":10,"date":"2026-03-31T00:01:25","date_gmt":"2026-03-31T00:01:25","guid":{"rendered":"https:\/\/staffautonomo.com\/?page_id=10"},"modified":"2026-03-31T04:29:02","modified_gmt":"2026-03-31T04:29:02","slug":"10-2","status":"publish","type":"page","link":"https:\/\/staffautonomo.com\/","title":{"rendered":"P\u00e1gina de inicio IA"},"content":{"rendered":"
\n
\n
\n
\n\n\n\n\nStaff Aut\u00f3nomo \u2014 Agencia de Automatizaci\u00f3n con IA<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\n:root{\n --red:#e63946;\n --red-light:#ff4d5a;\n --bg:#080808;\n --card:#0f0f0f;\n --card2:#141414;\n --border:#1e1e1e;\n --border2:#2a2a2a;\n --text:#f0f0f0;\n --text2:#b0b0b0;\n --text3:#707070;\n --white:#ffffff;\n}\nhtml{scroll-behavior:smooth}\nbody{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden;line-height:1.6}\n \n\/* \u2500\u2500 SCROLLBAR \u2500\u2500 *\/\n::-webkit-scrollbar{width:4px}\n::-webkit-scrollbar-track{background:#000}\n::-webkit-scrollbar-thumb{background:#e63946;border-radius:2px}\n \n\/* \u2500\u2500 NAV \u2500\u2500 *\/\nnav{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 56px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(24px);background:rgba(8,8,8,.9);border-bottom:1px solid var(--border)}\n.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}\n.nav-brand{font-family:'Syne',sans-serif;font-size:17px;font-weight:800;color:var(--white);letter-spacing:-.5px}\n.nav-brand span{color:var(--red)}\n.nav-links{display:flex;gap:36px}\n.nav-links a{font-size:13px;color:var(--text3);letter-spacing:.5px;text-decoration:none;transition:color .2s;font-weight:500}\n.nav-links a:hover{color:var(--text)}\n.nav-cta{background:var(--red);color:#fff;border:none;padding:11px 22px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .2s;letter-spacing:.3px}\n.nav-cta:hover{background:var(--red-light);transform:translateY(-1px)}\n \n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 56px 80px;position:relative;overflow:hidden}\n.hero-noise{position:absolute;inset:0;opacity:.03;background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");background-size:128px}\n.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px}\n.hero-glow{position:absolute;top:10%;left:50%;transform:translateX(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(230,57,70,.08) 0%,transparent 65%);pointer-events:none}\n.hero-content{max-width:860px;text-align:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(230,57,70,.1);border:1px solid rgba(230,57,70,.25);border-radius:20px;padding:7px 16px;font-size:10px;color:var(--red-light);letter-spacing:3px;margin-bottom:40px;font-weight:600}\n.badge-dot{width:5px;height:5px;background:var(--red);border-radius:50%;animation:blink 2s infinite}\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}\n.hero-title{font-family:'Syne',sans-serif;font-size:clamp(46px,7.5vw,96px);font-weight:800;line-height:1.0;letter-spacing:-3px;margin-bottom:28px;color:var(--white)}\n.hero-title .accent{color:var(--red)}\n.hero-title .dim{color:var(--text3);font-weight:400}\n.hero-sub{font-size:17px;color:var(--text2);line-height:1.75;max-width:580px;margin:0 auto 48px;font-weight:400}\n.hero-sub strong{color:var(--text);font-weight:500}\n.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-primary{background:var(--red);color:#fff;border:none;padding:15px 30px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .25s;letter-spacing:.3px;display:inline-flex;align-items:center;gap:8px}\n.btn-primary:hover{background:var(--red-light);transform:translateY(-2px);box-shadow:0 8px 32px rgba(230,57,70,.3)}\n.btn-secondary{background:transparent;color:var(--text2);border:1px solid var(--border2);padding:15px 30px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .25s;letter-spacing:.3px}\n.btn-secondary:hover{border-color:var(--text3);color:var(--text);background:rgba(255,255,255,.03)}\n \n\/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\n.stats{padding:40px 56px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;justify-content:center;gap:0;flex-wrap:wrap;background:rgba(0,0,0,.3)}\n.stat{text-align:center;padding:20px 60px;position:relative}\n.stat+.stat::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);height:40px;width:1px;background:var(--border)}\n.stat-n{font-family:'Syne',sans-serif;font-size:38px;font-weight:800;color:var(--red);letter-spacing:-2px;line-height:1}\n.stat-l{font-size:10px;color:var(--text3);letter-spacing:2.5px;margin-top:6px;font-weight:500}\n \n\/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\n.section-wrap{padding:96px 56px;max-width:1240px;margin:0 auto}\n.section-tag{font-size:10px;color:var(--red);letter-spacing:4px;margin-bottom:14px;font-weight:600}\n.section-title{font-family:'Syne',sans-serif;font-size:clamp(30px,4vw,52px);font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:16px;color:var(--white)}\n.section-sub{font-size:15px;color:var(--text2);line-height:1.75;max-width:520px;font-weight:400}\n \n\/* \u2500\u2500 SERVICIOS \u2500\u2500 *\/\n.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px;background:var(--border)}\n.service-card{background:var(--card);padding:36px 32px;transition:background .3s;position:relative;overflow:hidden}\n.service-card:hover{background:var(--card2)}\n.service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),transparent);opacity:0;transition:opacity .3s}\n.service-card:hover::after{opacity:1}\n.service-icon{font-size:28px;margin-bottom:20px}\n.service-price{font-family:'Syne',sans-serif;font-size:11px;color:var(--red);letter-spacing:2px;font-weight:700;margin-bottom:10px}\n.service-name{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;color:var(--white);margin-bottom:10px;letter-spacing:-.5px}\n.service-desc{font-size:13px;color:var(--text2);line-height:1.7}\n.service-features{margin-top:20px;display:flex;flex-direction:column;gap:8px}\n.service-feature{font-size:12px;color:var(--text3);display:flex;align-items:center;gap:8px}\n.service-feature::before{content:'\u2192';color:var(--red);font-size:11px}\n \n\/* \u2500\u2500 AGENTES \u2500\u2500 *\/\n.agents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:52px}\n.agent-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .3s;position:relative;overflow:hidden}\n.agent-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.4)}\n.agent-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),transparent);opacity:0;transition:opacity .3s}\n.agent-card:hover::before{opacity:1}\n.agent-icon{font-size:24px;margin-bottom:16px}\n.agent-name{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:var(--white);letter-spacing:.5px;margin-bottom:4px}\n.agent-role{font-size:10px;color:var(--red);letter-spacing:2px;margin-bottom:12px;font-weight:600}\n.agent-desc{font-size:12px;color:var(--text2);line-height:1.65}\n \n\/* \u2500\u2500 PROCESO \u2500\u2500 *\/\n.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:52px;position:relative}\n.steps::before{content:'';position:absolute;top:28px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--red),var(--red),transparent);opacity:.3}\n.step{padding:0 24px 32px;position:relative;text-align:center}\n.step-circle{width:56px;height:56px;background:var(--card);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;position:relative;z-index:1}\n.step-num{font-family:'Syne',sans-serif;font-size:16px;font-weight:800;color:var(--red)}\n.step-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--white);letter-spacing:.5px;margin-bottom:10px}\n.step-desc{font-size:12px;color:var(--text2);line-height:1.7}\n \n\/* \u2500\u2500 NICHOS \u2500\u2500 *\/\n.niche-wrap{background:#000;padding:80px 56px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}\n.niche-inner{max-width:1240px;margin:0 auto}\n.niche-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:44px}\n.niche-item{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px 16px;font-size:12px;color:var(--text2);letter-spacing:.5px;text-align:center;transition:all .25s;font-weight:500;line-height:1.4}\n.niche-item:hover{border-color:rgba(230,57,70,.4);color:var(--text);background:rgba(230,57,70,.05)}\n.niche-emoji{font-size:22px;display:block;margin-bottom:8px}\n \n\/* \u2500\u2500 FORMULARIO \u2500\u2500 *\/\n.form-section{padding:96px 56px;background:var(--bg)}\n.form-wrap{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}\n.form-left h2{font-family:'Syne',sans-serif;font-size:clamp(30px,3.5vw,48px);font-weight:800;letter-spacing:-2px;line-height:1.1;color:var(--white);margin-bottom:20px}\n.form-left p{font-size:15px;color:var(--text2);line-height:1.75;margin-bottom:32px}\n.form-benefit{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}\n.form-benefit-dot{width:6px;height:6px;background:var(--red);border-radius:50%;margin-top:7px;flex-shrink:0}\n.form-benefit-text{font-size:14px;color:var(--text2);line-height:1.6}\n.form-benefit-text strong{color:var(--text);font-weight:500}\n.contact-form{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:40px}\n.form-group{margin-bottom:20px}\n.form-group label{display:block;font-size:11px;color:var(--text3);letter-spacing:2px;margin-bottom:8px;font-weight:600}\n.form-group input,.form-group select,.form-group textarea{width:100%;background:#0a0a0a;border:1px solid var(--border);border-radius:8px;padding:13px 16px;font-size:14px;color:var(--text);font-family:'DM Sans',sans-serif;transition:border-color .2s;outline:none;resize:none}\n.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text3)}\n.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:rgba(230,57,70,.5)}\n.form-group select{appearance:none;cursor:pointer;color:var(--text2)}\n.form-group select option{background:#111;color:var(--text)}\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n.form-submit{width:100%;background:var(--red);color:#fff;border:none;padding:15px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .25s;letter-spacing:.3px;margin-top:8px}\n.form-submit:hover{background:var(--red-light);transform:translateY(-1px);box-shadow:0 6px 24px rgba(230,57,70,.3)}\n.form-note{font-size:11px;color:var(--text3);text-align:center;margin-top:14px}\n.form-success{display:none;text-align:center;padding:32px}\n.form-success h3{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:var(--white);margin-bottom:10px}\n.form-success p{font-size:14px;color:var(--text2)}\n \n\/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n.cta-section{padding:100px 56px;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--border)}\n.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(230,57,70,.1) 0%,transparent 70%);pointer-events:none}\n.cta-title{font-family:'Syne',sans-serif;font-size:clamp(32px,5vw,64px);font-weight:800;letter-spacing:-2.5px;margin-bottom:20px;position:relative;color:var(--white);line-height:1.05}\n.cta-sub{font-size:16px;color:var(--text2);margin-bottom:44px;font-weight:400;position:relative;max-width:480px;margin-left:auto;margin-right:auto}\n \n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter{padding:40px 56px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}\n.footer-brand{font-family:'Syne',sans-serif;font-size:15px;font-weight:800;color:var(--white);letter-spacing:-.5px}\n.footer-brand span{color:var(--red)}\n.footer-sub{font-size:10px;color:var(--text3);letter-spacing:2px;margin-top:4px}\n.footer-right{font-size:11px;color:var(--text3);letter-spacing:.5px}\n.footer-links{display:flex;gap:24px}\n.footer-links a{font-size:11px;color:var(--text3);text-decoration:none;transition:color .2s}\n.footer-links a:hover{color:var(--text2)}\n \n\/* \u2500\u2500 MOBILE \u2500\u2500 *\/\n@media(max-width:900px){\n nav{padding:16px 24px}\n .nav-links{display:none}\n .hero{padding:100px 24px 60px}\n .stats{padding:32px 24px;gap:0}\n .stat{padding:16px 28px}\n .section-wrap{padding:64px 24px}\n .services-grid{grid-template-columns:1fr}\n .steps{grid-template-columns:1fr 1fr}\n .niche-grid{grid-template-columns:repeat(2,1fr)}\n .niche-wrap{padding:64px 24px}\n .form-section{padding:64px 24px}\n .form-wrap{grid-template-columns:1fr;gap:40px}\n .form-row{grid-template-columns:1fr}\n .cta-section{padding:72px 24px}\n footer{padding:32px 24px;flex-direction:column;align-items:flex-start}\n}\n<\/style>\n<\/head>\n<body>\n \n<!-- NAV -->\n<nav>\n <a href=\"#\" class=\"nav-logo\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 400 400\">\n <rect width=\"400\" height=\"400\" fill=\"#111\" rx=\"70\"\/>\n <circle cx=\"110\" cy=\"200\" r=\"22\" fill=\"#fff\"\/>\n <circle cx=\"210\" cy=\"115\" r=\"16\" fill=\"#e63946\"\/>\n <circle cx=\"210\" cy=\"285\" r=\"16\" fill=\"#e63946\"\/>\n <circle cx=\"295\" cy=\"75\" r=\"10\" fill=\"#fff\" opacity=\".35\"\/>\n <circle cx=\"295\" cy=\"200\" r=\"10\" fill=\"#fff\" opacity=\".35\"\/>\n <circle cx=\"295\" cy=\"325\" r=\"10\" fill=\"#fff\" opacity=\".35\"\/>\n <line x1=\"110\" y1=\"200\" x2=\"210\" y2=\"115\" stroke=\"#e63946\" stroke-width=\"3.5\" opacity=\".9\"\/>\n <line x1=\"110\" y1=\"200\" x2=\"210\" y2=\"285\" stroke=\"#e63946\" stroke-width=\"3.5\" opacity=\".9\"\/>\n <line x1=\"210\" y1=\"115\" x2=\"295\" y2=\"75\" stroke=\"#fff\" stroke-width=\"2\" opacity=\".2\"\/>\n <line x1=\"210\" y1=\"115\" x2=\"295\" y2=\"200\" stroke=\"#fff\" stroke-width=\"2\" opacity=\".2\"\/>\n <line x1=\"210\" y1=\"285\" x2=\"295\" y2=\"200\" stroke=\"#fff\" stroke-width=\"2\" opacity=\".2\"\/>\n <line x1=\"210\" y1=\"285\" x2=\"295\" y2=\"325\" stroke=\"#fff\" stroke-width=\"2\" opacity=\".2\"\/>\n <\/svg>\n <div class=\"nav-brand\">staff <span>aut\u00f3nomo<\/span><\/div>\n <\/a>\n <div class=\"nav-links\">\n <a href=\"#servicios\">Servicios<\/a>\n <a href=\"#agentes\">Agentes<\/a>\n <a href=\"#como\">Proceso<\/a>\n <a href=\"#contacto\">Contacto<\/a>\n <\/div>\n <button class=\"nav-cta\" onclick=\"document.getElementById('contacto').scrollIntoView({behavior:'smooth'})\">QUIERO MI EQUIPO \u2192<\/button>\n<\/nav>\n \n<!-- HERO -->\n<div class=\"hero\">\n <div class=\"hero-noise\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-glow\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge\"><div class=\"badge-dot\"><\/div>AGENCIA DE AUTOMATIZACI\u00d3N CON IA<\/div>\n <h1 class=\"hero-title\">\n Tu empresa<br>\n <span class=\"dim\">trabaja sola<\/span><br>\n <span class=\"accent\">24 \/ 7<\/span>\n <\/h1>\n <p class=\"hero-sub\">Construimos <strong>equipos de agentes de IA aut\u00f3nomos<\/strong> que atienden clientes, crean contenido, gestionan operaciones y hacen crecer tu negocio \u2014 sin que t\u00fa intervengas.<\/p>\n <div class=\"hero-actions\">\n <button class=\"btn-primary\" onclick=\"document.getElementById('contacto').scrollIntoView({behavior:'smooth'})\">QUIERO MI EQUIPO \u2192<\/button>\n <button class=\"btn-secondary\" onclick=\"document.getElementById('servicios').scrollIntoView({behavior:'smooth'})\">VER CASOS DE USO<\/button>\n <\/div>\n <\/div>\n<\/div>\n \n<!-- STATS -->\n<div class=\"stats\">\n <div class=\"stat\"><div class=\"stat-n\">24\/7<\/div><div class=\"stat-l\">OPERACI\u00d3N CONTINUA<\/div><\/div>\n <div class=\"stat\"><div class=\"stat-n\">$0<\/div><div class=\"stat-l\">COSTO POR HORA EXTRA<\/div><\/div>\n <div class=\"stat\"><div class=\"stat-n\">5+<\/div><div class=\"stat-l\">AGENTES ESPECIALIZADOS<\/div><\/div>\n <div class=\"stat\"><div class=\"stat-n\">30 d\u00edas<\/div><div class=\"stat-l\">TIEMPO DE IMPLEMENTACI\u00d3N<\/div><\/div>\n<\/div>\n \n<!-- SERVICIOS -->\n<section id=\"servicios\">\n<div class=\"section-wrap\">\n <div class=\"section-tag\">LO QUE HACEMOS<\/div>\n <h2 class=\"section-title\">Servicios que<br>transforman tu operaci\u00f3n<\/h2>\n <p class=\"section-sub\">Cada servicio es un sistema vivo que aprende, se adapta y trabaja por ti desde el primer d\u00eda.<\/p>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83e\udd16<\/div>\n <div class=\"service-price\">STARTER<\/div>\n <div class=\"service-name\">Agente de Atenci\u00f3n<\/div>\n <div class=\"service-desc\">Un agente aut\u00f3nomo que atiende a tus clientes por WhatsApp o Telegram 24\/7, califica prospectos y agenda citas sin que t\u00fa intervengas.<\/div>\n <div class=\"service-features\">\n <div class=\"service-feature\">Respuestas autom\u00e1ticas inteligentes<\/div>\n <div class=\"service-feature\">Calificaci\u00f3n de leads en tiempo real<\/div>\n <div class=\"service-feature\">Agendamiento autom\u00e1tico de citas<\/div>\n <div class=\"service-feature\">Reportes diarios a tu correo<\/div>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\u26a1<\/div>\n <div class=\"service-price\">PRO<\/div>\n <div class=\"service-name\">Equipo Aut\u00f3nomo<\/div>\n <div class=\"service-desc\">M\u00faltiples agentes especializados trabajando en paralelo: ventas, contenido, soporte y operaciones. Tu empresa funciona sola.<\/div>\n <div class=\"service-features\">\n <div class=\"service-feature\">Hasta 5 agentes simult\u00e1neos<\/div>\n <div class=\"service-feature\">Agente de contenido y redes sociales<\/div>\n <div class=\"service-feature\">Dashboard de control en tiempo real<\/div>\n <div class=\"service-feature\">Integraci\u00f3n con tus herramientas actuales<\/div>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfe2<\/div>\n <div class=\"service-price\">ENTERPRISE<\/div>\n <div class=\"service-name\">Delegaci\u00f3n Total<\/div>\n <div class=\"service-desc\">Sistema completo de automatizaci\u00f3n a medida. Desde diagn\u00f3stico hasta implementaci\u00f3n, con soporte continuo y evoluci\u00f3n del sistema.<\/div>\n <div class=\"service-features\">\n <div class=\"service-feature\">Agentes ilimitados por \u00e1rea<\/div>\n <div class=\"service-feature\">Arquitectura personalizada<\/div>\n <div class=\"service-feature\">Soporte prioritario 24\/7<\/div>\n <div class=\"service-feature\">Evoluci\u00f3n y mejora continua<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<\/section>\n \n<!-- AGENTES -->\n<section id=\"agentes\" style=\"background:#000;max-width:100%;padding:0;border-top:1px solid #1e1e1e\">\n<div class=\"section-wrap\" style=\"max-width:1240px\">\n <div class=\"section-tag\">EL EQUIPO<\/div>\n <h2 class=\"section-title\">Especialistas digitales<br>para cada \u00e1rea<\/h2>\n <p class=\"section-sub\">Cada agente tiene un rol definido, memoria propia y herramientas espec\u00edficas. Trabajan juntos de forma completamente aut\u00f3noma.<\/p>\n <div class=\"agents-grid\">\n <div class=\"agent-card\">\n <div class=\"agent-icon\">\ud83e\udd16<\/div>\n <div class=\"agent-name\">ORQUESTADORA<\/div>\n <div class=\"agent-role\">DIRECTORA DE OPERACIONES<\/div>\n <div class=\"agent-desc\">Coordina al equipo, prioriza tareas y te reporta resultados. El cerebro central del sistema.<\/div>\n <\/div>\n <div class=\"agent-card\">\n <div class=\"agent-icon\">\ud83d\udcbc<\/div>\n <div class=\"agent-name\">VENTAS<\/div>\n <div class=\"agent-role\">VENTAS Y CRM<\/div>\n <div class=\"agent-desc\">Atiende WhatsApp, califica prospectos, registra leads y agenda citas sin que intervengas.<\/div>\n <\/div>\n <div class=\"agent-card\">\n <div class=\"agent-icon\">\ud83c\udfa8<\/div>\n <div class=\"agent-name\">CONTENIDO<\/div>\n <div class=\"agent-role\">REDES Y BLOG<\/div>\n <div class=\"agent-desc\">Crea posts, art\u00edculos y copies alineados con tu voz de marca. T\u00fa apruebas, \u00e9l publica.<\/div>\n <\/div>\n <div class=\"agent-card\">\n <div class=\"agent-icon\">\ud83d\udee0\ufe0f<\/div>\n <div class=\"agent-name\">DESARROLLO<\/div>\n <div class=\"agent-role\">WEB Y SISTEMAS<\/div>\n <div class=\"agent-desc\">Mantiene y mejora tu web, integra herramientas y automatiza flujos t\u00e9cnicos.<\/div>\n <\/div>\n <div class=\"agent-card\">\n <div class=\"agent-icon\">\ud83e\udd1d<\/div>\n <div class=\"agent-name\">SOPORTE<\/div>\n <div class=\"agent-role\">ATENCI\u00d3N A CLIENTES<\/div>\n <div class=\"agent-desc\">Responde dudas frecuentes, gestiona seguimientos y mantiene satisfechos a tus clientes.<\/div>\n <\/div>\n <div class=\"agent-card\" style=\"border-color:rgba(230,57,70,.2);background:rgba(230,57,70,.04)\">\n <div class=\"agent-icon\">\u2726<\/div>\n <div class=\"agent-name\">TU AGENTE<\/div>\n <div class=\"agent-role\">A LA MEDIDA<\/div>\n <div class=\"agent-desc\">Cada negocio es diferente. Dise\u00f1amos el agente exacto que tu operaci\u00f3n necesita, con las herramientas y el rol que t\u00fa definas.<\/div>\n <\/div>\n <\/div>\n<\/div>\n<\/section>\n \n<!-- PROCESO -->\n<section id=\"como\">\n<div class=\"section-wrap\">\n <div class=\"section-tag\">EL PROCESO<\/div>\n <h2 class=\"section-title\">De caos operativo<br>a sistema aut\u00f3nomo<\/h2>\n <p class=\"section-sub\">En menos de 30 d\u00edas tu empresa opera con inteligencia artificial, sin que tengas que aprender a programar.<\/p>\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-circle\"><div class=\"step-num\">01<\/div><\/div>\n <div class=\"step-title\">DIAGN\u00d3STICO<\/div>\n <div class=\"step-desc\">Analizamos tus operaciones e identificamos qu\u00e9 puede delegarse a agentes de IA sin perder calidad.<\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-circle\"><div class=\"step-num\">02<\/div><\/div>\n <div class=\"step-title\">DISE\u00d1O<\/div>\n <div class=\"step-desc\">Construimos la arquitectura de agentes, definimos roles y configuramos la comunicaci\u00f3n entre ellos.<\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-circle\"><div class=\"step-num\">03<\/div><\/div>\n <div class=\"step-title\">IMPLEMENTACI\u00d3N<\/div>\n <div class=\"step-desc\">Desplegamos el sistema en tu infraestructura y lo conectamos a tus canales existentes.<\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-circle\"><div class=\"step-num\">04<\/div><\/div>\n <div class=\"step-title\">AUTONOM\u00cdA<\/div>\n <div class=\"step-desc\">El equipo opera solo. T\u00fa solo apruebas lo que importa y te enfocas en crear y crecer.<\/div>\n <\/div>\n <\/div>\n<\/div>\n<\/section>\n \n<!-- NICHOS -->\n<div class=\"niche-wrap\">\n<div class=\"niche-inner\">\n <div class=\"section-tag\">PARA QUI\u00c9N<\/div>\n <h2 class=\"section-title\">Arte, cultura<br>y entretenimiento<\/h2>\n <p class=\"section-sub\">Especialistas en automatizaci\u00f3n para negocios creativos que no quieren perder tiempo en operaciones repetitivas.<\/p>\n <div class=\"niche-grid\">\n <div class=\"niche-item\"><span class=\"niche-emoji\">\ud83c\udfb8<\/span>ESCUELAS DE M\u00daSICA<\/div>\n <div class=\"niche-item\"><span class=\"niche-emoji\">\ud83e\udde0<\/span>COACHES Y MENTORES<\/div>\n <div class=\"niche-item\"><span class=\"niche-emoji\">\ud83c\udfad<\/span>ACTORES Y ARTISTAS<\/div>\n <div class=\"niche-item\"><span class=\"niche-emoji\">\ud83c\udfac<\/span>PRODUCTORAS<\/div>\n <div class=\"niche-item\"><span class=\"niche-emoji\">\ud83d\udc83<\/span>ESTUDIOS DE DANZA<\/div>\n <div class=\"niche-item\"><span class=\"niche-emoji\">\ud83c\udfaa<\/span>TEATROS<\/div>\n <div class=\"niche-item\"><span class=\"niche-emoji\">\ud83c\udf99\ufe0f<\/span>LOCUTORES<\/div>\n <div class=\"niche-item\"><span class=\"niche-emoji\">\ud83d\udcf1<\/span>CREADORES DE CONTENIDO<\/div>\n <\/div>\n<\/div>\n<\/div>\n \n<!-- FORMULARIO DE CONTACTO -->\n<div class=\"form-section\" id=\"contacto\">\n <div class=\"form-wrap\">\n <div class=\"form-left\">\n <div class=\"section-tag\">EMPIEZA HOY<\/div>\n <h2>Construimos<br>tu equipo en<br><span style=\"color:var(--red)\">30 d\u00edas<\/span><\/h2>\n <p>Cu\u00e9ntanos tu negocio y en menos de 24 horas te decimos exactamente qu\u00e9 agentes necesitas y c\u00f3mo los implementamos.<\/p>\n <div class=\"form-benefit\">\n <div class=\"form-benefit-dot\"><\/div>\n <div class=\"form-benefit-text\"><strong>Diagn\u00f3stico gratuito<\/strong> \u2014 sin compromiso ni costo inicial<\/div>\n <\/div>\n <div class=\"form-benefit\">\n <div class=\"form-benefit-dot\"><\/div>\n <div class=\"form-benefit-text\"><strong>Implementaci\u00f3n en 30 d\u00edas<\/strong> \u2014 tu sistema operando r\u00e1pido<\/div>\n <\/div>\n <div class=\"form-benefit\">\n <div class=\"form-benefit-dot\"><\/div>\n <div class=\"form-benefit-text\"><strong>Soporte continuo<\/strong> \u2014 ajustes y mejoras incluidas<\/div>\n <\/div>\n <div class=\"form-benefit\">\n <div class=\"form-benefit-dot\"><\/div>\n <div class=\"form-benefit-text\"><strong>Sin necesidad t\u00e9cnica<\/strong> \u2014 nosotros configuramos todo<\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"contact-form\" id=\"contactForm\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>NOMBRE<\/label>\n <input type=\"text\" id=\"nombre\" placeholder=\"Tu nombre\" required>\n <\/div>\n <div class=\"form-group\">\n <label>EMPRESA<\/label>\n <input type=\"text\" id=\"empresa\" placeholder=\"Nombre de tu negocio\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>WHATSAPP<\/label>\n <input type=\"tel\" id=\"whatsapp\" placeholder=\"+52 55 1234 5678\" required>\n <\/div>\n <div class=\"form-group\">\n <label>TIPO DE NEGOCIO<\/label>\n <select id=\"tipo\">\n <option value=\"\">Selecciona tu industria...<\/option>\n <option>Escuela de m\u00fasica \/ danza \/ arte<\/option>\n <option>Coach o mentor<\/option>\n <option>Actor \/ artista \/ locutor<\/option>\n <option>Productora \/ teatro<\/option>\n <option>Creador de contenido<\/option>\n <option>Otro negocio creativo<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>\u00bfQU\u00c9 NECESITAS AUTOMATIZAR?<\/label>\n <textarea id=\"mensaje\" rows=\"3\" placeholder=\"Cu\u00e9ntanos brevemente cu\u00e1l es tu mayor dolor operativo...\"><\/textarea>\n <\/div>\n <button class=\"form-submit\" onclick=\"enviarFormulario()\">AGENDAR DIAGN\u00d3STICO GRATUITO \u2192<\/button>\n <div class=\"form-note\">Te respondemos en menos de 24 horas \u00b7 miequipo@staffautonomo.com<\/div>\n <\/div>\n <div class=\"form-success\" id=\"formSuccess\">\n <div style=\"font-size:40px;margin-bottom:16px\">\u2705<\/div>\n <h3>\u00a1Listo, Mario recibi\u00f3 tu mensaje!<\/h3>\n <p style=\"margin-top:8px\">Te contactamos en menos de 24 horas para agendar tu diagn\u00f3stico gratuito.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n \n<!-- CTA FINAL -->\n<div class=\"cta-section\">\n <div class=\"cta-glow\"><\/div>\n <p class=\"section-tag\" style=\"margin-bottom:20px;position:relative\">\u00daLTIMOS LUGARES DISPONIBLES<\/p>\n <h2 class=\"cta-title\">\u00bfListo para dejar<br>de operar manualmente?<\/h2>\n <p class=\"cta-sub\">Construimos tu equipo aut\u00f3nomo en menos de 30 d\u00edas. Diagn\u00f3stico inicial sin costo.<\/p>\n <button class=\"btn-primary\" style=\"font-size:14px;padding:17px 36px;position:relative\" onclick=\"document.getElementById('contacto').scrollIntoView({behavior:'smooth'})\">AGENDAR DIAGN\u00d3STICO GRATUITO \u2192<\/button>\n<\/div>\n \n<!-- FOOTER -->\n<footer>\n <div>\n <div class=\"footer-brand\">staff <span>aut\u00f3nomo<\/span><\/div>\n <div class=\"footer-sub\">INTELLIGENT AUTOMATION AGENCY<\/div>\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#servicios\">Servicios<\/a>\n <a href=\"#agentes\">Agentes<\/a>\n <a href=\"#contacto\">Contacto<\/a>\n <a href=\"mailto:miequipo@staffautonomo.com\">miequipo@staffautonomo.com<\/a>\n <\/div>\n <div class=\"footer-right\">\u00a9 2026 STAFF AUT\u00d3NOMO \u00b7 TODOS LOS DERECHOS RESERVADOS<\/div>\n<\/footer>\n \n<script>\nfunction enviarFormulario() {\n var nombre = document.getElementById('nombre').value.trim();\n var empresa = document.getElementById('empresa').value.trim();\n var whatsapp = document.getElementById('whatsapp').value.trim();\n var tipo = document.getElementById('tipo').value;\n var mensaje = document.getElementById('mensaje').value.trim();\n if (!nombre || !whatsapp || !mensaje) { alert('Por favor completa los campos: Nombre, WhatsApp y mensaje.'); return; }\n var btn = document.querySelector('.form-submit');\n btn.disabled = true; btn.textContent = 'Enviando...';\n var fd = new FormData();\n fd.append('Nombre', nombre); fd.append('Empresa', empresa);\n fd.append('WhatsApp', whatsapp); fd.append('Tipo_de_Negocio', tipo);\n fd.append('Mensaje', mensaje);\n fd.append('_subject', 'Nuevo diagnostico - Staff Autonomo');\n fd.append('_cc', 'agenciavocal@gmail.com');\n fd.append('_captcha', 'false'); fd.append('_template', 'table');\n fetch('https:\/\/formsubmit.co\/ajax\/hola@staffautonomo.com', { method: 'POST', body: fd })\n .then(function(r){ return r.json(); })\n .then(function(d){ btn.textContent='Enviado!'; btn.style.background='#28a745';\n ['nombre','empresa','whatsapp','mensaje'].forEach(function(id){ document.getElementById(id).value=''; });\n document.getElementById('tipo').selectedIndex=0;\n var s=document.getElementById('formSuccess'); if(s){s.style.display='block';} })\n .catch(function(e){ btn.disabled=false; btn.textContent='AGENDAR DIAGNOSTICO GRATUITO';\n alert('Error. Escribe a hola@staffautonomo.com'); });\n}\n<\/script>\n \n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staffautonomo.com\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staffautonomo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staffautonomo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staffautonomo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staffautonomo.com\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":13,"href":"https:\/\/staffautonomo.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/staffautonomo.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/staffautonomo.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}