Alejandro Rey | Desarrollo Web WordPress<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,wght@0,300;0,400;0,600;1,300&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --gold: #C9A84C;\n --gold-light: #E8C87A;\n --gold-dim: rgba(201,168,76,0.15);\n --dark: #0A0907;\n --dark-2: #111009;\n --dark-3: #1A1812;\n --dark-4: #232018;\n --text: #F0EDE6;\n --text-muted: #9A9488;\n --text-dim: #5A5650;\n --border: rgba(201,168,76,0.18);\n --border-dim: rgba(255,255,255,0.06);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--dark);\n color: var(--text);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n \/* NAV *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n padding: 1.25rem 5vw;\n display: flex; align-items: center; justify-content: space-between;\n background: rgba(10,9,7,0.85);\n backdrop-filter: blur(12px);\n border-bottom: 0.5px solid var(--border-dim);\n }\n .nav-logo {\n font-family: 'Fraunces', serif;\n font-size: 1.15rem;\n font-weight: 300;\n letter-spacing: 0.04em;\n color: var(--gold-light);\n }\n .nav-logo span { font-style: italic; }\n .nav-links { display: flex; gap: 2rem; list-style: none; }\n .nav-links a {\n text-decoration: none;\n font-size: 0.83rem;\n color: var(--text-muted);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n transition: color 0.2s;\n }\n .nav-links a:hover { color: var(--gold-light); }\n .nav-cta {\n font-size: 0.82rem;\n padding: 0.5rem 1.4rem;\n border: 1px solid var(--gold);\n color: var(--gold-light);\n text-decoration: none;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n transition: all 0.2s;\n }\n .nav-cta:hover { background: var(--gold-dim); }\n\n \/* HERO *\/\n .hero {\n min-height: 100vh;\n display: flex; align-items: center;\n padding: 8rem 5vw 5rem;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse 60% 60% at 70% 40%, rgba(201,168,76,0.07) 0%, transparent 70%);\n pointer-events: none;\n }\n .hero-grid {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 4rem;\n max-width: 1200px;\n width: 100%;\n margin: 0 auto;\n align-items: center;\n }\n .hero-eyebrow {\n font-size: 0.78rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 1.5rem;\n display: flex; align-items: center; gap: 0.75rem;\n }\n .hero-eyebrow::before {\n content: '';\n display: block; width: 32px; height: 1px;\n background: var(--gold);\n }\n h1 {\n font-family: 'Fraunces', serif;\n font-size: clamp(2.8rem, 5vw, 4.5rem);\n font-weight: 300;\n line-height: 1.12;\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n }\n h1 em {\n font-style: italic;\n color: var(--gold-light);\n }\n .hero-desc {\n font-size: 1.05rem;\n color: var(--text-muted);\n max-width: 480px;\n margin-bottom: 2.5rem;\n line-height: 1.75;\n }\n .hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }\n .btn-primary {\n padding: 0.85rem 2rem;\n background: var(--gold);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-size: 0.85rem;\n font-weight: 500;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n text-decoration: none;\n transition: all 0.2s;\n display: inline-block;\n }\n .btn-primary:hover { background: var(--gold-light); }\n .btn-secondary {\n padding: 0.85rem 2rem;\n border: 1px solid var(--border);\n color: var(--text-muted);\n font-size: 0.85rem;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n text-decoration: none;\n transition: all 0.2s;\n display: inline-block;\n }\n .btn-secondary:hover { border-color: var(--gold); color: var(--gold-light); }\n\n \/* STATS *\/\n .hero-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5px;\n background: var(--border);\n border: 1.5px solid var(--border);\n }\n .stat {\n background: var(--dark-3);\n padding: 2rem 1.75rem;\n }\n .stat-num {\n font-family: 'Fraunces', serif;\n font-size: 2.8rem;\n font-weight: 300;\n color: var(--gold-light);\n line-height: 1;\n margin-bottom: 0.4rem;\n }\n .stat-label {\n font-size: 0.78rem;\n color: var(--text-dim);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n \/* SECTION BASE *\/\n section { padding: 6rem 5vw; }\n .section-inner { max-width: 1200px; margin: 0 auto; }\n .section-tag {\n font-size: 0.75rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 1rem;\n }\n h2 {\n font-family: 'Fraunces', serif;\n font-size: clamp(1.8rem, 3vw, 2.8rem);\n font-weight: 300;\n line-height: 1.2;\n margin-bottom: 1.25rem;\n }\n h2 em { font-style: italic; color: var(--gold-light); }\n .section-sub {\n font-size: 1rem;\n color: var(--text-muted);\n max-width: 540px;\n line-height: 1.75;\n margin-bottom: 3.5rem;\n }\n\n \/* SERVICES *\/\n #servicios { background: var(--dark-2); }\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5px;\n background: var(--border-dim);\n }\n .service-card {\n background: var(--dark-3);\n padding: 2.25rem 2rem;\n transition: background 0.25s;\n cursor: default;\n }\n .service-card:hover { background: var(--dark-4); }\n .service-icon {\n width: 42px; height: 42px;\n border: 1px solid var(--border);\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 1.5rem;\n }\n .service-icon svg { width: 20px; height: 20px; stroke: var(--gold); fill: none; stroke-width: 1.5; }\n .service-card h3 {\n font-family: 'Fraunces', serif;\n font-size: 1.2rem;\n font-weight: 300;\n margin-bottom: 0.75rem;\n color: var(--text);\n }\n .service-card p {\n font-size: 0.88rem;\n color: var(--text-muted);\n line-height: 1.7;\n }\n\n \/* TIPOS DE SITIOS *\/\n #tipos { background: var(--dark); }\n .tipos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5px;\n background: var(--border-dim);\n margin-top: 3rem;\n }\n .tipo-item {\n background: var(--dark-2);\n padding: 1.75rem 1.5rem;\n border-bottom: 2px solid transparent;\n transition: border-color 0.25s, background 0.25s;\n }\n .tipo-item:hover { border-bottom-color: var(--gold); background: var(--dark-3); }\n .tipo-num {\n font-family: 'Fraunces', serif;\n font-size: 1.8rem;\n font-weight: 300;\n color: var(--text-dim);\n line-height: 1;\n margin-bottom: 1rem;\n }\n .tipo-item h3 {\n font-size: 0.95rem;\n font-weight: 500;\n margin-bottom: 0.5rem;\n color: var(--text);\n letter-spacing: 0.02em;\n }\n .tipo-item p {\n font-size: 0.82rem;\n color: var(--text-dim);\n line-height: 1.6;\n }\n\n \/* PLANES *\/\n #planes { background: var(--dark-2); }\n .planes-toggle {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 3rem;\n }\n .toggle-label {\n font-size: 0.83rem;\n color: var(--text-muted);\n letter-spacing: 0.04em;\n }\n .toggle-wrap {\n position: relative;\n width: 48px; height: 24px;\n background: var(--dark-4);\n border: 1px solid var(--border);\n cursor: pointer;\n flex-shrink: 0;\n }\n .toggle-knob {\n position: absolute;\n top: 3px; left: 3px;\n width: 16px; height: 16px;\n background: var(--gold);\n transition: transform 0.25s;\n }\n .toggle-wrap.annual .toggle-knob { transform: translateX(24px); }\n .badge-ahorro {\n font-size: 0.7rem;\n padding: 0.2rem 0.6rem;\n background: var(--gold-dim);\n color: var(--gold-light);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n border: 1px solid var(--border);\n }\n .planes-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5px;\n background: var(--border-dim);\n }\n .plan-card {\n background: var(--dark-3);\n padding: 2.5rem 2rem;\n position: relative;\n transition: background 0.25s;\n }\n .plan-card.featured {\n background: var(--dark-4);\n border: 1px solid var(--gold);\n }\n .plan-badge {\n position: absolute;\n top: -1px; right: 2rem;\n font-size: 0.68rem;\n padding: 0.25rem 0.9rem;\n background: var(--gold);\n color: var(--dark);\n font-weight: 500;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n .plan-name {\n font-family: 'Fraunces', serif;\n font-size: 1.4rem;\n font-weight: 300;\n margin-bottom: 0.4rem;\n color: var(--text);\n }\n .plan-tagline {\n font-size: 0.8rem;\n color: var(--text-dim);\n margin-bottom: 1.75rem;\n letter-spacing: 0.04em;\n }\n .plan-price {\n display: flex;\n align-items: baseline;\n gap: 0.3rem;\n margin-bottom: 0.3rem;\n }\n .plan-currency {\n font-size: 0.9rem;\n color: var(--gold);\n margin-top: 0.3rem;\n }\n .plan-amount {\n font-family: 'Fraunces', serif;\n font-size: 3rem;\n font-weight: 300;\n color: var(--gold-light);\n line-height: 1;\n }\n .plan-period {\n font-size: 0.78rem;\n color: var(--text-dim);\n letter-spacing: 0.04em;\n }\n .plan-old-price {\n font-size: 0.82rem;\n color: var(--text-dim);\n text-decoration: line-through;\n margin-bottom: 1.5rem;\n min-height: 1.2rem;\n }\n .plan-divider {\n height: 1px;\n background: var(--border-dim);\n margin: 1.5rem 0;\n }\n .plan-features {\n list-style: none;\n margin-bottom: 2rem;\n }\n .plan-features li {\n font-size: 0.85rem;\n color: var(--text-muted);\n padding: 0.45rem 0;\n display: flex;\n gap: 0.75rem;\n align-items: flex-start;\n border-bottom: 0.5px solid var(--border-dim);\n }\n .plan-features li:last-child { border-bottom: none; }\n .feat-check {\n color: var(--gold);\n font-size: 0.7rem;\n margin-top: 0.25rem;\n flex-shrink: 0;\n }\n .plan-cta {\n display: block;\n width: 100%;\n padding: 0.85rem;\n text-align: center;\n font-size: 0.82rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n text-decoration: none;\n font-family: 'DM Sans', sans-serif;\n font-weight: 500;\n border: 1px solid var(--border);\n color: var(--text-muted);\n transition: all 0.2s;\n cursor: pointer;\n background: transparent;\n }\n .plan-card.featured .plan-cta {\n background: var(--gold);\n color: var(--dark);\n border-color: var(--gold);\n }\n .plan-cta:hover { background: var(--gold-dim); color: var(--gold-light); border-color: var(--gold); }\n .plan-card.featured .plan-cta:hover { background: var(--gold-light); color: var(--dark); }\n\n \/* PROCESO *\/\n #proceso { background: var(--dark); }\n .proceso-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 0;\n position: relative;\n margin-top: 3rem;\n }\n .step {\n padding: 2rem 1.75rem;\n border-left: 1px solid var(--border-dim);\n position: relative;\n }\n .step:first-child { border-left: none; }\n .step-num {\n font-family: 'Fraunces', serif;\n font-size: 3.5rem;\n font-weight: 300;\n color: var(--dark-4);\n line-height: 1;\n margin-bottom: 1.25rem;\n user-select: none;\n }\n .step h3 {\n font-size: 0.95rem;\n font-weight: 500;\n color: var(--text);\n margin-bottom: 0.6rem;\n letter-spacing: 0.02em;\n }\n .step p {\n font-size: 0.83rem;\n color: var(--text-dim);\n line-height: 1.65;\n }\n\n \/* CONFIANZA *\/\n #confianza { background: var(--dark-2); }\n .trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5px;\n background: var(--border-dim);\n margin-top: 3rem;\n }\n .trust-item {\n background: var(--dark-3);\n padding: 2rem 1.75rem;\n text-align: center;\n }\n .trust-icon {\n font-family: 'Fraunces', serif;\n font-size: 2rem;\n color: var(--gold-light);\n margin-bottom: 0.75rem;\n font-style: italic;\n }\n .trust-item h4 {\n font-size: 0.88rem;\n font-weight: 500;\n color: var(--text);\n margin-bottom: 0.4rem;\n letter-spacing: 0.04em;\n }\n .trust-item p { font-size: 0.8rem; color: var(--text-dim); line-height: 1.6; }\n\n \/* CTA FINAL *\/\n .cta-section {\n background: var(--dark);\n padding: 7rem 5vw;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(201,168,76,0.07) 0%, transparent 70%);\n pointer-events: none;\n }\n .cta-section h2 { margin: 0 auto 1.25rem; max-width: 600px; }\n .cta-section p {\n font-size: 1rem;\n color: var(--text-muted);\n max-width: 480px;\n margin: 0 auto 2.5rem;\n line-height: 1.75;\n }\n .cta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\n\n \/* FOOTER *\/\n footer {\n background: var(--dark-2);\n border-top: 0.5px solid var(--border-dim);\n padding: 3rem 5vw;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 1rem;\n }\n .footer-logo {\n font-family: 'Fraunces', serif;\n font-size: 1rem;\n font-weight: 300;\n color: var(--gold-light);\n font-style: italic;\n }\n .footer-links { display: flex; gap: 1.5rem; flex-wrap: wrap; }\n .footer-links a {\n font-size: 0.78rem;\n color: var(--text-dim);\n text-decoration: none;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n transition: color 0.2s;\n }\n .footer-links a:hover { color: var(--gold-light); }\n .footer-copy {\n font-size: 0.75rem;\n color: var(--text-dim);\n letter-spacing: 0.04em;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 768px) {\n .hero-grid { grid-template-columns: 1fr; gap: 3rem; }\n .hero-stats { grid-template-columns: 1fr 1fr; }\n nav { padding: 1rem 4vw; }\n .nav-links { display: none; }\n .step { border-left: none; border-top: 1px solid var(--border-dim); }\n .step:first-child { border-top: none; }\n footer { flex-direction: column; text-align: center; }\n }\n\n \/* ANIMATIONS *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .hero-content > * {\n animation: fadeUp 0.7s ease both;\n }\n .hero-content > *:nth-child(1) { animation-delay: 0.1s; }\n .hero-content > *:nth-child(2) { animation-delay: 0.25s; }\n .hero-content > *:nth-child(3) { animation-delay: 0.4s; }\n .hero-content > *:nth-child(4) { animation-delay: 0.55s; }\n .hero-right { animation: fadeUp 0.9s 0.4s ease both; }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-logo\"><span>Alejandro<\/span> Rey<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\n <li><a href=\"#planes\">Planes<\/a><\/li>\n <li><a href=\"#proceso\">Proceso<\/a><\/li>\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"nav-cta\">Consultar<\/a>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-grid\">\n <div class=\"hero-content\">\n <div class=\"hero-eyebrow\">Desarrollo WordPress Profesional<\/div>\n <h1>Tu web que<br><em>vende<\/em> mientras<br>vos trabaj\u00e1s<\/h1>\n <p class=\"hero-desc\">Dise\u00f1o, desarrollo y mantenimiento de sitios WordPress con hosting incluido. M\u00e1s de 10 a\u00f1os creando presencia digital para empresas, profesionales e instituciones.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#planes\" class=\"btn-primary\">Ver planes<\/a>\n <a href=\"#contacto\" class=\"btn-secondary\">Hablar con Alejandro<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <div class=\"hero-stats\">\n <div class=\"stat\">\n <div class=\"stat-num\">10+<\/div>\n <div class=\"stat-label\">A\u00f1os de experiencia<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">50+<\/div>\n <div class=\"stat-label\">Clientes activos<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">100%<\/div>\n <div class=\"stat-label\">WordPress experto<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">\u221e<\/div>\n <div class=\"stat-label\">Soporte incluido<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"servicios\">\n <div class=\"section-inner\">\n <div class=\"section-tag\">Lo que hago<\/div>\n <h2>Servicios que hacen<br><em>crecer tu negocio<\/em><\/h2>\n <p class=\"section-sub\">Todo lo que necesit\u00e1s para tener una presencia digital profesional, segura y optimizada.<\/p>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"1\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n <\/div>\n <h3>Dise\u00f1o & Desarrollo Web<\/h3>\n <p>Sitios WordPress a medida, dise\u00f1ados para convertir visitantes en clientes. Mobile-first, r\u00e1pidos y f\u00e1ciles de administrar.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n <\/div>\n <h3>Hosting Premium Incluido<\/h3>\n <p>Servidor gestionado, dominio propio, SSL, copias de seguridad autom\u00e1ticas y monitoreo 24\/7. Todo en un solo plan.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\n <\/div>\n <h3>Mantenimiento & Seguridad<\/h3>\n <p>Actualizaciones de WordPress, plugins y temas. Protecci\u00f3n contra malware, firewall y hardening de seguridad.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35M11 8v6M8 11h6\"\/><\/svg>\n <\/div>\n <h3>SEO & Optimizaci\u00f3n<\/h3>\n <p>Posicionamiento en Google, optimizaci\u00f3n de velocidad, Core Web Vitals y estrategia de contenido para aparecer primero.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"\/><polyline points=\"13 2 13 9 20 9\"\/><\/svg>\n <\/div>\n <h3>Landing Pages<\/h3>\n <p>P\u00e1ginas de aterrizaje de alta conversi\u00f3n para campa\u00f1as, productos o servicios. Dise\u00f1o centrado en resultados.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z\"\/><path d=\"M20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><path d=\"M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5z\"\/><path d=\"M3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z\"\/><path d=\"M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5z\"\/><path d=\"M15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z\"\/><path d=\"M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5z\"\/><path d=\"M8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z\"\/><\/svg>\n <\/div>\n <h3>Actualizaciones & Soporte<\/h3>\n <p>Gesti\u00f3n continua de plugins, resoluci\u00f3n de errores, cambios de contenido y soporte t\u00e9cnico por WhatsApp o email.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"tipos\">\n <div class=\"section-inner\">\n <div class=\"section-tag\">Especialidades<\/div>\n <h2>Sitios que conozco<br><em>a fondo<\/em><\/h2>\n <p class=\"section-sub\">A\u00f1os de experiencia construyendo proyectos web para todo tipo de industrias y sectores.<\/p>\n <div class=\"tipos-grid\">\n <div class=\"tipo-item\">\n <div class=\"tipo-num\">01<\/div>\n <h3>P\u00e1ginas Empresariales<\/h3>\n <p>Presencia corporativa profesional con cat\u00e1logo, equipo y contacto.<\/p>\n <\/div>\n <div class=\"tipo-item\">\n <div class=\"tipo-num\">02<\/div>\n <h3>Diarios Digitales<\/h3>\n <p>Portales de noticias con carga r\u00e1pida, categor\u00edas y gesti\u00f3n editorial.<\/p>\n <\/div>\n <div class=\"tipo-item\">\n <div class=\"tipo-num\">03<\/div>\n <h3>Sitios Institucionales<\/h3>\n <p>Organismos, ONGs y entidades con imagen formal y accesible.<\/p>\n <\/div>\n <div class=\"tipo-item\">\n <div class=\"tipo-num\">04<\/div>\n <h3>Congresos & Eventos<\/h3>\n <p>Webs de inscripci\u00f3n, programa, speakers y transmisi\u00f3n en vivo.<\/p>\n <\/div>\n <div class=\"tipo-item\">\n <div class=\"tipo-num\">05<\/div>\n <h3>Profesionales<\/h3>\n <p>M\u00e9dicos, abogados, contadores y consultores con su sitio propio.<\/p>\n <\/div>\n <div class=\"tipo-item\">\n <div class=\"tipo-num\">06<\/div>\n <h3>Tiendas Online<\/h3>\n <p>E-commerce con WooCommerce, pagos y gesti\u00f3n de stock incluidos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"planes\">\n <div class=\"section-inner\">\n <div class=\"section-tag\">Inversi\u00f3n<\/div>\n <h2>Planes transparentes,<br><em>sin sorpresas<\/em><\/h2>\n <p class=\"section-sub\">Eleg\u00ed el plan que mejor se adapta a tu negocio. Pag\u00e1 mes a mes o ahorr\u00e1 con el plan anual.<\/p>\n\n <div class=\"planes-toggle\" id=\"toggle-container\">\n <span class=\"toggle-label\">Mensual<\/span>\n <div class=\"toggle-wrap\" id=\"billingToggle\" onclick=\"toggleBilling()\">\n <div class=\"toggle-knob\"><\/div>\n <\/div>\n <span class=\"toggle-label\">Anual<\/span>\n <span class=\"badge-ahorro\" id=\"ahorroLabel\" style=\"opacity:0.4\">Ahorr\u00e1 20%<\/span>\n <\/div>\n\n <div class=\"planes-grid\">\n \n <div class=\"plan-card\">\n <div class=\"plan-name\">B\u00e1sico<\/div>\n <div class=\"plan-tagline\">Para profesionales y peque\u00f1as webs<\/div>\n <div class=\"plan-price\">\n <span class=\"plan-currency\">$<\/span>\n <span class=\"plan-amount\" id=\"price-basico\">15.000<\/span>\n <span class=\"plan-period\">\/mes<\/span>\n <\/div>\n <div class=\"plan-old-price\" id=\"old-basico\"><\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li><span class=\"feat-check\">\u2726<\/span>Dise\u00f1o landing page (hasta 5 secciones)<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Hosting + dominio .com.ar incluido<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>SSL certificado<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Responsive mobile-first<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Actualizaciones de seguridad<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Soporte por email<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>1 cambio de contenido\/mes<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"plan-cta\">Elegir B\u00e1sico<\/a>\n <\/div>\n\n \n <div class=\"plan-card featured\">\n <div class=\"plan-badge\">M\u00e1s popular<\/div>\n <div class=\"plan-name\">Profesional<\/div>\n <div class=\"plan-tagline\">Para empresas que quieren crecer<\/div>\n <div class=\"plan-price\">\n <span class=\"plan-currency\">$<\/span>\n <span class=\"plan-amount\" id=\"price-pro\">28.000<\/span>\n <span class=\"plan-period\">\/mes<\/span>\n <\/div>\n <div class=\"plan-old-price\" id=\"old-pro\"><\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li><span class=\"feat-check\">\u2726<\/span>Dise\u00f1o completo (hasta 10 p\u00e1ginas)<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Hosting premium + dominio .com\/.com.ar<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>SSL + CDN + backups diarios<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>SEO b\u00e1sico + Google Analytics<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Optimizaci\u00f3n de velocidad<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Actualizaciones + plugins gestionados<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Soporte WhatsApp prioritario<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>5 cambios de contenido\/mes<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Formulario de contacto + mapa<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"plan-cta\">Elegir Profesional<\/a>\n <\/div>\n\n \n <div class=\"plan-card\">\n <div class=\"plan-name\">Premium<\/div>\n <div class=\"plan-tagline\">Para proyectos grandes y diarios<\/div>\n <div class=\"plan-price\">\n <span class=\"plan-currency\">$<\/span>\n <span class=\"plan-amount\" id=\"price-premium\">52.000<\/span>\n <span class=\"plan-period\">\/mes<\/span>\n <\/div>\n <div class=\"plan-old-price\" id=\"old-premium\"><\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li><span class=\"feat-check\">\u2726<\/span>Dise\u00f1o a medida sin l\u00edmite de p\u00e1ginas<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Servidor dedicado + dominio .com<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>CDN + backups + monitoreo 24\/7<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>SEO avanzado + estrategia de contenido<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>E-commerce o portal de noticias<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Actualizaciones + seguridad avanzada<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Soporte urgente 48hs garantizadas<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Cambios ilimitados de contenido<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Informe mensual de m\u00e9tricas<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"plan-cta\">Elegir Premium<\/a>\n <\/div>\n <\/div>\n\n <p style=\"text-align:center; font-size:0.8rem; color:var(--text-dim); margin-top:2rem; letter-spacing:0.04em;\">\n * Precios en pesos argentinos. Actualizados por inflaci\u00f3n cada 3 meses. Pago mensual por transferencia o tarjeta.\n <\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"proceso\">\n <div class=\"section-inner\">\n <div class=\"section-tag\">C\u00f3mo trabajo<\/div>\n <h2>Tu web lista en<br><em>4 pasos simples<\/em><\/h2>\n <div class=\"proceso-steps\">\n <div class=\"step\">\n <div class=\"step-num\">01<\/div>\n <h3>Consulta inicial<\/h3>\n <p>Me cont\u00e1s tu proyecto, objetivos y presupuesto. Defino la mejor soluci\u00f3n para vos en menos de 24hs.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">02<\/div>\n <h3>Dise\u00f1o y propuesta<\/h3>\n <p>Creo una propuesta visual con la estructura del sitio, colores y tipograf\u00eda adaptada a tu marca.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">03<\/div>\n <h3>Desarrollo<\/h3>\n <p>Programo el sitio con WordPress, lo optimizo para velocidad y SEO, y lo pruebo en todos los dispositivos.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">04<\/div>\n <h3>Lanzamiento & soporte<\/h3>\n <p>Publico el sitio, te capacito para gestionarlo y quedo disponible para cualquier ajuste futuro.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"confianza\">\n <div class=\"section-inner\">\n <div class=\"section-tag\">Por qu\u00e9 elegirnos<\/div>\n <h2>Desarrollador real,<br><em>compromiso real<\/em><\/h2>\n <div class=\"trust-grid\">\n <div class=\"trust-item\">\n <div class=\"trust-icon\">\u2726<\/div>\n <h4>Respuesta en 24hs<\/h4>\n <p>Cada consulta recibe respuesta r\u00e1pida y personalizada, sin chatbots ni terceros.<\/p>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-icon\">\u2726<\/div>\n <h4>Un solo interlocutor<\/h4>\n <p>Trabaj\u00e1s directamente conmigo de principio a fin. Sin equipos intermediarios.<\/p>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-icon\">\u2726<\/div>\n <h4>Sin contratos de permanencia<\/h4>\n <p>Pod\u00e9s cancelar cuando quieras. Me quedo porque mi trabajo habla por s\u00ed solo.<\/p>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-icon\">\u2726<\/div>\n <h4>Tu web siempre activa<\/h4>\n <p>Monitoreo proactivo. Si algo falla, lo resuelvo antes de que vos lo notes.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-section\" id=\"contacto\">\n <div style=\"position:relative; z-index:1;\">\n <div class=\"section-tag\" style=\"justify-content:center; display:flex; margin-bottom:1rem;\">Empezamos cuando quieras<\/div>\n <h2>\u00bfListo para tener la web<br><em>que tu negocio merece?<\/em><\/h2>\n <p>Contame tu proyecto y te preparo una propuesta sin compromiso. Primera consulta gratis.<\/p>\n <div class=\"cta-actions\">\n <a href=\"https:\/\/wa.me\/54TUNUMERO?text=Hola%20Alejandro%2C%20quiero%20consultar%20sobre%20mi%20web\" class=\"btn-primary\" target=\"_blank\">Escribime por WhatsApp<\/a>\n <a href=\"mailto:hola@alejandrorey.com.ar\" class=\"btn-secondary\">Enviar email<\/a>\n <\/div>\n <p style=\"font-size:0.78rem; color:var(--text-dim); margin-top:2rem; letter-spacing:0.06em;\">\n alejandrorey.com.ar \u00b7 hola@alejandrorey.com.ar\n <\/p>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\">alejandrorey.com.ar<\/div>\n <div class=\"footer-links\">\n <a href=\"#servicios\">Servicios<\/a>\n <a href=\"#planes\">Planes<\/a>\n <a href=\"#proceso\">Proceso<\/a>\n <a href=\"#contacto\">Contacto<\/a>\n <\/div>\n <div class=\"footer-copy\">\u00a9 2025 Alejandro Rey. Tucum\u00e1n, Argentina.<\/div>\n<\/footer>\n\n<script>\n const prices = {\n basico: { monthly: 15000, annual: 12000, oldMonthly: 15000 },\n pro: { monthly: 28000, annual: 22400, oldMonthly: 28000 },\n premium: { monthly: 52000, annual: 41600, oldMonthly: 52000 }\n };\n\n let isAnnual = false;\n\n function fmt(n) {\n return n.toLocaleString('es-AR');\n }\n\n function toggleBilling() {\n isAnnual = !isAnnual;\n const toggle = document.getElementById('billingToggle');\n const badge = document.getElementById('ahorroLabel');\n toggle.classList.toggle('annual', isAnnual);\n badge.style.opacity = isAnnual ? '1' : '0.4';\n\n const plans = ['basico', 'pro', 'premium'];\n plans.forEach(p => {\n const price = isAnnual ? prices[p].annual : prices[p].monthly;\n const oldEl = document.getElementById('old-' + p);\n document.getElementById('price-' + p).textContent = fmt(price);\n if (isAnnual) {\n oldEl.textContent = '$ ' + fmt(prices[p].monthly) + '\/mes';\n } else {\n oldEl.textContent = '';\n }\n });\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Alejandro Rey | Desarrollo Web WordPress Alejandro Rey Servicios Planes Proceso Contacto Consultar Desarrollo WordPress […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-15722","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- Alejandro Rey<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alejandrorey.com.ar\/?page_id=15722\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- Alejandro Rey\" \/>\n<meta property=\"og:description\" content=\"Alejandro Rey | Desarrollo Web WordPress Alejandro Rey Servicios Planes Proceso Contacto Consultar Desarrollo WordPress […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alejandrorey.com.ar\/?page_id=15722\" \/>\n<meta property=\"og:site_name\" content=\"Alejandro Rey\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T14:28:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/?page_id=15722\",\"url\":\"https:\\\/\\\/alejandrorey.com.ar\\\/?page_id=15722\",\"name\":\"- Alejandro Rey\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/#website\"},\"datePublished\":\"2026-04-21T14:28:28+00:00\",\"dateModified\":\"2026-04-21T14:28:29+00:00\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alejandrorey.com.ar\\\/?page_id=15722\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/#website\",\"url\":\"https:\\\/\\\/alejandrorey.com.ar\\\/\",\"name\":\"Alejandro Rey\",\"description\":\"Dise\u00f1o web y armado de paginas web\",\"publisher\":{\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alejandrorey.com.ar\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/#organization\",\"name\":\"Alejandro Rey\",\"url\":\"https:\\\/\\\/alejandrorey.com.ar\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"\",\"contentUrl\":\"\",\"width\":285,\"height\":361,\"caption\":\"Alejandro Rey\"},\"image\":{\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"- Alejandro Rey","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alejandrorey.com.ar\/?page_id=15722","og_locale":"es_ES","og_type":"article","og_title":"- Alejandro Rey","og_description":"Alejandro Rey | Desarrollo Web WordPress Alejandro Rey Servicios Planes Proceso Contacto Consultar Desarrollo WordPress […]","og_url":"https:\/\/alejandrorey.com.ar\/?page_id=15722","og_site_name":"Alejandro Rey","article_modified_time":"2026-04-21T14:28:29+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/alejandrorey.com.ar\/?page_id=15722","url":"https:\/\/alejandrorey.com.ar\/?page_id=15722","name":"- Alejandro Rey","isPartOf":{"@id":"https:\/\/alejandrorey.com.ar\/#website"},"datePublished":"2026-04-21T14:28:28+00:00","dateModified":"2026-04-21T14:28:29+00:00","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alejandrorey.com.ar\/?page_id=15722"]}]},{"@type":"WebSite","@id":"https:\/\/alejandrorey.com.ar\/#website","url":"https:\/\/alejandrorey.com.ar\/","name":"Alejandro Rey","description":"Dise\u00f1o web y armado de paginas web","publisher":{"@id":"https:\/\/alejandrorey.com.ar\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alejandrorey.com.ar\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/alejandrorey.com.ar\/#organization","name":"Alejandro Rey","url":"https:\/\/alejandrorey.com.ar\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alejandrorey.com.ar\/#\/schema\/logo\/image\/","url":"","contentUrl":"","width":285,"height":361,"caption":"Alejandro Rey"},"image":{"@id":"https:\/\/alejandrorey.com.ar\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/15722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15722"}],"version-history":[{"count":1,"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/15722\/revisions"}],"predecessor-version":[{"id":15724,"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/15722\/revisions\/15724"}],"wp:attachment":[{"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":15722,"date":"2026-04-21T14:28:28","date_gmt":"2026-04-21T14:28:28","guid":{"rendered":"https:\/\/alejandrorey.com.ar\/?page_id=15722"},"modified":"2026-04-21T14:28:29","modified_gmt":"2026-04-21T14:28:29","slug":"15722-2","status":"publish","type":"page","link":"https:\/\/alejandrorey.com.ar\/?page_id=15722","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nAlejandro Rey | Desarrollo Web WordPress<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,wght@0,300;0,400;0,600;1,300&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --gold: #C9A84C;\n --gold-light: #E8C87A;\n --gold-dim: rgba(201,168,76,0.15);\n --dark: #0A0907;\n --dark-2: #111009;\n --dark-3: #1A1812;\n --dark-4: #232018;\n --text: #F0EDE6;\n --text-muted: #9A9488;\n --text-dim: #5A5650;\n --border: rgba(201,168,76,0.18);\n --border-dim: rgba(255,255,255,0.06);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--dark);\n color: var(--text);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n \/* NAV *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n padding: 1.25rem 5vw;\n display: flex; align-items: center; justify-content: space-between;\n background: rgba(10,9,7,0.85);\n backdrop-filter: blur(12px);\n border-bottom: 0.5px solid var(--border-dim);\n }\n .nav-logo {\n font-family: 'Fraunces', serif;\n font-size: 1.15rem;\n font-weight: 300;\n letter-spacing: 0.04em;\n color: var(--gold-light);\n }\n .nav-logo span { font-style: italic; }\n .nav-links { display: flex; gap: 2rem; list-style: none; }\n .nav-links a {\n text-decoration: none;\n font-size: 0.83rem;\n color: var(--text-muted);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n transition: color 0.2s;\n }\n .nav-links a:hover { color: var(--gold-light); }\n .nav-cta {\n font-size: 0.82rem;\n padding: 0.5rem 1.4rem;\n border: 1px solid var(--gold);\n color: var(--gold-light);\n text-decoration: none;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n transition: all 0.2s;\n }\n .nav-cta:hover { background: var(--gold-dim); }\n\n \/* HERO *\/\n .hero {\n min-height: 100vh;\n display: flex; align-items: center;\n padding: 8rem 5vw 5rem;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse 60% 60% at 70% 40%, rgba(201,168,76,0.07) 0%, transparent 70%);\n pointer-events: none;\n }\n .hero-grid {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 4rem;\n max-width: 1200px;\n width: 100%;\n margin: 0 auto;\n align-items: center;\n }\n .hero-eyebrow {\n font-size: 0.78rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 1.5rem;\n display: flex; align-items: center; gap: 0.75rem;\n }\n .hero-eyebrow::before {\n content: '';\n display: block; width: 32px; height: 1px;\n background: var(--gold);\n }\n h1 {\n font-family: 'Fraunces', serif;\n font-size: clamp(2.8rem, 5vw, 4.5rem);\n font-weight: 300;\n line-height: 1.12;\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n }\n h1 em {\n font-style: italic;\n color: var(--gold-light);\n }\n .hero-desc {\n font-size: 1.05rem;\n color: var(--text-muted);\n max-width: 480px;\n margin-bottom: 2.5rem;\n line-height: 1.75;\n }\n .hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }\n .btn-primary {\n padding: 0.85rem 2rem;\n background: var(--gold);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-size: 0.85rem;\n font-weight: 500;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n text-decoration: none;\n transition: all 0.2s;\n display: inline-block;\n }\n .btn-primary:hover { background: var(--gold-light); }\n .btn-secondary {\n padding: 0.85rem 2rem;\n border: 1px solid var(--border);\n color: var(--text-muted);\n font-size: 0.85rem;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n text-decoration: none;\n transition: all 0.2s;\n display: inline-block;\n }\n .btn-secondary:hover { border-color: var(--gold); color: var(--gold-light); }\n\n \/* STATS *\/\n .hero-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5px;\n background: var(--border);\n border: 1.5px solid var(--border);\n }\n .stat {\n background: var(--dark-3);\n padding: 2rem 1.75rem;\n }\n .stat-num {\n font-family: 'Fraunces', serif;\n font-size: 2.8rem;\n font-weight: 300;\n color: var(--gold-light);\n line-height: 1;\n margin-bottom: 0.4rem;\n }\n .stat-label {\n font-size: 0.78rem;\n color: var(--text-dim);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n \/* SECTION BASE *\/\n section { padding: 6rem 5vw; }\n .section-inner { max-width: 1200px; margin: 0 auto; }\n .section-tag {\n font-size: 0.75rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 1rem;\n }\n h2 {\n font-family: 'Fraunces', serif;\n font-size: clamp(1.8rem, 3vw, 2.8rem);\n font-weight: 300;\n line-height: 1.2;\n margin-bottom: 1.25rem;\n }\n h2 em { font-style: italic; color: var(--gold-light); }\n .section-sub {\n font-size: 1rem;\n color: var(--text-muted);\n max-width: 540px;\n line-height: 1.75;\n margin-bottom: 3.5rem;\n }\n\n \/* SERVICES *\/\n #servicios { background: var(--dark-2); }\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5px;\n background: var(--border-dim);\n }\n .service-card {\n background: var(--dark-3);\n padding: 2.25rem 2rem;\n transition: background 0.25s;\n cursor: default;\n }\n .service-card:hover { background: var(--dark-4); }\n .service-icon {\n width: 42px; height: 42px;\n border: 1px solid var(--border);\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 1.5rem;\n }\n .service-icon svg { width: 20px; height: 20px; stroke: var(--gold); fill: none; stroke-width: 1.5; }\n .service-card h3 {\n font-family: 'Fraunces', serif;\n font-size: 1.2rem;\n font-weight: 300;\n margin-bottom: 0.75rem;\n color: var(--text);\n }\n .service-card p {\n font-size: 0.88rem;\n color: var(--text-muted);\n line-height: 1.7;\n }\n\n \/* TIPOS DE SITIOS *\/\n #tipos { background: var(--dark); }\n .tipos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5px;\n background: var(--border-dim);\n margin-top: 3rem;\n }\n .tipo-item {\n background: var(--dark-2);\n padding: 1.75rem 1.5rem;\n border-bottom: 2px solid transparent;\n transition: border-color 0.25s, background 0.25s;\n }\n .tipo-item:hover { border-bottom-color: var(--gold); background: var(--dark-3); }\n .tipo-num {\n font-family: 'Fraunces', serif;\n font-size: 1.8rem;\n font-weight: 300;\n color: var(--text-dim);\n line-height: 1;\n margin-bottom: 1rem;\n }\n .tipo-item h3 {\n font-size: 0.95rem;\n font-weight: 500;\n margin-bottom: 0.5rem;\n color: var(--text);\n letter-spacing: 0.02em;\n }\n .tipo-item p {\n font-size: 0.82rem;\n color: var(--text-dim);\n line-height: 1.6;\n }\n\n \/* PLANES *\/\n #planes { background: var(--dark-2); }\n .planes-toggle {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 3rem;\n }\n .toggle-label {\n font-size: 0.83rem;\n color: var(--text-muted);\n letter-spacing: 0.04em;\n }\n .toggle-wrap {\n position: relative;\n width: 48px; height: 24px;\n background: var(--dark-4);\n border: 1px solid var(--border);\n cursor: pointer;\n flex-shrink: 0;\n }\n .toggle-knob {\n position: absolute;\n top: 3px; left: 3px;\n width: 16px; height: 16px;\n background: var(--gold);\n transition: transform 0.25s;\n }\n .toggle-wrap.annual .toggle-knob { transform: translateX(24px); }\n .badge-ahorro {\n font-size: 0.7rem;\n padding: 0.2rem 0.6rem;\n background: var(--gold-dim);\n color: var(--gold-light);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n border: 1px solid var(--border);\n }\n .planes-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5px;\n background: var(--border-dim);\n }\n .plan-card {\n background: var(--dark-3);\n padding: 2.5rem 2rem;\n position: relative;\n transition: background 0.25s;\n }\n .plan-card.featured {\n background: var(--dark-4);\n border: 1px solid var(--gold);\n }\n .plan-badge {\n position: absolute;\n top: -1px; right: 2rem;\n font-size: 0.68rem;\n padding: 0.25rem 0.9rem;\n background: var(--gold);\n color: var(--dark);\n font-weight: 500;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n .plan-name {\n font-family: 'Fraunces', serif;\n font-size: 1.4rem;\n font-weight: 300;\n margin-bottom: 0.4rem;\n color: var(--text);\n }\n .plan-tagline {\n font-size: 0.8rem;\n color: var(--text-dim);\n margin-bottom: 1.75rem;\n letter-spacing: 0.04em;\n }\n .plan-price {\n display: flex;\n align-items: baseline;\n gap: 0.3rem;\n margin-bottom: 0.3rem;\n }\n .plan-currency {\n font-size: 0.9rem;\n color: var(--gold);\n margin-top: 0.3rem;\n }\n .plan-amount {\n font-family: 'Fraunces', serif;\n font-size: 3rem;\n font-weight: 300;\n color: var(--gold-light);\n line-height: 1;\n }\n .plan-period {\n font-size: 0.78rem;\n color: var(--text-dim);\n letter-spacing: 0.04em;\n }\n .plan-old-price {\n font-size: 0.82rem;\n color: var(--text-dim);\n text-decoration: line-through;\n margin-bottom: 1.5rem;\n min-height: 1.2rem;\n }\n .plan-divider {\n height: 1px;\n background: var(--border-dim);\n margin: 1.5rem 0;\n }\n .plan-features {\n list-style: none;\n margin-bottom: 2rem;\n }\n .plan-features li {\n font-size: 0.85rem;\n color: var(--text-muted);\n padding: 0.45rem 0;\n display: flex;\n gap: 0.75rem;\n align-items: flex-start;\n border-bottom: 0.5px solid var(--border-dim);\n }\n .plan-features li:last-child { border-bottom: none; }\n .feat-check {\n color: var(--gold);\n font-size: 0.7rem;\n margin-top: 0.25rem;\n flex-shrink: 0;\n }\n .plan-cta {\n display: block;\n width: 100%;\n padding: 0.85rem;\n text-align: center;\n font-size: 0.82rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n text-decoration: none;\n font-family: 'DM Sans', sans-serif;\n font-weight: 500;\n border: 1px solid var(--border);\n color: var(--text-muted);\n transition: all 0.2s;\n cursor: pointer;\n background: transparent;\n }\n .plan-card.featured .plan-cta {\n background: var(--gold);\n color: var(--dark);\n border-color: var(--gold);\n }\n .plan-cta:hover { background: var(--gold-dim); color: var(--gold-light); border-color: var(--gold); }\n .plan-card.featured .plan-cta:hover { background: var(--gold-light); color: var(--dark); }\n\n \/* PROCESO *\/\n #proceso { background: var(--dark); }\n .proceso-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 0;\n position: relative;\n margin-top: 3rem;\n }\n .step {\n padding: 2rem 1.75rem;\n border-left: 1px solid var(--border-dim);\n position: relative;\n }\n .step:first-child { border-left: none; }\n .step-num {\n font-family: 'Fraunces', serif;\n font-size: 3.5rem;\n font-weight: 300;\n color: var(--dark-4);\n line-height: 1;\n margin-bottom: 1.25rem;\n user-select: none;\n }\n .step h3 {\n font-size: 0.95rem;\n font-weight: 500;\n color: var(--text);\n margin-bottom: 0.6rem;\n letter-spacing: 0.02em;\n }\n .step p {\n font-size: 0.83rem;\n color: var(--text-dim);\n line-height: 1.65;\n }\n\n \/* CONFIANZA *\/\n #confianza { background: var(--dark-2); }\n .trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5px;\n background: var(--border-dim);\n margin-top: 3rem;\n }\n .trust-item {\n background: var(--dark-3);\n padding: 2rem 1.75rem;\n text-align: center;\n }\n .trust-icon {\n font-family: 'Fraunces', serif;\n font-size: 2rem;\n color: var(--gold-light);\n margin-bottom: 0.75rem;\n font-style: italic;\n }\n .trust-item h4 {\n font-size: 0.88rem;\n font-weight: 500;\n color: var(--text);\n margin-bottom: 0.4rem;\n letter-spacing: 0.04em;\n }\n .trust-item p { font-size: 0.8rem; color: var(--text-dim); line-height: 1.6; }\n\n \/* CTA FINAL *\/\n .cta-section {\n background: var(--dark);\n padding: 7rem 5vw;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(201,168,76,0.07) 0%, transparent 70%);\n pointer-events: none;\n }\n .cta-section h2 { margin: 0 auto 1.25rem; max-width: 600px; }\n .cta-section p {\n font-size: 1rem;\n color: var(--text-muted);\n max-width: 480px;\n margin: 0 auto 2.5rem;\n line-height: 1.75;\n }\n .cta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\n\n \/* FOOTER *\/\n footer {\n background: var(--dark-2);\n border-top: 0.5px solid var(--border-dim);\n padding: 3rem 5vw;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 1rem;\n }\n .footer-logo {\n font-family: 'Fraunces', serif;\n font-size: 1rem;\n font-weight: 300;\n color: var(--gold-light);\n font-style: italic;\n }\n .footer-links { display: flex; gap: 1.5rem; flex-wrap: wrap; }\n .footer-links a {\n font-size: 0.78rem;\n color: var(--text-dim);\n text-decoration: none;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n transition: color 0.2s;\n }\n .footer-links a:hover { color: var(--gold-light); }\n .footer-copy {\n font-size: 0.75rem;\n color: var(--text-dim);\n letter-spacing: 0.04em;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 768px) {\n .hero-grid { grid-template-columns: 1fr; gap: 3rem; }\n .hero-stats { grid-template-columns: 1fr 1fr; }\n nav { padding: 1rem 4vw; }\n .nav-links { display: none; }\n .step { border-left: none; border-top: 1px solid var(--border-dim); }\n .step:first-child { border-top: none; }\n footer { flex-direction: column; text-align: center; }\n }\n\n \/* ANIMATIONS *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .hero-content > * {\n animation: fadeUp 0.7s ease both;\n }\n .hero-content > *:nth-child(1) { animation-delay: 0.1s; }\n .hero-content > *:nth-child(2) { animation-delay: 0.25s; }\n .hero-content > *:nth-child(3) { animation-delay: 0.4s; }\n .hero-content > *:nth-child(4) { animation-delay: 0.55s; }\n .hero-right { animation: fadeUp 0.9s 0.4s ease both; }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-logo\"><span>Alejandro<\/span> Rey<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\n <li><a href=\"#planes\">Planes<\/a><\/li>\n <li><a href=\"#proceso\">Proceso<\/a><\/li>\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"nav-cta\">Consultar<\/a>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-grid\">\n <div class=\"hero-content\">\n <div class=\"hero-eyebrow\">Desarrollo WordPress Profesional<\/div>\n <h1>Tu web que<br><em>vende<\/em> mientras<br>vos trabaj\u00e1s<\/h1>\n <p class=\"hero-desc\">Dise\u00f1o, desarrollo y mantenimiento de sitios WordPress con hosting incluido. M\u00e1s de 10 a\u00f1os creando presencia digital para empresas, profesionales e instituciones.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#planes\" class=\"btn-primary\">Ver planes<\/a>\n <a href=\"#contacto\" class=\"btn-secondary\">Hablar con Alejandro<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <div class=\"hero-stats\">\n <div class=\"stat\">\n <div class=\"stat-num\">10+<\/div>\n <div class=\"stat-label\">A\u00f1os de experiencia<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">50+<\/div>\n <div class=\"stat-label\">Clientes activos<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">100%<\/div>\n <div class=\"stat-label\">WordPress experto<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">\u221e<\/div>\n <div class=\"stat-label\">Soporte incluido<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"servicios\">\n <div class=\"section-inner\">\n <div class=\"section-tag\">Lo que hago<\/div>\n <h2>Servicios que hacen<br><em>crecer tu negocio<\/em><\/h2>\n <p class=\"section-sub\">Todo lo que necesit\u00e1s para tener una presencia digital profesional, segura y optimizada.<\/p>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"1\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n <\/div>\n <h3>Dise\u00f1o & Desarrollo Web<\/h3>\n <p>Sitios WordPress a medida, dise\u00f1ados para convertir visitantes en clientes. Mobile-first, r\u00e1pidos y f\u00e1ciles de administrar.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n <\/div>\n <h3>Hosting Premium Incluido<\/h3>\n <p>Servidor gestionado, dominio propio, SSL, copias de seguridad autom\u00e1ticas y monitoreo 24\/7. Todo en un solo plan.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\n <\/div>\n <h3>Mantenimiento & Seguridad<\/h3>\n <p>Actualizaciones de WordPress, plugins y temas. Protecci\u00f3n contra malware, firewall y hardening de seguridad.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35M11 8v6M8 11h6\"\/><\/svg>\n <\/div>\n <h3>SEO & Optimizaci\u00f3n<\/h3>\n <p>Posicionamiento en Google, optimizaci\u00f3n de velocidad, Core Web Vitals y estrategia de contenido para aparecer primero.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"\/><polyline points=\"13 2 13 9 20 9\"\/><\/svg>\n <\/div>\n <h3>Landing Pages<\/h3>\n <p>P\u00e1ginas de aterrizaje de alta conversi\u00f3n para campa\u00f1as, productos o servicios. Dise\u00f1o centrado en resultados.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z\"\/><path d=\"M20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><path d=\"M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5z\"\/><path d=\"M3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z\"\/><path d=\"M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5z\"\/><path d=\"M15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z\"\/><path d=\"M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5z\"\/><path d=\"M8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z\"\/><\/svg>\n <\/div>\n <h3>Actualizaciones & Soporte<\/h3>\n <p>Gesti\u00f3n continua de plugins, resoluci\u00f3n de errores, cambios de contenido y soporte t\u00e9cnico por WhatsApp o email.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"tipos\">\n <div class=\"section-inner\">\n <div class=\"section-tag\">Especialidades<\/div>\n <h2>Sitios que conozco<br><em>a fondo<\/em><\/h2>\n <p class=\"section-sub\">A\u00f1os de experiencia construyendo proyectos web para todo tipo de industrias y sectores.<\/p>\n <div class=\"tipos-grid\">\n <div class=\"tipo-item\">\n <div class=\"tipo-num\">01<\/div>\n <h3>P\u00e1ginas Empresariales<\/h3>\n <p>Presencia corporativa profesional con cat\u00e1logo, equipo y contacto.<\/p>\n <\/div>\n <div class=\"tipo-item\">\n <div class=\"tipo-num\">02<\/div>\n <h3>Diarios Digitales<\/h3>\n <p>Portales de noticias con carga r\u00e1pida, categor\u00edas y gesti\u00f3n editorial.<\/p>\n <\/div>\n <div class=\"tipo-item\">\n <div class=\"tipo-num\">03<\/div>\n <h3>Sitios Institucionales<\/h3>\n <p>Organismos, ONGs y entidades con imagen formal y accesible.<\/p>\n <\/div>\n <div class=\"tipo-item\">\n <div class=\"tipo-num\">04<\/div>\n <h3>Congresos & Eventos<\/h3>\n <p>Webs de inscripci\u00f3n, programa, speakers y transmisi\u00f3n en vivo.<\/p>\n <\/div>\n <div class=\"tipo-item\">\n <div class=\"tipo-num\">05<\/div>\n <h3>Profesionales<\/h3>\n <p>M\u00e9dicos, abogados, contadores y consultores con su sitio propio.<\/p>\n <\/div>\n <div class=\"tipo-item\">\n <div class=\"tipo-num\">06<\/div>\n <h3>Tiendas Online<\/h3>\n <p>E-commerce con WooCommerce, pagos y gesti\u00f3n de stock incluidos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"planes\">\n <div class=\"section-inner\">\n <div class=\"section-tag\">Inversi\u00f3n<\/div>\n <h2>Planes transparentes,<br><em>sin sorpresas<\/em><\/h2>\n <p class=\"section-sub\">Eleg\u00ed el plan que mejor se adapta a tu negocio. Pag\u00e1 mes a mes o ahorr\u00e1 con el plan anual.<\/p>\n\n <div class=\"planes-toggle\" id=\"toggle-container\">\n <span class=\"toggle-label\">Mensual<\/span>\n <div class=\"toggle-wrap\" id=\"billingToggle\" onclick=\"toggleBilling()\">\n <div class=\"toggle-knob\"><\/div>\n <\/div>\n <span class=\"toggle-label\">Anual<\/span>\n <span class=\"badge-ahorro\" id=\"ahorroLabel\" style=\"opacity:0.4\">Ahorr\u00e1 20%<\/span>\n <\/div>\n\n <div class=\"planes-grid\">\n \n <div class=\"plan-card\">\n <div class=\"plan-name\">B\u00e1sico<\/div>\n <div class=\"plan-tagline\">Para profesionales y peque\u00f1as webs<\/div>\n <div class=\"plan-price\">\n <span class=\"plan-currency\">$<\/span>\n <span class=\"plan-amount\" id=\"price-basico\">15.000<\/span>\n <span class=\"plan-period\">\/mes<\/span>\n <\/div>\n <div class=\"plan-old-price\" id=\"old-basico\"><\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li><span class=\"feat-check\">\u2726<\/span>Dise\u00f1o landing page (hasta 5 secciones)<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Hosting + dominio .com.ar incluido<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>SSL certificado<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Responsive mobile-first<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Actualizaciones de seguridad<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Soporte por email<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>1 cambio de contenido\/mes<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"plan-cta\">Elegir B\u00e1sico<\/a>\n <\/div>\n\n \n <div class=\"plan-card featured\">\n <div class=\"plan-badge\">M\u00e1s popular<\/div>\n <div class=\"plan-name\">Profesional<\/div>\n <div class=\"plan-tagline\">Para empresas que quieren crecer<\/div>\n <div class=\"plan-price\">\n <span class=\"plan-currency\">$<\/span>\n <span class=\"plan-amount\" id=\"price-pro\">28.000<\/span>\n <span class=\"plan-period\">\/mes<\/span>\n <\/div>\n <div class=\"plan-old-price\" id=\"old-pro\"><\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li><span class=\"feat-check\">\u2726<\/span>Dise\u00f1o completo (hasta 10 p\u00e1ginas)<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Hosting premium + dominio .com\/.com.ar<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>SSL + CDN + backups diarios<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>SEO b\u00e1sico + Google Analytics<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Optimizaci\u00f3n de velocidad<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Actualizaciones + plugins gestionados<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Soporte WhatsApp prioritario<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>5 cambios de contenido\/mes<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Formulario de contacto + mapa<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"plan-cta\">Elegir Profesional<\/a>\n <\/div>\n\n \n <div class=\"plan-card\">\n <div class=\"plan-name\">Premium<\/div>\n <div class=\"plan-tagline\">Para proyectos grandes y diarios<\/div>\n <div class=\"plan-price\">\n <span class=\"plan-currency\">$<\/span>\n <span class=\"plan-amount\" id=\"price-premium\">52.000<\/span>\n <span class=\"plan-period\">\/mes<\/span>\n <\/div>\n <div class=\"plan-old-price\" id=\"old-premium\"><\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li><span class=\"feat-check\">\u2726<\/span>Dise\u00f1o a medida sin l\u00edmite de p\u00e1ginas<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Servidor dedicado + dominio .com<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>CDN + backups + monitoreo 24\/7<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>SEO avanzado + estrategia de contenido<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>E-commerce o portal de noticias<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Actualizaciones + seguridad avanzada<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Soporte urgente 48hs garantizadas<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Cambios ilimitados de contenido<\/li>\n <li><span class=\"feat-check\">\u2726<\/span>Informe mensual de m\u00e9tricas<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"plan-cta\">Elegir Premium<\/a>\n <\/div>\n <\/div>\n\n <p style=\"text-align:center; font-size:0.8rem; color:var(--text-dim); margin-top:2rem; letter-spacing:0.04em;\">\n * Precios en pesos argentinos. Actualizados por inflaci\u00f3n cada 3 meses. Pago mensual por transferencia o tarjeta.\n <\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"proceso\">\n <div class=\"section-inner\">\n <div class=\"section-tag\">C\u00f3mo trabajo<\/div>\n <h2>Tu web lista en<br><em>4 pasos simples<\/em><\/h2>\n <div class=\"proceso-steps\">\n <div class=\"step\">\n <div class=\"step-num\">01<\/div>\n <h3>Consulta inicial<\/h3>\n <p>Me cont\u00e1s tu proyecto, objetivos y presupuesto. Defino la mejor soluci\u00f3n para vos en menos de 24hs.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">02<\/div>\n <h3>Dise\u00f1o y propuesta<\/h3>\n <p>Creo una propuesta visual con la estructura del sitio, colores y tipograf\u00eda adaptada a tu marca.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">03<\/div>\n <h3>Desarrollo<\/h3>\n <p>Programo el sitio con WordPress, lo optimizo para velocidad y SEO, y lo pruebo en todos los dispositivos.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">04<\/div>\n <h3>Lanzamiento & soporte<\/h3>\n <p>Publico el sitio, te capacito para gestionarlo y quedo disponible para cualquier ajuste futuro.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"confianza\">\n <div class=\"section-inner\">\n <div class=\"section-tag\">Por qu\u00e9 elegirnos<\/div>\n <h2>Desarrollador real,<br><em>compromiso real<\/em><\/h2>\n <div class=\"trust-grid\">\n <div class=\"trust-item\">\n <div class=\"trust-icon\">\u2726<\/div>\n <h4>Respuesta en 24hs<\/h4>\n <p>Cada consulta recibe respuesta r\u00e1pida y personalizada, sin chatbots ni terceros.<\/p>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-icon\">\u2726<\/div>\n <h4>Un solo interlocutor<\/h4>\n <p>Trabaj\u00e1s directamente conmigo de principio a fin. Sin equipos intermediarios.<\/p>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-icon\">\u2726<\/div>\n <h4>Sin contratos de permanencia<\/h4>\n <p>Pod\u00e9s cancelar cuando quieras. Me quedo porque mi trabajo habla por s\u00ed solo.<\/p>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-icon\">\u2726<\/div>\n <h4>Tu web siempre activa<\/h4>\n <p>Monitoreo proactivo. Si algo falla, lo resuelvo antes de que vos lo notes.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-section\" id=\"contacto\">\n <div style=\"position:relative; z-index:1;\">\n <div class=\"section-tag\" style=\"justify-content:center; display:flex; margin-bottom:1rem;\">Empezamos cuando quieras<\/div>\n <h2>\u00bfListo para tener la web<br><em>que tu negocio merece?<\/em><\/h2>\n <p>Contame tu proyecto y te preparo una propuesta sin compromiso. Primera consulta gratis.<\/p>\n <div class=\"cta-actions\">\n <a href=\"https:\/\/wa.me\/54TUNUMERO?text=Hola%20Alejandro%2C%20quiero%20consultar%20sobre%20mi%20web\" class=\"btn-primary\" target=\"_blank\">Escribime por WhatsApp<\/a>\n <a href=\"mailto:hola@alejandrorey.com.ar\" class=\"btn-secondary\">Enviar email<\/a>\n <\/div>\n <p style=\"font-size:0.78rem; color:var(--text-dim); margin-top:2rem; letter-spacing:0.06em;\">\n alejandrorey.com.ar \u00b7 hola@alejandrorey.com.ar\n <\/p>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\">alejandrorey.com.ar<\/div>\n <div class=\"footer-links\">\n <a href=\"#servicios\">Servicios<\/a>\n <a href=\"#planes\">Planes<\/a>\n <a href=\"#proceso\">Proceso<\/a>\n <a href=\"#contacto\">Contacto<\/a>\n <\/div>\n <div class=\"footer-copy\">\u00a9 2025 Alejandro Rey. Tucum\u00e1n, Argentina.<\/div>\n<\/footer>\n\n<script>\n const prices = {\n basico: { monthly: 15000, annual: 12000, oldMonthly: 15000 },\n pro: { monthly: 28000, annual: 22400, oldMonthly: 28000 },\n premium: { monthly: 52000, annual: 41600, oldMonthly: 52000 }\n };\n\n let isAnnual = false;\n\n function fmt(n) {\n return n.toLocaleString('es-AR');\n }\n\n function toggleBilling() {\n isAnnual = !isAnnual;\n const toggle = document.getElementById('billingToggle');\n const badge = document.getElementById('ahorroLabel');\n toggle.classList.toggle('annual', isAnnual);\n badge.style.opacity = isAnnual ? '1' : '0.4';\n\n const plans = ['basico', 'pro', 'premium'];\n plans.forEach(p => {\n const price = isAnnual ? prices[p].annual : prices[p].monthly;\n const oldEl = document.getElementById('old-' + p);\n document.getElementById('price-' + p).textContent = fmt(price);\n if (isAnnual) {\n oldEl.textContent = '$ ' + fmt(prices[p].monthly) + '\/mes';\n } else {\n oldEl.textContent = '';\n }\n });\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Alejandro Rey | Desarrollo Web WordPress Alejandro Rey Servicios Planes Proceso Contacto Consultar Desarrollo WordPress […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-15722","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- Alejandro Rey<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alejandrorey.com.ar\/?page_id=15722\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- Alejandro Rey\" \/>\n<meta property=\"og:description\" content=\"Alejandro Rey | Desarrollo Web WordPress Alejandro Rey Servicios Planes Proceso Contacto Consultar Desarrollo WordPress […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alejandrorey.com.ar\/?page_id=15722\" \/>\n<meta property=\"og:site_name\" content=\"Alejandro Rey\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T14:28:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/?page_id=15722\",\"url\":\"https:\\\/\\\/alejandrorey.com.ar\\\/?page_id=15722\",\"name\":\"- Alejandro Rey\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/#website\"},\"datePublished\":\"2026-04-21T14:28:28+00:00\",\"dateModified\":\"2026-04-21T14:28:29+00:00\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alejandrorey.com.ar\\\/?page_id=15722\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/#website\",\"url\":\"https:\\\/\\\/alejandrorey.com.ar\\\/\",\"name\":\"Alejandro Rey\",\"description\":\"Dise\u00f1o web y armado de paginas web\",\"publisher\":{\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alejandrorey.com.ar\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/#organization\",\"name\":\"Alejandro Rey\",\"url\":\"https:\\\/\\\/alejandrorey.com.ar\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"\",\"contentUrl\":\"\",\"width\":285,\"height\":361,\"caption\":\"Alejandro Rey\"},\"image\":{\"@id\":\"https:\\\/\\\/alejandrorey.com.ar\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"- Alejandro Rey","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alejandrorey.com.ar\/?page_id=15722","og_locale":"es_ES","og_type":"article","og_title":"- Alejandro Rey","og_description":"Alejandro Rey | Desarrollo Web WordPress Alejandro Rey Servicios Planes Proceso Contacto Consultar Desarrollo WordPress […]","og_url":"https:\/\/alejandrorey.com.ar\/?page_id=15722","og_site_name":"Alejandro Rey","article_modified_time":"2026-04-21T14:28:29+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/alejandrorey.com.ar\/?page_id=15722","url":"https:\/\/alejandrorey.com.ar\/?page_id=15722","name":"- Alejandro Rey","isPartOf":{"@id":"https:\/\/alejandrorey.com.ar\/#website"},"datePublished":"2026-04-21T14:28:28+00:00","dateModified":"2026-04-21T14:28:29+00:00","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alejandrorey.com.ar\/?page_id=15722"]}]},{"@type":"WebSite","@id":"https:\/\/alejandrorey.com.ar\/#website","url":"https:\/\/alejandrorey.com.ar\/","name":"Alejandro Rey","description":"Dise\u00f1o web y armado de paginas web","publisher":{"@id":"https:\/\/alejandrorey.com.ar\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alejandrorey.com.ar\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/alejandrorey.com.ar\/#organization","name":"Alejandro Rey","url":"https:\/\/alejandrorey.com.ar\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alejandrorey.com.ar\/#\/schema\/logo\/image\/","url":"","contentUrl":"","width":285,"height":361,"caption":"Alejandro Rey"},"image":{"@id":"https:\/\/alejandrorey.com.ar\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/15722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15722"}],"version-history":[{"count":1,"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/15722\/revisions"}],"predecessor-version":[{"id":15724,"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/15722\/revisions\/15724"}],"wp:attachment":[{"href":"https:\/\/alejandrorey.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}