{"id":348,"date":"2026-06-11T00:26:00","date_gmt":"2026-06-11T00:26:00","guid":{"rendered":"https:\/\/tampabaywebsitedesign.com\/?page_id=348"},"modified":"2026-10-09T00:42:45","modified_gmt":"2026-10-09T00:42:45","slug":"precios","status":"publish","type":"page","link":"https:\/\/tampabaywebsitedesign.com\/es\/pricing\/","title":{"rendered":"Precios"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"348\" class=\"elementor elementor-348\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd2e248 e-con e-atomic-element e-flexbox-base e-default-div e-93abfff\" data-id=\"bd2e248\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bd2e248\">\n    \t\t<div class=\"elementor-element elementor-element-057eb18 elementor-widget elementor-widget-html\" data-id=\"057eb18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n<div class=\"tb-agency-wrapper\">\n    \n    <!-- HERO SECTION -->\n    <section class=\"section-pad tb-section-main\" style=\"padding-top: clamp(4rem, 12vw, 9rem); padding-bottom: clamp(3rem, 8vw, 6rem); border-bottom: 1px solid var(--tb-border);\">\n        <div class=\"agency-container\">\n            <div class=\"hero-content-stack\" style=\"text-align: center;\">\n                \n                <div class=\"hero-badge\" style=\"margin-bottom: 24px; margin-left: auto; margin-right: auto;\">\ud83d\udcb0 TARIFAS FIJAS Y PAQUETES HONESTOS<\/div>\n                \n                <h1 class=\"hero-display-headline\" style=\"font-size: clamp(2.2rem, 7vw, 5rem) !important; line-height: 1.1 !important; letter-spacing: -0.04em !important; margin: 0 0 24px 0 !important;\">\n                    Precios sencillos y transparentes. <span class=\"gradient-text\">Sin cargos ocultos.<\/span>\n                <\/h1>\n                \n                <p class=\"hero-lead\" style=\"font-size: clamp(1.15rem, 2.5vw, 1.35rem); line-height: 1.6; color: var(--tb-muted); margin: 0 auto 32px auto; font-weight: 500; max-width: 800px;\">\n                    Creemos que los due\u00f1os de negocios locales merecen saber exactamente en qu\u00e9 invierten desde el primer d\u00eda. Consulte a continuaci\u00f3n nuestros planes integrales de desarrollo web y mantenimiento del rendimiento.\n                <\/p>\n                \n                <div class=\"btn-group\" style=\"justify-content: center; width: 100%;\">\n                    <a href=\"#phase-1-builds\" class=\"agency-btn btn-primary\" style=\"padding: 16px 36px; font-size: 1.05rem;\">1. Paquetes web<\/a>\n                    <a href=\"#phase-2-care\" class=\"agency-btn btn-secondary\" style=\"padding: 16px 36px; font-size: 1.05rem;\">2. Cuidado del sitio web<\/a>\n                    <a href=\"#project-calculator\" class=\"agency-btn btn-secondary\" style=\"padding: 16px 36px; font-size: 1.05rem; border: 1px dashed var(--tb-primary);\">3. Herramienta de c\u00e1lculo de costes \u2193<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- PHASE 1: WEBSITE BUILDS -->\n    <section id=\"phase-1-builds\" class=\"section-pad tb-section-alt\" style=\"border-bottom: 1px solid var(--tb-border); overflow-x: hidden;\">\n        <div class=\"agency-container\">\n            <div style=\"margin-bottom: clamp(3rem, 6vw, 4.5rem); text-align: center;\">\n                <div class=\"pillars-badge\" style=\"margin: 0 auto 20px auto;\">FASE 1: FUNDAMENTOS<\/div>\n                <h2 style=\"font-size: clamp(2rem, 4vw, 3rem); font-weight: 900; letter-spacing: -0.03em; margin: 0 0 16px 0;\">Paquetes de dise\u00f1o web completos<\/h2>\n                <p style=\"color: var(--tb-muted); font-size: 1.1rem; max-width: 800px; margin: 0 auto; line-height: 1.6;\">\n                    Google clasifica p\u00e1ginas individuales, no sitios web completos. Tener p\u00e1ginas separadas y dedicadas a tus servicios espec\u00edficos y a las ciudades a las que te diriges facilita que los clientes locales te encuentren.\n                <\/p>\n            <\/div>\n\n            <!-- UPGRADED \"INCLUDED IN ALL BUILDS\" SECTION -->\n            <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); border-radius: var(--tb-radius-lg); box-shadow: var(--tb-shadow); padding: 36px; margin-bottom: 48px; position: relative;\">\n                <div style=\"text-align: center; margin-bottom: 24px;\">\n                    <span style=\"font-size: 0.85rem; font-weight: 800; color: var(--tb-primary); text-transform: uppercase; letter-spacing: 0.08em; display: inline-block; background: var(--tb-primary-light); padding: 6px 16px; border-radius: 100px;\">\u2728 Incluido en todos los paquetes de sitios web<\/span>\n                <\/div>\n                \n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; text-align: center;\">\n                    <div>\n                        <div style=\"width: 54px; height: 54px; background: var(--tb-surface-alt); border: 1px solid var(--tb-border); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px auto; color: var(--tb-primary); font-size: 1.25rem;\">\n                            <i class=\"fa-brands fa-google\"><\/i>\n                        <\/div>\n                        <h4 style=\"font-size: 0.95rem; font-weight: 800; color: var(--tb-text-dark); margin: 0 0 4px 0;\">Consola de b\u00fasqueda<\/h4>\n                        <p style=\"font-size: 0.85rem; color: var(--tb-muted); margin: 0; line-height: 1.4;\">Indexaci\u00f3n completa del mapa del sitio XML<\/p>\n                    <\/div>\n                    <div>\n                        <div style=\"width: 54px; height: 54px; background: var(--tb-surface-alt); border: 1px solid var(--tb-border); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px auto; color: var(--tb-primary); font-size: 1.25rem;\">\n                            <i class=\"fa-solid fa-chart-line\"><\/i>\n                        <\/div>\n                        <h4 style=\"font-size: 0.95rem; font-weight: 800; color: var(--tb-text-dark); margin: 0 0 4px 0;\">Google Analytics<\/h4>\n                        <p style=\"font-size: 0.85rem; color: var(--tb-muted); margin: 0; line-height: 1.4;\">Seguimiento del tr\u00e1fico y del comportamiento<\/p>\n                    <\/div>\n                    <div>\n                        <div style=\"width: 54px; height: 54px; background: var(--tb-surface-alt); border: 1px solid var(--tb-border); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px auto; color: var(--tb-primary); font-size: 1.25rem;\">\n                            <i class=\"fa-solid fa-store\"><\/i>\n                        <\/div>\n                        <h4 style=\"font-size: 0.95rem; font-weight: 800; color: var(--tb-text-dark); margin: 0 0 4px 0;\">Perfil de la empresa<\/h4>\n                        <p style=\"font-size: 0.85rem; color: var(--tb-muted); margin: 0; line-height: 1.4;\">Configuraci\u00f3n del paquete de mapas local<\/p>\n                    <\/div>\n                    <div>\n                        <div style=\"width: 54px; height: 54px; background: var(--tb-surface-alt); border: 1px solid var(--tb-border); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px auto; color: var(--tb-primary); font-size: 1.25rem;\">\n                            <i class=\"fa-solid fa-key\"><\/i>\n                        <\/div>\n                        <h4 style=\"font-size: 0.95rem; font-weight: 800; color: var(--tb-text-dark); margin: 0 0 4px 0;\">Licencias Premium<\/h4>\n                        <p style=\"font-size: 0.85rem; color: var(--tb-muted); margin: 0; line-height: 1.4;\">Constructores profesionales y plugins<\/p>\n                    <\/div>\n                    <div>\n                        <div style=\"width: 54px; height: 54px; background: var(--tb-surface-alt); border: 1px solid var(--tb-border); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px auto; color: var(--tb-primary); font-size: 1.25rem;\">\n                            <i class=\"fa-solid fa-images\"><\/i>\n                        <\/div>\n                        <h4 style=\"font-size: 0.95rem; font-weight: 800; color: var(--tb-text-dark); margin: 0 0 4px 0;\">Im\u00e1genes profesionales<\/h4>\n                        <p style=\"font-size: 0.85rem; color: var(--tb-muted); margin: 0; line-height: 1.4;\">Im\u00e1genes de archivo de alta resoluci\u00f3n libres de derechos<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div style=\"display: flex; gap: 20px; align-items: stretch; justify-content: center; margin-bottom: 24px; width: 100%; flex-wrap: wrap;\">\n                \n                <!-- 1-Page Package -->\n                <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); padding: 36px 24px; border-radius: var(--tb-radius-lg); flex: 1; min-width: 250px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: var(--tb-shadow);\">\n                    <div>\n                        <h3 style=\"font-size: 1.25rem !important; font-weight: 800; margin: 0 0 4px 0; color: var(--tb-text-dark);\">La configuraci\u00f3n inicial<\/h3>\n                        <div style=\"font-size: 0.72rem; font-weight: 800; color: var(--tb-primary); text-transform: uppercase; margin-bottom: 20px; letter-spacing: 0.05em;\">DISE\u00d1O PERSONALIZADO DE 1 P\u00c1GINA<\/div>\n                        <div style=\"font-size: 2.3rem; font-weight: 900; color: var(--tb-primary); margin-bottom: 16px; line-height: 1;\">$750<\/div>\n                        <p style=\"color: var(--tb-muted); font-size: 0.9rem; line-height: 1.5; margin: 0 0 24px 0;\">Un dise\u00f1o elegante de una sola p\u00e1gina que incluye todo lo necesario para presentar tu marca y lanzarla r\u00e1pidamente.<\/p>\n                        <ul style=\"padding: 0; list-style: none; margin: 0 0 32px 0; font-size: 0.88rem; color: var(--tb-muted); line-height: 1.7;\">\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Dise\u00f1o personalizado y redacci\u00f3n publicitaria profesional.<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Google Search Console y Analytics integrados<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Configuraci\u00f3n del perfil de Google Business<\/li>\n                            <li style=\"display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Licencias premium para constructores, temas y plugins<\/li>\n                        <\/ul>\n                    <\/div>\n                    <button class=\"agency-btn btn-secondary open-calendly-trigger\" data-calendly-id=\"Pricing_Starter_Build_CTA\" style=\"width: 100%; padding: 12px 0; font-size: 0.9rem;\">Comience<\/button>\n                <\/div>\n\n                <!-- 5-Page Package -->\n                <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); padding: 36px 24px; border-radius: var(--tb-radius-lg); flex: 1; min-width: 250px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: var(--tb-shadow);\">\n                    <div>\n                        <h3 style=\"font-size: 1.25rem !important; font-weight: 800; margin: 0 0 4px 0; color: var(--tb-text-dark);\">El crecimiento empresarial<\/h3>\n                        <div style=\"font-size: 0.72rem; font-weight: 800; color: var(--tb-primary); text-transform: uppercase; margin-bottom: 20px; letter-spacing: 0.05em;\">HASTA 5 P\u00c1GINAS PERSONALIZADAS<\/div>\n                        <div style=\"font-size: 2.3rem; font-weight: 900; color: var(--tb-primary); margin-bottom: 16px; line-height: 1;\">$1,950<\/div>\n                        <p style=\"color: var(--tb-muted); font-size: 0.9rem; line-height: 1.5; margin: 0 0 24px 0;\">Ideal para equipos en crecimiento que necesitan espacios separados para los servicios principales, la historia de la empresa y los centros de contacto.<\/p>\n                        <ul style=\"padding: 0; list-style: none; margin: 0 0 32px 0; font-size: 0.88rem; color: var(--tb-muted); line-height: 1.7;\">\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Dise\u00f1o completo de conversi\u00f3n de 5 p\u00e1ginas<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Suite completa de Google Search Console y Analytics<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Optimizaci\u00f3n del perfil de Google Business<\/li>\n                            <li style=\"display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Formularios automatizados de revisi\u00f3n de clientes y generaci\u00f3n de clientes potenciales<\/li>\n                        <\/ul>\n                    <\/div>\n                    <button class=\"agency-btn btn-secondary open-calendly-trigger\" data-calendly-id=\"Pricing_Growth_Build_CTA\" style=\"width: 100%; padding: 12px 0; font-size: 0.9rem;\">Comience<\/button>\n                <\/div>\n\n                <!-- 10-Page Package -->\n                <div style=\"background: var(--tb-surface); border: 2px solid var(--tb-primary); padding: 36px 24px; border-radius: var(--tb-radius-lg); flex: 1; min-width: 250px; display: flex; flex-direction: column; justify-content: space-between; position: relative; box-shadow: var(--tb-shadow-hover);\">\n                    <div style=\"position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--tb-primary); color: var(--tb-bg); padding: 4px 16px; border-radius: 100px; font-size: 0.65rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; z-index: 10;\">\u2b50 Punto dulce m\u00e1s popular<\/div>\n                    <div>\n                        <h3 style=\"font-size: 1.25rem !important; font-weight: 800; margin: 4px 0 4px 0; color: var(--tb-text-dark);\">El l\u00edder del mercado<\/h3>\n                        <div style=\"font-size: 0.72rem; font-weight: 800; color: var(--tb-primary); text-transform: uppercase; margin-bottom: 20px; letter-spacing: 0.05em;\">HASTA 10 P\u00c1GINAS PERSONALIZADAS<\/div>\n                        <div style=\"font-size: 2.3rem; font-weight: 900; color: var(--tb-primary); margin-bottom: 16px; line-height: 1;\">$3,450<\/div>\n                        <p style=\"color: var(--tb-muted); font-size: 0.9rem; line-height: 1.5; margin: 0 0 24px 0;\">Nuestro paquete m\u00e1s solicitado. Amplio espacio para destacar en las b\u00fasquedas locales y en las \u00e1reas de servicio clave.<\/p>\n                        <ul style=\"padding: 0; list-style: none; margin: 0 0 32px 0; font-size: 0.88rem; color: var(--tb-muted); line-height: 1.7;\">\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px; font-weight: 700; color: var(--tb-text-dark);\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Hasta 10 p\u00e1ginas de destino de servicio y ciudad.<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Configuraci\u00f3n completa del ecosistema de Google (GSC, GA4, GBP)<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Licencias premium para temas y constructores incluidas<\/li>\n                            <li style=\"display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Optimizaci\u00f3n avanzada del paquete de mapas locales<\/li>\n                        <\/ul>\n                    <\/div>\n                    <button class=\"agency-btn btn-primary open-calendly-trigger\" data-calendly-id=\"Pricing_Leader_Build_CTA\" style=\"width: 100%; padding: 12px 0; font-size: 0.9rem;\">Comience<\/button>\n                <\/div>\n\n                <!-- 20-Page Package -->\n                <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); padding: 36px 24px; border-radius: var(--tb-radius-lg); flex: 1; min-width: 250px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: var(--tb-shadow);\">\n                    <div>\n                        <h3 style=\"font-size: 1.25rem !important; font-weight: 800; margin: 0 0 4px 0; color: var(--tb-text-dark);\">El Dominador Regional<\/h3>\n                        <div style=\"font-size: 0.72rem; font-weight: 800; color: var(--tb-primary); text-transform: uppercase; margin-bottom: 20px; letter-spacing: 0.05em;\">HASTA 20 P\u00c1GINAS PERSONALIZADAS<\/div>\n                        <div style=\"font-size: 2.3rem; font-weight: 900; color: var(--tb-primary); margin-bottom: 16px; line-height: 1;\">$6,450<\/div>\n                        <p style=\"color: var(--tb-muted); font-size: 0.9rem; line-height: 1.5; margin: 0 0 24px 0;\">Dise\u00f1ado para una m\u00e1xima expansi\u00f3n en m\u00faltiples ciudades y centros de servicios circundantes.<\/p>\n                        <ul style=\"padding: 0; list-style: none; margin: 0 0 32px 0; font-size: 0.88rem; color: var(--tb-muted); line-height: 1.7;\">\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px; font-weight: 600; color: var(--tb-text-dark);\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> 20 p\u00e1ginas de destino de servicios y de gran tama\u00f1o<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Seguimiento completo de Google Console y Analytics<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Licencia completa premium para plugins y constructores<\/li>\n                            <li style=\"display: flex; align-items: flex-start; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Conexi\u00f3n directa al calendario en l\u00ednea y formularios CRM<\/li>\n                        <\/ul>\n                    <\/div>\n                    <button class=\"agency-btn btn-secondary open-calendly-trigger\" data-calendly-id=\"Pricing_Dominator_Build_CTA\" style=\"width: 100%; padding: 12px 0; font-size: 0.9rem;\">Comience<\/button>\n                <\/div>\n\n            <\/div>\n            \n            <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); padding: 24px 32px; border-radius: var(--tb-radius-lg); box-shadow: var(--tb-shadow); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; width: 100%;\">\n                <div style=\"flex: 2; min-width: 280px;\">\n                    <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 4px;\">\n                        <h4 style=\"font-size: 1.25rem; font-weight: 800; margin: 0; color: var(--tb-text-dark);\">El plan de adquisici\u00f3n total<\/h4>\n                        <span class=\"pillars-badge\" style=\"background: var(--tb-primary-light); color: var(--tb-primary); border-color: rgba(249, 115, 22, 0.2); font-size: 0.65rem; padding: 1px 8px;\">SISTEMAS DE M\u00c1S DE 25 P\u00c1GINAS<\/span>\n                    <\/div>\n                    <p style=\"color: var(--tb-muted); font-size: 0.9rem; line-height: 1.4; margin: 0;\">Nuestro modelo de sitio web m\u00e1s completo. Ideal para empresas con m\u00faltiples ubicaciones que necesitan portales personalizados, p\u00e1ginas de servicio ilimitadas e integraciones empresariales.<\/p>\n                <\/div>\n                <div style=\"text-align: right; min-width: 200px; display: flex; align-items: center; gap: 20px; justify-content: flex-end;\">\n                    <button class=\"agency-btn btn-secondary open-calendly-trigger\" data-calendly-id=\"Pricing_Takeover_CTA\" style=\"padding: 10px 20px; font-size: 0.85rem; white-space: nowrap;\">Solicita un presupuesto<\/button>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- PHASE 2: MONTHLY CARE & ENTERPRISE HOSTING -->\n    <section id=\"phase-2-care\" class=\"section-pad tb-section-main\" style=\"border-bottom: 1px solid var(--tb-border);\">\n        <div class=\"agency-container\">\n            <div style=\"margin-bottom: clamp(3rem, 7vw, 5rem); max-width: 900px; margin-left: auto; margin-right: auto; text-align: center;\">\n                <div class=\"pillars-badge\" style=\"margin: 0 auto 20px auto;\">FASE 2: OPERACIONES Y ALOJAMIENTO<\/div>\n                <h2 style=\"font-size: clamp(2rem, 4vw, 3rem); font-weight: 900; letter-spacing: -0.03em; margin: 0 0 16px 0;\">Mantenimiento de sitios web y rendimiento empresarial<\/h2>\n                <p style=\"color: var(--tb-muted); font-size: 1.05rem; line-height: 1.6; margin: 0;\">\n                    Para que tu sitio sea ultrarr\u00e1pido, seguro y se posicione bien en Google, cada compilaci\u00f3n incluye la suscripci\u00f3n a un plan de mantenimiento. Actualiza a nuestro <strong>Nivel Enterprise Edge ($95+)<\/strong> Para el almacenamiento en cach\u00e9 global en el borde de la red para empresas, tiempos de carga instant\u00e1neos y optimizaciones de velocidad de Google.\n                <\/p>\n            <\/div>\n\n            <!-- UPGRADED PERFORMANCE HIGHLIGHT BOX -->\n            <div style=\"margin-bottom: 48px;\">\n                <div style=\"text-align: center; margin-bottom: 24px;\">\n                    <span style=\"font-size: 0.8rem; font-weight: 800; color: var(--tb-primary); text-transform: uppercase; letter-spacing: 0.08em; display: inline-block; background: var(--tb-primary-light); padding: 6px 16px; border-radius: 100px; margin-bottom: 12px;\"><i class=\"fa-solid fa-bolt\"><\/i> Explicaci\u00f3n de la diferencia de rendimiento<\/span>\n                    <h3 style=\"font-size: 1.6rem; font-weight: 900; color: var(--tb-text-dark); margin: 0 0 12px 0;\">\u00bfPor qu\u00e9 actualizar a Enterprise Edge?<\/h3>\n                    <p style=\"font-size: 1rem; color: var(--tb-muted); max-width: 650px; margin: 0 auto; line-height: 1.5;\">Google premia generosamente a los sitios web m\u00e1s r\u00e1pidos. Esto es exactamente lo que obtendr\u00e1 al actualizar de Alojamiento Est\u00e1ndar a nuestra Red Empresarial Edge.<\/p>\n                <\/div>\n\n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px;\">\n                    \n                    <!-- Standard Box -->\n                    <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); border-radius: 16px; padding: 32px; box-shadow: var(--tb-shadow);\">\n                        <div style=\"display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--tb-border); padding-bottom: 16px; margin-bottom: 20px;\">\n                            <h4 style=\"font-size: 1.2rem; font-weight: 800; color: var(--tb-muted); margin: 0;\">Alojamiento est\u00e1ndar<\/h4>\n                            <span style=\"font-size: 1rem; font-weight: 800; color: var(--tb-muted);\">$75\/mes<\/span>\n                        <\/div>\n                        <p style=\"font-size: 0.9rem; color: var(--tb-muted); line-height: 1.6; margin-bottom: 24px;\">Alojamiento web tradicional y fiable en un \u00fanico servidor. Ideal para una visibilidad b\u00e1sica, pero con limitaciones f\u00edsicas debido a la distancia al usuario.<\/p>\n                        <ul style=\"list-style: none; padding: 0; margin: 0; font-size: 0.9rem; color: var(--tb-muted); line-height: 2;\">\n                            <li style=\"display: flex; align-items: center; gap: 12px;\"><i class=\"fa-solid fa-server\" style=\"color: var(--tb-muted); font-size: 1rem; width: 20px; text-align: center;\"><\/i> Ubicaci\u00f3n de un \u00fanico centro de datos<\/li>\n                            <li style=\"display: flex; align-items: center; gap: 12px;\"><i class=\"fa-solid fa-gauge\" style=\"color: var(--tb-muted); font-size: 1rem; width: 20px; text-align: center;\"><\/i> Tiempos de carga est\u00e1ndar<\/li>\n                            <li style=\"display: flex; align-items: center; gap: 12px;\"><i class=\"fa-solid fa-shield\" style=\"color: var(--tb-muted); font-size: 1rem; width: 20px; text-align: center;\"><\/i> Cortafuegos de seguridad b\u00e1sica<\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <!-- Enterprise Box -->\n                    <div style=\"background: var(--tb-surface-alt); border: 2px solid var(--tb-primary); border-radius: 16px; padding: 32px; position: relative; box-shadow: var(--tb-shadow-hover);\">\n                        <div style=\"position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--tb-primary); color: var(--tb-bg); padding: 4px 16px; border-radius: 100px; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; z-index: 10; box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);\">\u26a1 Hasta 10 veces m\u00e1s r\u00e1pido<\/div>\n                        <div style=\"display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(249, 115, 22, 0.2); padding-bottom: 16px; margin-bottom: 20px;\">\n                            <h4 style=\"font-size: 1.2rem; font-weight: 800; color: var(--tb-primary); margin: 0;\">Borde empresarial<\/h4>\n                            <span style=\"font-size: 1rem; font-weight: 900; color: var(--tb-primary);\">$95\/mes+<\/span>\n                        <\/div>\n                        <p style=\"font-size: 0.9rem; color: var(--tb-text-dark); font-weight: 500; line-height: 1.6; margin-bottom: 24px;\">Tu sitio web se copia en m\u00e1s de 275 servidores globales. El almacenamiento en cach\u00e9 de Cloudflare Enterprise entrega tu sitio al instante a cualquier persona, en cualquier lugar.<\/p>\n                        <ul style=\"list-style: none; padding: 0; margin: 0; font-size: 0.95rem; color: var(--tb-text-dark); font-weight: 700; line-height: 2;\">\n                            <li style=\"display: flex; align-items: center; gap: 12px;\"><i class=\"fa-solid fa-globe\" style=\"color: var(--tb-primary); font-size: 1.1rem; width: 20px; text-align: center;\"><\/i> M\u00e1s de 275 nodos de borde globales<\/li>\n                            <li style=\"display: flex; align-items: center; gap: 12px;\"><i class=\"fa-solid fa-gauge-high\" style=\"color: var(--tb-primary); font-size: 1.1rem; width: 20px; text-align: center;\"><\/i> TTFB instant\u00e1neo inferior a 200 ms<\/li>\n                            <li style=\"display: flex; align-items: center; gap: 12px;\"><i class=\"fa-solid fa-shield-halved\" style=\"color: var(--tb-primary); font-size: 1.1rem; width: 20px; text-align: center;\"><\/i> Cortafuegos de aplicaciones web empresariales (WAF)<\/li>\n                        <\/ul>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <!-- CARE PLAN CARDS -->\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px;\">\n                \n                <!-- $75 Standard Plan -->\n                <div style=\"background: var(--tb-surface-alt); border: 1px solid var(--tb-border); padding: 36px 28px; border-radius: var(--tb-radius-lg); box-shadow: var(--tb-shadow); display: flex; flex-direction: column; justify-content: space-between;\">\n                    <div>\n                        <h4 style=\"font-size: 1.25rem; font-weight: 800; margin: 0 0 6px 0; color: var(--tb-text-dark);\">Cuidados b\u00e1sicos<\/h4>\n                        <span style=\"font-size: 0.72rem; font-weight: 800; color: var(--tb-muted); text-transform: uppercase;\">ALOJAMIENTO EST\u00c1NDAR<\/span>\n                        <div style=\"font-size: 2rem; font-weight: 900; color: var(--tb-primary); margin: 16px 0 20px 0;\">$75<span style=\"font-size: 0.9rem; color: var(--tb-muted); font-weight: 500;\">\/mes<\/span><\/div>\n                        <ul style=\"padding: 0; list-style: none; font-size: 0.9rem; color: var(--tb-muted); line-height: 1.8; margin: 0;\">\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 800;\">\u2713<\/span> Alojamiento est\u00e1ndar en servidor compartido.<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 800;\">\u2713<\/span> Actualizaciones de plugins y temas de WordPress.<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 800;\">\u2713<\/span> Actualizaciones de seguridad y copias de seguridad principales.<\/li>\n                            <li style=\"display: flex; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 800;\">\u2713<\/span> Respuesta est\u00e1ndar del servicio de soporte t\u00e9cnico.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- $95 Enterprise Care Plan -->\n                <div style=\"background: var(--tb-surface-alt); border: 1px solid var(--tb-border); padding: 36px 28px; border-radius: var(--tb-radius-lg); box-shadow: var(--tb-shadow); position: relative; display: flex; flex-direction: column; justify-content: space-between;\">\n                    <div style=\"position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--tb-text-dark); color: var(--tb-bg); padding: 4px 14px; border-radius: 100px; font-size: 0.65rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; z-index: 10;\">\u26a1 Actualizaci\u00f3n de alta velocidad<\/div>\n                    <div>\n                        <h4 style=\"font-size: 1.25rem; font-weight: 800; margin: 4px 0 6px 0; color: var(--tb-text-dark);\">Atenci\u00f3n empresarial<\/h4>\n                        <span style=\"font-size: 0.72rem; font-weight: 800; color: var(--tb-text-dark); text-transform: uppercase;\">CACHING DE BORDE EMPRESARIAL<\/span>\n                        <div style=\"font-size: 2rem; font-weight: 900; color: var(--tb-text-dark); margin: 16px 0 20px 0;\">$95<span style=\"font-size: 0.9rem; color: var(--tb-muted); font-weight: 500;\">\/mes<\/span><\/div>\n                        <ul style=\"padding: 0; list-style: none; font-size: 0.9rem; color: var(--tb-muted); line-height: 1.8; margin: 0;\">\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px; font-weight: 700; color: var(--tb-text-dark);\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> CDN y almacenamiento en cach\u00e9 en el borde de la nube empresarial<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 800;\">\u2713<\/span> 10 minutos de actualizaciones para desarrolladores\/mes<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 800;\">\u2713<\/span> Google Search Console y Analytics<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 800;\">\u2713<\/span> Cobertura de renovaci\u00f3n de licencia premium<\/li>\n                            <li style=\"display: flex; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 800;\">\u2713<\/span> Respuesta prioritaria de soporte por correo electr\u00f3nico<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- $195 Active Growth -->\n                <div style=\"background: var(--tb-surface-alt); border: 2px solid var(--tb-primary); padding: 36px 28px; border-radius: var(--tb-radius-lg); position: relative; box-shadow: var(--tb-shadow-hover); display: flex; flex-direction: column; justify-content: space-between;\">\n                    <div style=\"position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--tb-primary); color: var(--tb-bg); padding: 4px 16px; border-radius: 100px; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; z-index: 10; white-space: nowrap; box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);\">\u2b50 Recomendado<\/div>\n                    <div>\n                        <h4 style=\"font-size: 1.25rem; font-weight: 800; margin: 4px 0 6px 0; color: var(--tb-text-dark);\">Crecimiento activo<\/h4>\n                        <span style=\"font-size: 0.72rem; font-weight: 800; color: var(--tb-primary); text-transform: uppercase;\">EMPRESA + 1 HORA DE DESARROLLO<\/span>\n                        <div style=\"font-size: 2rem; font-weight: 900; color: var(--tb-primary); margin: 16px 0 20px 0;\">$195<span style=\"font-size: 0.9rem; color: var(--tb-muted); font-weight: 500;\">\/mes<\/span><\/div>\n                        <ul style=\"padding: 0; list-style: none; font-size: 0.9rem; color: var(--tb-muted); line-height: 1.8; margin: 0;\">\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px; font-weight: 700; color: var(--tb-text-dark);\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> Almacenamiento en cach\u00e9 y alojamiento de borde empresarial<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px; font-weight: 700; color: var(--tb-text-dark);\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> 1 hora completa de actualizaciones para desarrolladores al mes.<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 800;\">\u2713<\/span> Cola prioritaria para la emisi\u00f3n de boletos<\/li>\n                            <li style=\"display: flex; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 800;\">\u2713<\/span> Auditor\u00edas trimestrales de SEO y velocidad de carga<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- $395 VIP Support -->\n                <div style=\"background: var(--tb-surface-alt); border: 1px solid var(--tb-border); padding: 36px 28px; border-radius: var(--tb-radius-lg); box-shadow: var(--tb-shadow); display: flex; flex-direction: column; justify-content: space-between;\">\n                    <div>\n                        <h4 style=\"font-size: 1.25rem; font-weight: 800; margin: 0 0 6px 0; color: var(--tb-text-dark);\">Soporte VIP<\/h4>\n                        <span style=\"font-size: 0.72rem; font-weight: 800; color: var(--tb-muted); text-transform: uppercase;\">EMPRESA + 3 HORAS DE DESARROLLO<\/span>\n                        <div style=\"font-size: 2rem; font-weight: 900; color: var(--tb-primary); margin: 16px 0 20px 0;\">$395<span style=\"font-size: 0.9rem; color: var(--tb-muted); font-weight: 500;\">\/mes<\/span><\/div>\n                        <ul style=\"padding: 0; list-style: none; font-size: 0.9rem; color: var(--tb-muted); line-height: 1.8; margin: 0;\">\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px; font-weight: 700; color: var(--tb-text-dark);\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> L\u00ednea de asistencia telef\u00f3nica directa disponible las 24 horas, los 7 d\u00edas de la semana.<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px; font-weight: 700; color: var(--tb-text-dark);\"><span style=\"color: var(--tb-primary); font-weight: 900;\">\u2713<\/span> 3 horas completas de trabajo de desarrollador al mes<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 800;\">\u2713<\/span> Almacenamiento en cach\u00e9 y seguridad en el borde de la empresa<\/li>\n                            <li style=\"display: flex; gap: 8px;\"><span style=\"color: var(--tb-primary); font-weight: 800;\">\u2713<\/span> Informes mensuales de posicionamiento en Google<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- INTERACTIVE CALCULATOR -->\n    <section id=\"project-calculator\" class=\"section-pad tb-section-alt\" style=\"border-bottom: 1px solid var(--tb-border);\">\n        <div class=\"agency-container\" style=\"max-width: 900px;\">\n            <div style=\"margin-bottom: clamp(2.5rem, 6vw, 4rem); text-align: center;\">\n                <div class=\"pillars-badge\" style=\"margin: 0 auto 18px auto;\">\ud83e\uddee CALCULADORA DE PROYECTOS INSTANT\u00c1NEA<\/div>\n                <h2 style=\"font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 900; letter-spacing: -0.03em; margin: 0 0 16px 0;\">Calcula tu costo base<\/h2>\n                <p style=\"color: var(--tb-muted); font-size: 1.05rem; line-height: 1.6; margin: 0;\">Combina el tama\u00f1o personalizado de tu sitio web con el plan de mantenimiento mensual que necesitas (ver m\u00e1s abajo) para generar un presupuesto en tiempo real.<\/p>\n            <\/div>\n\n            <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); padding: clamp(28px, 6vw, 48px); border-radius: var(--tb-radius-lg); box-shadow: var(--tb-shadow);\">\n                \n                <div style=\"margin-bottom: 40px;\">\n                    <h4 style=\"font-size: 0.95rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; color: var(--tb-text-dark); margin: 0 0 20px 0;\">PASO 1: SELECCIONAR EL TAMA\u00d1O DEL SITIO WEB<\/h4>\n                    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px;\">\n                        \n                        <div class=\"v-calc-card selected\" id=\"build-750\" onclick=\"pickBuildScope('750')\" style=\"position: relative; display: flex; flex-direction: column; background: var(--tb-surface-alt); border: 2px solid var(--tb-primary); padding: 16px 12px; border-radius: 12px; cursor: pointer; text-align: center; transition: all 0.2s ease;\">\n                            <span style=\"font-weight: 800; font-size: 0.95rem; display: block; color: var(--tb-text-dark);\">Motor de arranque<\/span>\n                            <span style=\"font-size: 0.75rem; font-weight: 500; color: var(--tb-muted); margin: 4px 0 12px 0;\">P\u00e1gina 1<\/span>\n                            <span style=\"font-weight: 900; color: var(--tb-primary); font-size: 1.15rem; margin-top: auto;\">$750<\/span>\n                        <\/div>\n                        \n                        <div class=\"v-calc-card\" id=\"build-1950\" onclick=\"pickBuildScope('1950')\" style=\"position: relative; display: flex; flex-direction: column; background: var(--tb-surface-alt); border: 1px solid var(--tb-border); padding: 16px 12px; border-radius: 12px; cursor: pointer; text-align: center; transition: all 0.2s ease;\">\n                            <span style=\"font-weight: 800; font-size: 0.95rem; display: block; color: var(--tb-text-dark);\">Crecimiento<\/span>\n                            <span style=\"font-size: 0.75rem; font-weight: 500; color: var(--tb-muted); margin: 4px 0 12px 0;\">Hasta 5 p\u00e1ginas<\/span>\n                            <span style=\"font-weight: 900; color: var(--tb-primary); font-size: 1.15rem; margin-top: auto;\">$1,950<\/span>\n                        <\/div>\n                        \n                        <div class=\"v-calc-card\" id=\"build-3450\" onclick=\"pickBuildScope('3450')\" style=\"position: relative; display: flex; flex-direction: column; background: var(--tb-surface-alt); border: 1px solid var(--tb-border); padding: 16px 12px; border-radius: 12px; cursor: pointer; text-align: center; transition: all 0.2s ease;\">\n                            <span style=\"font-weight: 800; font-size: 0.95rem; display: block; color: var(--tb-text-dark);\">L\u00edder del mercado<\/span>\n                            <span style=\"font-size: 0.75rem; font-weight: 500; color: var(--tb-muted); margin: 4px 0 12px 0;\">Hasta 10 p\u00e1ginas<\/span>\n                            <span style=\"font-weight: 900; color: var(--tb-primary); font-size: 1.15rem; margin-top: auto;\">$3,450<\/span>\n                        <\/div>\n                        \n                        <div class=\"v-calc-card\" id=\"build-6450\" onclick=\"pickBuildScope('6450')\" style=\"position: relative; display: flex; flex-direction: column; background: var(--tb-surface-alt); border: 1px solid var(--tb-border); padding: 16px 12px; border-radius: 12px; cursor: pointer; text-align: center; transition: all 0.2s ease;\">\n                            <span style=\"font-weight: 800; font-size: 0.95rem; display: block; color: var(--tb-text-dark);\">Dominador<\/span>\n                            <span style=\"font-size: 0.75rem; font-weight: 500; color: var(--tb-muted); margin: 4px 0 12px 0;\">Hasta 20 p\u00e1ginas<\/span>\n                            <span style=\"font-weight: 900; color: var(--tb-primary); font-size: 1.15rem; margin-top: auto;\">$6,450<\/span>\n                        <\/div>\n\n                        <div class=\"v-calc-card\" id=\"build-custom\" onclick=\"pickBuildScope('custom')\" style=\"position: relative; display: flex; flex-direction: column; background: var(--tb-surface-alt); border: 1px solid var(--tb-border); padding: 16px 12px; border-radius: 12px; cursor: pointer; text-align: center; transition: all 0.2s ease;\">\n                            <span style=\"font-weight: 800; font-size: 0.95rem; display: block; color: var(--tb-text-dark);\">Tomar el control<\/span>\n                            <span style=\"font-size: 0.75rem; font-weight: 500; color: var(--tb-muted); margin: 4px 0 12px 0;\">M\u00e1s de 25 p\u00e1ginas<\/span>\n                            <span style=\"font-weight: 900; color: var(--tb-primary); font-size: 1.15rem; margin-top: auto;\">Costumbre<\/span>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n                <div style=\"margin-bottom: 44px;\">\n                    <h4 style=\"font-size: 0.95rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; color: var(--tb-text-dark); margin: 0 0 20px 0;\">PASO 2: SELECCIONE EL PLAN DE ATENCI\u00d3N NECESARIO<\/h4>\n                    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px;\">\n                        \n                        <div class=\"v-care-card selected\" id=\"care-75\" onclick=\"pickCareScope(75, 'Standard Hosting & Updates')\" style=\"position: relative; display: flex; flex-direction: column; background: var(--tb-surface-alt); border: 2px solid var(--tb-primary); padding: 20px 16px; border-radius: 14px; cursor: pointer; text-align: center; transition: all 0.2s ease;\">\n                            <span style=\"font-weight: 800; font-size: 1.05rem; display: block; color: var(--tb-text-dark);\">Cuidados b\u00e1sicos<\/span>\n                            <span style=\"font-size: 0.8rem; font-weight: 500; color: var(--tb-muted); margin: 4px 0 16px 0;\">Alojamiento est\u00e1ndar<\/span>\n                            <span style=\"font-weight: 900; color: var(--tb-primary); font-size: 1.25rem; margin-top: auto;\">$75\/mes<\/span>\n                        <\/div>\n                        \n                        <div class=\"v-care-card\" id=\"care-95\" onclick=\"pickCareScope(95, '\u26a1 Enterprise Edge Caching + 10m Dev')\" style=\"position: relative; display: flex; flex-direction: column; background: var(--tb-surface-alt); border: 1px solid var(--tb-border); padding: 20px 16px; border-radius: 14px; cursor: pointer; text-align: center; transition: all 0.2s ease;\">\n                            <span style=\"font-weight: 800; font-size: 1.05rem; display: block; color: var(--tb-text-dark);\">Atenci\u00f3n empresarial<\/span>\n                            <span style=\"font-size: 0.8rem; font-weight: 500; color: var(--tb-muted); margin: 4px 0 16px 0;\">Almacenamiento en cach\u00e9 empresarial<\/span>\n                            <span style=\"font-weight: 900; color: var(--tb-primary); font-size: 1.25rem; margin-top: auto;\">$95\/mes<\/span>\n                        <\/div>\n                        \n                        <div class=\"v-care-card\" id=\"care-195\" onclick=\"pickCareScope(195, '\u26a1 Enterprise Caching + 1hr Dev')\" style=\"position: relative; display: flex; flex-direction: column; background: var(--tb-surface-alt); border: 1px solid var(--tb-border); padding: 20px 16px; border-radius: 14px; cursor: pointer; text-align: center; transition: all 0.2s ease;\">\n                            <span style=\"font-weight: 800; font-size: 1.05rem; display: block; color: var(--tb-text-dark);\">Crecimiento activo<\/span>\n                            <span style=\"font-size: 0.8rem; font-weight: 500; color: var(--tb-muted); margin: 4px 0 16px 0;\">1 hora de desarrollo al mes<\/span>\n                            <span style=\"font-weight: 900; color: var(--tb-primary); font-size: 1.25rem; margin-top: auto;\">$195\/mes<\/span>\n                        <\/div>\n                        \n                        <div class=\"v-care-card\" id=\"care-395\" onclick=\"pickCareScope(395, '\u2b50 24\/7 Phone Line + 3hr Dev')\" style=\"position: relative; display: flex; flex-direction: column; background: var(--tb-surface-alt); border: 1px solid var(--tb-border); padding: 20px 16px; border-radius: 14px; cursor: pointer; text-align: center; transition: all 0.2s ease;\">\n                            <span style=\"font-weight: 800; font-size: 1.05rem; display: block; color: var(--tb-text-dark);\">Soporte VIP<\/span>\n                            <span style=\"font-size: 0.8rem; font-weight: 500; color: var(--tb-muted); margin: 4px 0 16px 0;\">L\u00ednea directa 24\/7 + 3 horas<\/span>\n                            <span style=\"font-weight: 900; color: var(--tb-primary); font-size: 1.25rem; margin-top: auto;\">$395\/mes<\/span>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n                <input type=\"hidden\" id=\"live_build_state_val\" value=\"750\">\n                <input type=\"hidden\" id=\"live_care_state_val\" value=\"75\">\n\n                <div style=\"background: var(--tb-surface-alt); border: 1px solid var(--tb-border); padding: 36px 28px; border-radius: 18px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 28px; align-items: center; text-align: center;\">\n                    <div>\n                        <span style=\"font-size: 0.75rem; font-weight: 800; color: var(--tb-muted); text-transform: uppercase; letter-spacing: 0.05em; display: block; margin-bottom: 8px;\">CONFIGURACI\u00d3N INICIAL \u00daNICA<\/span>\n                        <span style=\"font-size: 2.4rem; font-weight: 900; color: var(--tb-primary);\" id=\"outputUpfrontBuildField\">$750<\/span>\n                    <\/div>\n                    <div>\n                        <span style=\"font-size: 0.75rem; font-weight: 800; color: var(--tb-muted); text-transform: uppercase; letter-spacing: 0.05em; display: block; margin-bottom: 8px;\">CUIDADO MENSUAL CONTINUO<\/span>\n                        <span style=\"font-size: 2.4rem; font-weight: 900; color: var(--tb-primary); display: block; line-height: 1;\">$<span id=\"outputMonthlyCareField\">75<\/span><span style=\"font-size: 0.9rem; font-weight: 600; color: var(--tb-muted);\">\/mes<\/span><\/span>\n                        <span id=\"calcSubtextNotes\" style=\"font-size: 0.75rem; font-weight: 700; color: var(--tb-primary); display: block; margin-top: 8px;\">Alojamiento est\u00e1ndar y actualizaciones<\/span>\n                    <\/div>\n                    <div>\n                        <button type=\"button\" class=\"agency-btn btn-primary open-calendly-trigger\" data-calendly-id=\"Pricing_Calculator_CTA\" style=\"width: 100%; padding: 18px; font-size: 1.05rem;\">Fijar la tasa<\/button>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQS -->\n    <section id=\"pricing-faqs\" class=\"section-pad tb-section-main\">\n        <div class=\"agency-container\">\n            <div style=\"margin-bottom: clamp(3rem, 6vw, 4rem); text-align: center; max-width: 800px; margin-left: auto; margin-right: auto;\">\n                <div class=\"pillars-badge\" style=\"margin: 0 auto 16px auto;\">PREGUNTAS FRECUENTES<\/div>\n                <h2 style=\"font-size: clamp(2rem, 4vw, 3rem); font-weight: 900; letter-spacing: -0.03em; margin: 0 0 16px 0;\">Preguntas frecuentes sobre precios<\/h2>\n                <p style=\"color: var(--tb-muted); font-size: 1.05rem; line-height: 1.6; margin: 0;\">Todo lo que necesitas saber sobre nuestras compilaciones, opciones de alojamiento empresarial e integraciones con Google.<\/p>\n            <\/div>\n\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 32px; max-width: 1000px; margin: 0 auto;\">\n                \n                <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); padding: 32px; border-radius: var(--tb-radius-lg); box-shadow: var(--tb-shadow);\">\n                    <h3 style=\"font-size: 1.15rem; font-weight: 800; color: var(--tb-text-dark); margin: 0 0 12px 0;\">\u00bfPor qu\u00e9 deber\u00eda elegir Enterprise Edge Care en lugar de Basic Care?<\/h3>\n                    <p style=\"color: var(--tb-muted); font-size: 0.95rem; line-height: 1.6; margin: 0;\">\n                        Si bien nuestro plan b\u00e1sico $75 ofrece un alojamiento est\u00e1ndar fiable, nuestro plan Enterprise Care $95 dirige su sitio web a trav\u00e9s de una red global de almacenamiento en cach\u00e9 perimetral de nivel empresarial. Esto permite que su sitio se cargue casi instant\u00e1neamente (TTFB inferior a 200 ms), lo protege contra picos de tr\u00e1fico y mejora su puntuaci\u00f3n en Google Core Web Vitals, lo que le otorga una gran ventaja en el posicionamiento en buscadores.\n                    <\/p>\n                <\/div>\n\n                <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); padding: 32px; border-radius: var(--tb-radius-lg); box-shadow: var(--tb-shadow);\">\n                    <h3 style=\"font-size: 1.15rem; font-weight: 800; color: var(--tb-text-dark); margin: 0 0 12px 0;\">\u00bfMi nuevo sitio web incluye las herramientas de seguimiento de Google?<\/h3>\n                    <p style=\"color: var(--tb-muted); font-size: 0.95rem; line-height: 1.6; margin: 0;\">\n                        \u00a1S\u00ed! Todos los paquetes de sitios web incluyen la configuraci\u00f3n completa y la integraci\u00f3n de Google Search Console (GSC), Google Analytics (GA4) y Google Business Profile (GBP) para que puedas realizar un seguimiento del tr\u00e1fico de tu sitio web, el posicionamiento org\u00e1nico de palabras clave y las llamadas de clientes potenciales entrantes desde el primer d\u00eda.\n                    <\/p>\n                <\/div>\n\n                <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); padding: 32px; border-radius: var(--tb-radius-lg); box-shadow: var(--tb-shadow);\">\n                    <h3 style=\"font-size: 1.15rem; font-weight: 800; color: var(--tb-text-dark); margin: 0 0 12px 0;\">\u00bfTengo que comprar licencias de plugins o im\u00e1genes por separado?<\/h3>\n                    <p style=\"color: var(--tb-muted); font-size: 0.95rem; line-height: 1.6; margin: 0;\">\n                        No. Cubrimos todas las licencias anuales de software para nuestros creadores de p\u00e1ginas, temas y complementos de seguridad premium. Adem\u00e1s, tendr\u00e1s acceso a nuestra biblioteca de im\u00e1genes de alta resoluci\u00f3n libres de derechos para las p\u00e1ginas de tu sitio web sin costo adicional.\n                    <\/p>\n                <\/div>\n\n                <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); padding: 32px; border-radius: var(--tb-radius-lg); box-shadow: var(--tb-shadow);\">\n                    <h3 style=\"font-size: 1.15rem; font-weight: 800; color: var(--tb-text-dark); margin: 0 0 12px 0;\">\u00bfC\u00f3mo funciona el plan de pagos para una obra nueva?<\/h3>\n                    <p style=\"color: var(--tb-muted); font-size: 0.95rem; line-height: 1.6; margin: 0;\">\n                        Dividimos su inversi\u00f3n en dos pagos sencillos: un dep\u00f3sito 50% para comenzar la producci\u00f3n y los 50% restantes solo cuando usted apruebe el sitio web terminado antes de su lanzamiento.\n                    <\/p>\n                <\/div>\n\n                <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); padding: 32px; border-radius: var(--tb-radius-lg); box-shadow: var(--tb-shadow);\">\n                    <h3 style=\"font-size: 1.15rem; font-weight: 800; color: var(--tb-text-dark); margin: 0 0 12px 0;\">\u00bfQu\u00e9 sucede si necesito realizar ajustes continuos por parte del desarrollador?<\/h3>\n                    <p style=\"color: var(--tb-muted); font-size: 0.95rem; line-height: 1.6; margin: 0;\">\n                        Nuestros planes de soporte de nivel superior ($95, $195 y $395) incluyen el tiempo de actualizaci\u00f3n del desarrollador en su suscripci\u00f3n mensual, lo que le brinda actualizaciones r\u00e1pidas y dedicadas sin pagar una tarifa por hora completa.\n                    <\/p>\n                <\/div>\n\n                <div style=\"background: var(--tb-surface); border: 1px solid var(--tb-border); padding: 32px; border-radius: var(--tb-radius-lg); box-shadow: var(--tb-shadow);\">\n                    <h3 style=\"font-size: 1.15rem; font-weight: 800; color: var(--tb-text-dark); margin: 0 0 12px 0;\">\u00bfEn cu\u00e1nto tiempo se puede lanzar mi sitio web?<\/h3>\n                    <p style=\"color: var(--tb-muted); font-size: 0.95rem; line-height: 1.6; margin: 0;\">\n                        La creaci\u00f3n de sitios web de una sola p\u00e1gina puede completarse en pocos d\u00edas h\u00e1biles, mientras que los sitios web de 5 a 10 p\u00e1ginas suelen tardar de 2 a 3 semanas, dependiendo de la rapidez con la que se reciban los comentarios y se apruebe el contenido.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Transparent, flat-rate pricing for Florida business websites. Review our upfront custom website packages and monthly care plans with zero hidden fees.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_seopress_titles_title":"Upfront Web Design Pricing | Tampa Bay Website Design","_seopress_titles_desc":"Transparent, flat-rate pricing for local Florida business websites. Look over our clear web design builds and monthly care packages. No hidden fees.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"class_list":["post-348","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tampabaywebsitedesign.com\/es\/wp-json\/wp\/v2\/pages\/348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tampabaywebsitedesign.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tampabaywebsitedesign.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tampabaywebsitedesign.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tampabaywebsitedesign.com\/es\/wp-json\/wp\/v2\/comments?post=348"}],"version-history":[{"count":0,"href":"https:\/\/tampabaywebsitedesign.com\/es\/wp-json\/wp\/v2\/pages\/348\/revisions"}],"wp:attachment":[{"href":"https:\/\/tampabaywebsitedesign.com\/es\/wp-json\/wp\/v2\/media?parent=348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}