{"id":2,"date":"2026-05-03T21:40:28","date_gmt":"2026-05-03T21:40:28","guid":{"rendered":"https:\/\/panel.caobos.com\/?page_id=2"},"modified":"2026-05-04T18:23:07","modified_gmt":"2026-05-04T18:23:07","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/panel.caobos.com\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Caobos<\/title>\r\n <meta name=\"description\" content=\"Crea sitios web profesionales con facilidad usando nuestra poderosa plataforma de creaci\u00f3n de sitios web.\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Reset y Variables *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n :root {\r\n --background: #0a0a0a;\r\n --foreground: #fafafa;\r\n --muted: #171717;\r\n --muted-foreground: #a3a3a3;\r\n --primary: #3b82f6;\r\n --primary-hover: #2563eb;\r\n --secondary: #262626;\r\n --border: #262626;\r\n --accent: #06b6d4;\r\n --radius: 0.75rem;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n background-color: var(--background);\r\n color: var(--foreground);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 1.5rem;\r\n }\r\n\r\n \/* Header *\/\r\n .header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 100;\r\n background: rgba(10, 10, 10, 0.8);\r\n backdrop-filter: blur(12px);\r\n border-bottom: 1px solid var(--border);\r\n }\r\n\r\n .header-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 72px;\r\n }\r\n\r\n .logo {\r\n font-size: 1.75rem;\r\n font-weight: 800;\r\n background: linear-gradient(135deg, var(--primary), var(--accent));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .nav {\r\n display: none;\r\n }\r\n\r\n .nav-list {\r\n display: flex;\r\n list-style: none;\r\n gap: 2rem;\r\n }\r\n\r\n .nav-link {\r\n font-size: 0.875rem;\r\n font-weight: 500;\r\n color: var(--muted-foreground);\r\n transition: color 0.2s;\r\n }\r\n\r\n .nav-link:hover {\r\n color: var(--foreground);\r\n }\r\n\r\n .header-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0.625rem 1.25rem;\r\n font-size: 0.875rem;\r\n font-weight: 600;\r\n border-radius: var(--radius);\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btn-ghost {\r\n background: transparent;\r\n color: var(--foreground);\r\n }\r\n\r\n .btn-ghost:hover {\r\n background: var(--secondary);\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary);\r\n color: white;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--primary-hover);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .btn-large {\r\n padding: 1rem 2rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n border: 1px solid var(--border);\r\n color: var(--foreground);\r\n }\r\n\r\n .btn-outline:hover {\r\n background: var(--secondary);\r\n border-color: var(--muted-foreground);\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 0.5rem;\r\n }\r\n\r\n .mobile-menu-btn span {\r\n width: 24px;\r\n height: 2px;\r\n background: var(--foreground);\r\n transition: all 0.3s;\r\n }\r\n\r\n .mobile-menu {\r\n display: none;\r\n position: fixed;\r\n top: 72px;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: var(--background);\r\n padding: 2rem;\r\n z-index: 99;\r\n }\r\n\r\n .mobile-menu.active {\r\n display: block;\r\n }\r\n\r\n .mobile-nav-list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .mobile-nav-link {\r\n font-size: 1.25rem;\r\n font-weight: 500;\r\n color: var(--muted-foreground);\r\n }\r\n\r\n \/* Hero *\/\r\n .hero {\r\n padding: 10rem 0 6rem;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 100%;\r\n height: 100%;\r\n background: radial-gradient(ellipse at center top, rgba(59, 130, 246, 0.15) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.5rem 1rem;\r\n background: var(--secondary);\r\n border: 1px solid var(--border);\r\n border-radius: 9999px;\r\n font-size: 0.875rem;\r\n color: var(--muted-foreground);\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .hero-badge-dot {\r\n width: 8px;\r\n height: 8px;\r\n background: #22c55e;\r\n border-radius: 50%;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.5; }\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(2.5rem, 8vw, 4.5rem);\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin-bottom: 1.5rem;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .hero-title-gradient {\r\n background: linear-gradient(135deg, var(--primary), var(--accent));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-description {\r\n font-size: 1.25rem;\r\n color: var(--muted-foreground);\r\n max-width: 640px;\r\n margin: 0 auto 2.5rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n justify-content: center;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .hero-stats {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n padding-top: 3rem;\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .hero-stat-value {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: var(--foreground);\r\n }\r\n\r\n .hero-stat-label {\r\n font-size: 0.875rem;\r\n color: var(--muted-foreground);\r\n margin-top: 0.25rem;\r\n }\r\n\r\n \/* Features *\/\r\n .features {\r\n padding: 6rem 0;\r\n background: var(--muted);\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .section-tag {\r\n display: inline-block;\r\n font-size: 0.875rem;\r\n font-weight: 600;\r\n color: var(--primary);\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-description {\r\n font-size: 1.125rem;\r\n color: var(--muted-foreground);\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(1, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n .feature-card {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n padding: 2rem;\r\n transition: all 0.3s;\r\n }\r\n\r\n .feature-card:hover {\r\n border-color: var(--primary);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .feature-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: linear-gradient(135deg, var(--primary), var(--accent));\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1.5rem;\r\n font-size: 1.5rem;\r\n }\r\n\r\n .feature-title {\r\n font-size: 1.25rem;\r\n font-weight: 600;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .feature-description {\r\n color: var(--muted-foreground);\r\n font-size: 0.9375rem;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Stats *\/\r\n .stats {\r\n padding: 6rem 0;\r\n background: var(--background);\r\n }\r\n\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 3rem;\r\n }\r\n\r\n .stat-item {\r\n text-align: center;\r\n }\r\n\r\n .stat-value {\r\n font-size: clamp(2.5rem, 6vw, 4rem);\r\n font-weight: 800;\r\n background: linear-gradient(135deg, var(--foreground), var(--muted-foreground));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .stat-label {\r\n font-size: 1rem;\r\n color: var(--muted-foreground);\r\n margin-top: 0.5rem;\r\n }\r\n\r\n \/* Templates *\/\r\n .templates {\r\n padding: 6rem 0;\r\n background: var(--muted);\r\n }\r\n\r\n .templates-grid {\r\n display: grid;\r\n grid-template-columns: repeat(1, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n .template-card {\r\n position: relative;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n transition: all 0.3s;\r\n }\r\n\r\n .template-card:hover {\r\n transform: translateY(-8px);\r\n border-color: var(--primary);\r\n }\r\n\r\n .template-image {\r\n width: 100%;\r\n height: 200px;\r\n background: linear-gradient(135deg, var(--secondary), var(--border));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 3rem;\r\n }\r\n\r\n .template-content {\r\n padding: 1.5rem;\r\n }\r\n\r\n .template-category {\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: var(--primary);\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .template-title {\r\n font-size: 1.125rem;\r\n font-weight: 600;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .template-description {\r\n font-size: 0.875rem;\r\n color: var(--muted-foreground);\r\n }\r\n\r\n \/* Pricing *\/\r\n .pricing {\r\n padding: 6rem 0;\r\n background: var(--background);\r\n }\r\n\r\n .pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(1, 1fr);\r\n gap: 1.5rem;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .pricing-card {\r\n background: var(--muted);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n padding: 2rem;\r\n position: relative;\r\n transition: all 0.3s;\r\n }\r\n\r\n .pricing-card:hover {\r\n border-color: var(--muted-foreground);\r\n }\r\n\r\n .pricing-card.popular {\r\n border-color: var(--primary);\r\n background: linear-gradient(180deg, rgba(59, 130, 246, 0.1) 0%, var(--muted) 100%);\r\n }\r\n\r\n .pricing-badge {\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: var(--primary);\r\n color: white;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n padding: 0.25rem 1rem;\r\n border-radius: 9999px;\r\n }\r\n\r\n .pricing-name {\r\n font-size: 1.25rem;\r\n font-weight: 600;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .pricing-description {\r\n font-size: 0.875rem;\r\n color: var(--muted-foreground);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .pricing-price {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 0.25rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .pricing-currency {\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n }\r\n\r\n .pricing-amount {\r\n font-size: 3rem;\r\n font-weight: 800;\r\n }\r\n\r\n .pricing-period {\r\n font-size: 0.875rem;\r\n color: var(--muted-foreground);\r\n }\r\n\r\n .pricing-features {\r\n list-style: none;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .pricing-feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n padding: 0.5rem 0;\r\n font-size: 0.875rem;\r\n color: var(--muted-foreground);\r\n }\r\n\r\n .pricing-feature::before {\r\n content: '\u2713';\r\n color: #22c55e;\r\n font-weight: 700;\r\n }\r\n\r\n .pricing-card .btn {\r\n width: 100%;\r\n }\r\n\r\n \/* Testimonials *\/\r\n .testimonials {\r\n padding: 6rem 0;\r\n background: var(--muted);\r\n }\r\n\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(1, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n .testimonial-card {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n padding: 2rem;\r\n }\r\n\r\n .testimonial-stars {\r\n color: #fbbf24;\r\n font-size: 1.25rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 1rem;\r\n color: var(--muted-foreground);\r\n line-height: 1.7;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .testimonial-avatar {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--primary), var(--accent));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 600;\r\n font-size: 1.25rem;\r\n }\r\n\r\n .testimonial-name {\r\n font-weight: 600;\r\n font-size: 0.9375rem;\r\n }\r\n\r\n .testimonial-role {\r\n font-size: 0.875rem;\r\n color: var(--muted-foreground);\r\n }\r\n\r\n \/* CTA *\/\r\n .cta {\r\n padding: 6rem 0;\r\n background: var(--background);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 150%;\r\n height: 150%;\r\n background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.1) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n\r\n .cta-content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .cta-title {\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .cta-description {\r\n font-size: 1.125rem;\r\n color: var(--muted-foreground);\r\n max-width: 600px;\r\n margin: 0 auto 2rem;\r\n }\r\n\r\n \/* Footer *\/\r\n .footer {\r\n padding: 4rem 0 2rem;\r\n background: var(--muted);\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2rem;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .footer-brand {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .footer-logo {\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n background: linear-gradient(135deg, var(--primary), var(--accent));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .footer-tagline {\r\n font-size: 0.875rem;\r\n color: var(--muted-foreground);\r\n max-width: 300px;\r\n }\r\n\r\n .footer-title {\r\n font-size: 0.875rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .footer-links {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.75rem;\r\n }\r\n\r\n .footer-link {\r\n font-size: 0.875rem;\r\n color: var(--muted-foreground);\r\n transition: color 0.2s;\r\n }\r\n\r\n .footer-link:hover {\r\n color: var(--foreground);\r\n }\r\n\r\n .footer-bottom {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid var(--border);\r\n text-align: center;\r\n }\r\n\r\n .footer-copyright {\r\n font-size: 0.875rem;\r\n color: var(--muted-foreground);\r\n }\r\n\r\n .footer-socials {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: center;\r\n }\r\n\r\n .footer-social {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background: var(--secondary);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--muted-foreground);\r\n transition: all 0.2s;\r\n font-size: 1.25rem;\r\n }\r\n\r\n .footer-social:hover {\r\n background: var(--primary);\r\n color: white;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (min-width: 640px) {\r\n .hero-stats {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .templates-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .testimonials-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .nav {\r\n display: block;\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: none;\r\n }\r\n\r\n .stats-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .pricing-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .footer-brand {\r\n grid-column: 1;\r\n }\r\n\r\n .footer-bottom {\r\n flex-direction: row;\r\n justify-content: space-between;\r\n text-align: left;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .templates-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .testimonials-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Header -->\r\n <header class=\"header\">\r\n <div class=\"container header-inner\">\r\n <a href=\"#\" class=\"logo\">Caobos.com | HORIZON<\/a>\r\n \r\n <nav class=\"nav\">\r\n <ul class=\"nav-list\">\r\n <li><a href=\"#caracteristicas\" class=\"nav-link\">Caracter\u00edsticas<\/a><\/li>\r\n <li><a href=\"#plantillas\" class=\"nav-link\">Plantillas<\/a><\/li>\r\n <li><a href=\"#precios\" class=\"nav-link\">Precios<\/a><\/li>\r\n <li><a href=\"#testimonios\" class=\"nav-link\">Testimonios<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <div class=\"header-actions\">\r\n <button class=\"btn btn-ghost hide-mobile\">Iniciar Sesi\u00f3n<\/button>\r\n <button class=\"btn btn-primary\">Hablar con un asesor<\/button>\r\n <button class=\"mobile-menu-btn\" id=\"mobileMenuBtn\" aria-label=\"Abrir men\u00fa\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Mobile Menu -->\r\n <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <ul class=\"mobile-nav-list\">\r\n <li><a href=\"#caracteristicas\" class=\"mobile-nav-link\">Caracter\u00edsticas<\/a><\/li>\r\n <li><a href=\"#plantillas\" class=\"mobile-nav-link\">Plantillas<\/a><\/li>\r\n <li><a href=\"#precios\" class=\"mobile-nav-link\">Precios<\/a><\/li>\r\n <li><a href=\"#testimonios\" class=\"mobile-nav-link\">Testimonios<\/a><\/li>\r\n <li><a href=\"#\" class=\"mobile-nav-link\">Iniciar Sesi\u00f3n<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Hero -->\r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-badge\">\r\n <span class=\"hero-badge-dot\"><\/span>\r\n Nuevo: IA Integrada para Dise\u00f1o Web\r\n <\/div>\r\n \r\n <h1 class=\"hero-title\">\r\n Crea Tu E-commerce<br>\r\n <span class=\"hero-title-gradient\">Impresionante<\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-description\">\r\n Con nuestra plataforma intuitiva. \r\n Sin c\u00f3digo, sin l\u00edmites, solo creatividad ilimitada.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n <a src=\"https:\/\/wa.me\/584123086921\"><button class=\"btn btn-primary btn-large\">Hablar con un asesor<\/button><\/a>\r\n <button class=\"btn btn-outline btn-large\">Hacer la compra<\/button>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-value\">250M+<\/div>\r\n <div class=\"hero-stat-label\">Usuarios Activos<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-value\">190+<\/div>\r\n <div class=\"hero-stat-label\">Pa\u00edses<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-value\">800+<\/div>\r\n <div class=\"hero-stat-label\">Plantillas<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-value\">99.9%<\/div>\r\n <div class=\"hero-stat-label\">Uptime<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Features -->\r\n <section class=\"features\" id=\"caracteristicas\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Caracter\u00edsticas<\/span>\r\n <h2 class=\"section-title\">Todo lo que necesitas para crear<\/h2>\r\n <p class=\"section-description\">\r\n Herramientas poderosas dise\u00f1adas para ayudarte a construir sitios web impresionantes sin escribir c\u00f3digo.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udfa8<\/div>\r\n <h3 class=\"feature-title\">Editor Visual<\/h3>\r\n <p class=\"feature-description\">Arrastra y suelta elementos para crear dise\u00f1os \u00fanicos sin necesidad de programar.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcf1<\/div>\r\n <h3 class=\"feature-title\">Dise\u00f1o Responsivo<\/h3>\r\n <p class=\"feature-description\">Tu sitio se ve perfecto en cualquier dispositivo, desde m\u00f3viles hasta escritorio.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\ude80<\/div>\r\n <h3 class=\"feature-title\">SEO Optimizado<\/h3>\r\n <p class=\"feature-description\">Herramientas integradas para mejorar tu posicionamiento en buscadores.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\uded2<\/div>\r\n <h3 class=\"feature-title\">E-Commerce<\/h3>\r\n <p class=\"feature-description\">Vende productos online con carrito de compras y procesamiento de pagos.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83e\udd16<\/div>\r\n <h3 class=\"feature-title\">IA Integrada<\/h3>\r\n <p class=\"feature-description\">Genera contenido, im\u00e1genes y dise\u00f1os con inteligencia artificial.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udd12<\/div>\r\n <h3 class=\"feature-title\">Seguridad SSL<\/h3>\r\n <p class=\"feature-description\">Certificados SSL gratuitos para mantener tu sitio seguro.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcca<\/div>\r\n <h3 class=\"feature-title\">Anal\u00edticas<\/h3>\r\n <p class=\"feature-description\">Monitorea el tr\u00e1fico y comportamiento de tus visitantes.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udf10<\/div>\r\n <h3 class=\"feature-title\">Dominio Personalizado<\/h3>\r\n <p class=\"feature-description\">Conecta tu propio dominio o registra uno nuevo directamente.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Stats -->\r\n <section class=\"stats\">\r\n <div class=\"container\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">250M+<\/div>\r\n <div class=\"stat-label\">Usuarios en todo el mundo<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">45M+<\/div>\r\n <div class=\"stat-label\">Sitios web creados<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">190+<\/div>\r\n <div class=\"stat-label\">Pa\u00edses alcanzados<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">24\/7<\/div>\r\n <div class=\"stat-label\">Soporte disponible<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Templates -->\r\n <section class=\"templates\" id=\"plantillas\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Plantillas<\/span>\r\n <h2 class=\"section-title\">Dise\u00f1os profesionales listos para usar<\/h2>\r\n <p class=\"section-description\">\r\n Elige entre m\u00e1s de 800 plantillas dise\u00f1adas por expertos y personal\u00edzalas a tu gusto.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"templates-grid\">\r\n <div class=\"template-card\">\r\n <div class=\"template-image\">\ud83d\udcbc<\/div>\r\n <div class=\"template-content\">\r\n <span class=\"template-category\">Negocios<\/span>\r\n <h3 class=\"template-title\">Empresa Corporativa<\/h3>\r\n <p class=\"template-description\">Perfecto para empresas y consultor\u00edas profesionales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"template-card\">\r\n <div class=\"template-image\">\ud83d\udecd\ufe0f<\/div>\r\n <div class=\"template-content\">\r\n <span class=\"template-category\">Tienda Online<\/span>\r\n <h3 class=\"template-title\">E-Commerce Moderno<\/h3>\r\n <p class=\"template-description\">Ideal para vender productos f\u00edsicos o digitales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"template-card\">\r\n <div class=\"template-image\">\ud83d\udcf8<\/div>\r\n <div class=\"template-content\">\r\n <span class=\"template-category\">Portafolio<\/span>\r\n <h3 class=\"template-title\">Creativo Visual<\/h3>\r\n <p class=\"template-description\">Muestra tu trabajo art\u00edstico de manera impactante.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"template-card\">\r\n <div class=\"template-image\">\ud83c\udf55<\/div>\r\n <div class=\"template-content\">\r\n <span class=\"template-category\">Restaurante<\/span>\r\n <h3 class=\"template-title\">Gastro Deluxe<\/h3>\r\n <p class=\"template-description\">Para restaurantes, caf\u00e9s y servicios de catering.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"template-card\">\r\n <div class=\"template-image\">\ud83d\udcaa<\/div>\r\n <div class=\"template-content\">\r\n <span class=\"template-category\">Fitness<\/span>\r\n <h3 class=\"template-title\">Gym Pro<\/h3>\r\n <p class=\"template-description\">Para gimnasios, entrenadores y centros de salud.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"template-card\">\r\n <div class=\"template-image\">\ud83d\udcdd<\/div>\r\n <div class=\"template-content\">\r\n <span class=\"template-category\">Blog<\/span>\r\n <h3 class=\"template-title\">Blogger Elegante<\/h3>\r\n <p class=\"template-description\">Comparte tus ideas con estilo y profesionalismo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Pricing -->\r\n <section class=\"pricing\" id=\"precios\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Precios<\/span>\r\n <h2 class=\"section-title\">Planes para cada necesidad<\/h2>\r\n <p class=\"section-description\">\r\n Comienza gratis y escala cuando lo necesites. Sin costos ocultos.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"pricing-grid\">\r\n <div class=\"pricing-card\">\r\n <h3 class=\"pricing-name\">Gratis<\/h3>\r\n <p class=\"pricing-description\">Perfecto para comenzar<\/p>\r\n <div class=\"pricing-price\">\r\n <span class=\"pricing-currency\">$<\/span>\r\n <span class=\"pricing-amount\">0<\/span>\r\n <span class=\"pricing-period\">\/mes<\/span>\r\n <\/div>\r\n <ul class=\"pricing-features\">\r\n <li class=\"pricing-feature\">Subdominio Wix gratuito<\/li>\r\n <li class=\"pricing-feature\">500MB de almacenamiento<\/li>\r\n <li class=\"pricing-feature\">Plantillas b\u00e1sicas<\/li>\r\n <li class=\"pricing-feature\">Soporte por email<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-outline\">Comenzar Gratis<\/button>\r\n <\/div>\r\n\r\n <div class=\"pricing-card popular\">\r\n <span class=\"pricing-badge\">M\u00e1s Popular<\/span>\r\n <h3 class=\"pricing-name\">Pro<\/h3>\r\n <p class=\"pricing-description\">Para profesionales<\/p>\r\n <div class=\"pricing-price\">\r\n <span class=\"pricing-currency\">$<\/span>\r\n <span class=\"pricing-amount\">16<\/span>\r\n <span class=\"pricing-period\">\/mes<\/span>\r\n <\/div>\r\n <ul class=\"pricing-features\">\r\n <li class=\"pricing-feature\">Dominio personalizado gratis<\/li>\r\n <li class=\"pricing-feature\">50GB de almacenamiento<\/li>\r\n <li class=\"pricing-feature\">Sin anuncios de Wix<\/li>\r\n <li class=\"pricing-feature\">Herramientas de SEO<\/li>\r\n <li class=\"pricing-feature\">Soporte prioritario<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\">Elegir Pro<\/button>\r\n <\/div>\r\n\r\n <div class=\"pricing-card\">\r\n <h3 class=\"pricing-name\">Business<\/h3>\r\n <p class=\"pricing-description\">Para empresas<\/p>\r\n <div class=\"pricing-price\">\r\n <span class=\"pricing-currency\">$<\/span>\r\n <span class=\"pricing-amount\">27<\/span>\r\n <span class=\"pricing-period\">\/mes<\/span>\r\n <\/div>\r\n <ul class=\"pricing-features\">\r\n <li class=\"pricing-feature\">Todo en Pro<\/li>\r\n <li class=\"pricing-feature\">100GB de almacenamiento<\/li>\r\n <li class=\"pricing-feature\">Pagos online<\/li>\r\n <li class=\"pricing-feature\">E-commerce completo<\/li>\r\n <li class=\"pricing-feature\">Anal\u00edticas avanzadas<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-outline\">Elegir Business<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Testimonials -->\r\n <section class=\"testimonials\" id=\"testimonios\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Testimonios<\/span>\r\n <h2 class=\"section-title\">Lo que dicen nuestros usuarios<\/h2>\r\n <p class=\"section-description\">\r\n Miles de emprendedores y empresas conf\u00edan en nosotros para su presencia online.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">\"Incre\u00edble plataforma. Cre\u00e9 mi sitio web en menos de una hora sin saber programar. El editor es muy intuitivo.\"<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"testimonial-avatar\">M<\/div>\r\n <div>\r\n <div class=\"testimonial-name\">Mar\u00eda Garc\u00eda<\/div>\r\n <div class=\"testimonial-role\">Dise\u00f1adora Freelance<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">\"Mi tienda online genera ventas desde el primer d\u00eda. Las herramientas de e-commerce son muy completas.\"<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"testimonial-avatar\">C<\/div>\r\n <div>\r\n <div class=\"testimonial-name\">Carlos Rodr\u00edguez<\/div>\r\n <div class=\"testimonial-role\">Emprendedor Digital<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">\"El soporte al cliente es excepcional. Siempre resuelven mis dudas r\u00e1pidamente y con mucha amabilidad.\"<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"testimonial-avatar\">A<\/div>\r\n <div>\r\n <div class=\"testimonial-name\">Ana Mart\u00ednez<\/div>\r\n <div class=\"testimonial-role\">Due\u00f1a de Restaurante<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA -->\r\n <section class=\"cta\">\r\n <div class=\"container\">\r\n <div class=\"cta-content\">\r\n <h2 class=\"cta-title\">Comienza a crear hoy mismo<\/h2>\r\n <p class=\"cta-description\">\r\n \u00danete a millones de usuarios que ya crearon su sitio web profesional. Es gratis para comenzar.\r\n <\/p>\r\n <button class=\"btn btn-primary btn-large\">Crear Mi Sitio Web Gratis<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <div class=\"footer-logo\">Wix<\/div>\r\n <p class=\"footer-tagline\">Crea sitios web impresionantes sin c\u00f3digo. La plataforma m\u00e1s f\u00e1cil del mundo.<\/p>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"footer-title\">Producto<\/h4>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#\" class=\"footer-link\">Creador de Sitios<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-link\">Plantillas<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-link\">E-Commerce<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-link\">Dominios<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"footer-title\">Empresa<\/h4>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#\" class=\"footer-link\">Sobre Nosotros<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-link\">Blog<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-link\">Carreras<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-link\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"footer-title\">Soporte<\/h4>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#\" class=\"footer-link\">Centro de Ayuda<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-link\">Comunidad<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-link\">Tutoriales<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-link\">Estado del Sistema<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p class=\"footer-copyright\">\u00a9 2026 Wix Clone. Todos los derechos reservados.<\/p>\r\n <div class=\"footer-socials\">\r\n <a href=\"#\" class=\"footer-social\" aria-label=\"Facebook\">f<\/a>\r\n <a href=\"#\" class=\"footer-social\" aria-label=\"Twitter\">\ud835\udd4f<\/a>\r\n <a href=\"#\" class=\"footer-social\" aria-label=\"Instagram\">\u25ce<\/a>\r\n <a href=\"#\" class=\"footer-social\" aria-label=\"LinkedIn\">in<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Mobile Menu Toggle\r\n const mobileMenuBtn = document.getElementById('mobileMenuBtn');\r\n const mobileMenu = document.getElementById('mobileMenu');\r\n\r\n mobileMenuBtn.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('active');\r\n const isOpen = mobileMenu.classList.contains('active');\r\n mobileMenuBtn.setAttribute('aria-expanded', isOpen);\r\n });\r\n\r\n \/\/ Close mobile menu when clicking a link\r\n const mobileNavLinks = document.querySelectorAll('.mobile-nav-link');\r\n mobileNavLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.remove('active');\r\n });\r\n });\r\n\r\n \/\/ Header scroll effect\r\n const header = document.querySelector('.header');\r\n let lastScroll = 0;\r\n\r\n window.addEventListener('scroll', () => {\r\n const currentScroll = window.pageYOffset;\r\n \r\n if (currentScroll > 100) {\r\n header.style.boxShadow = '0 4px 20px rgba(0, 0, 0, 0.3)';\r\n } else {\r\n header.style.boxShadow = 'none';\r\n }\r\n \r\n lastScroll = currentScroll;\r\n });\r\n\r\n \/\/ Smooth scroll for anchor links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }\r\n });\r\n });\r\n\r\n \/\/ Intersection Observer for animations\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Animate cards on scroll\r\n const animatedElements = document.querySelectorAll('.feature-card, .template-card, .pricing-card, .testimonial-card');\r\n animatedElements.forEach((el, index) => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(20px)';\r\n el.style.transition = `opacity 0.5s ease ${index * 0.1}s, transform 0.5s ease ${index * 0.1}s`;\r\n observer.observe(el);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Caobos Caobos.com | HORIZON Caracter\u00edsticas Plantillas Precios Testimonios Iniciar Sesi\u00f3n Hablar con un asesor Caracter\u00edsticas Plantillas Precios Testimonios Iniciar Sesi\u00f3n Nuevo: IA Integrada para Dise\u00f1o Web Crea Tu E-commerce Impresionante Con nuestra plataforma intuitiva. Sin c\u00f3digo, sin l\u00edmites, solo creatividad ilimitada. Hablar con un asesor Hacer la compra 250M+ Usuarios Activos 190+ Pa\u00edses 800+ Plantillas […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/panel.caobos.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/panel.caobos.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/panel.caobos.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/panel.caobos.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/panel.caobos.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":21,"href":"https:\/\/panel.caobos.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/panel.caobos.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/panel.caobos.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}