{"id":45,"date":"2026-09-23T04:46:29","date_gmt":"2026-09-23T10:46:29","guid":{"rendered":"http:\/\/perseo.shop\/contacto\/"},"modified":"2026-10-05T20:01:33","modified_gmt":"2026-10-06T02:01:33","slug":"contacto","status":"publish","type":"page","link":"https:\/\/perseo.shop\/de\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"<style>\n.ct-page { background: #0A1F44; color: #fff; font-family: 'Inter', sans-serif; min-height: 100vh; }\n.ct-page h1, .ct-page h2, .ct-page h3 { font-family: 'Space Grotesk', sans-serif; color: #fff; margin: 0 0 1rem; letter-spacing: -0.025em; }\n.ct-page p { color: #B8C4DB; margin: 0 0 1rem; }\n.ct-container { max-width: 1080px; margin: 0 auto; padding: 0 1.5rem; }\n\n.ct-hero {\n    padding: 6rem 0 3rem;\n    text-align: center;\n    background: radial-gradient(ellipse at 50% 0%, rgba(0,229,255,0.15) 0%, transparent 60%), #0A1F44;\n}\n.ct-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.5rem 1.25rem;\n    background: linear-gradient(135deg, rgba(0,229,255,0.12), rgba(124,58,237,0.12));\n    border: 1px solid rgba(0,229,255,0.25);\n    border-radius: 50px;\n    font-size: 0.85rem;\n    color: #00E5FF;\n    margin-bottom: 1.5rem;\n}\n.ct-hero h1 {\n    font-size: clamp(2rem, 4.5vw, 3.5rem);\n    line-height: 1.15;\n    max-width: 800px;\n    margin: 0 auto 1.5rem;\n    background: linear-gradient(180deg, #FFFFFF 0%, #B8C4DB 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n.ct-hero .lead { font-size: 1.15rem; max-width: 720px; margin: 0 auto; }\n\n.ct-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; padding: 4rem 0; align-items: start; }\n\n.ct-info h2 { font-size: 1.5rem; margin-bottom: 1.5rem; }\n.ct-info-item {\n    display: flex;\n    gap: 1rem;\n    padding: 1.25rem;\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(0,229,255,0.15);\n    border-radius: 16px;\n    margin-bottom: 1rem;\n    transition: all 0.3s;\n}\n.ct-info-item:hover { border-color: rgba(0,229,255,0.4); background: rgba(0,229,255,0.06); }\n.ct-info-icon {\n    width: 44px;\n    height: 44px;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #00E5FF, #7C3AED);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.25rem;\n    flex-shrink: 0;\n}\n.ct-info-item h3 { font-size: 1rem; margin: 0 0 0.25rem; }\n.ct-info-item p { margin: 0; font-size: 0.9rem; }\n.ct-info-item a { color: #00E5FF; text-decoration: none; }\n.ct-info-item a:hover { text-decoration: underline; }\n\n.ct-form {\n    padding: 2.5rem;\n    background: linear-gradient(135deg, rgba(0,229,255,0.06), rgba(124,58,237,0.06));\n    border: 1px solid rgba(0,229,255,0.25);\n    border-radius: 24px;\n}\n.ct-form h2 { font-size: 1.5rem; margin-bottom: 0.5rem; }\n.ct-form .subtitle { font-size: 0.95rem; margin-bottom: 1.75rem; }\n.ct-form label { display: block; color: #B8C4DB; font-size: 0.85rem; font-weight: 500; margin-bottom: 0.5rem; }\n.ct-form input, .ct-form select, .ct-form textarea {\n    width: 100%;\n    padding: 0.9rem 1rem;\n    background: rgba(255,255,255,0.05);\n    border: 1px solid rgba(0,229,255,0.2);\n    border-radius: 12px;\n    color: #fff;\n    font-family: inherit;\n    font-size: 0.95rem;\n    margin-bottom: 1.25rem;\n    outline: none;\n    transition: all 0.3s;\n}\n.ct-form input:focus, .ct-form select:focus, .ct-form textarea:focus {\n    border-color: #00E5FF;\n    box-shadow: 0 0 15px rgba(0,229,255,0.15);\n}\n.ct-form textarea { min-height: 120px; resize: vertical; }\n.ct-form button {\n    width: 100%;\n    padding: 1.1rem;\n    background: linear-gradient(135deg, #00E5FF, #7C3AED);\n    color: #fff;\n    border: none;\n    border-radius: 50px;\n    font-family: 'Space Grotesk', sans-serif;\n    font-weight: 700;\n    font-size: 1rem;\n    cursor: pointer;\n    transition: all 0.35s;\n    box-shadow: 0 10px 30px rgba(0,229,255,0.3);\n}\n.ct-form button:hover { transform: translateY(-3px); box-shadow: 0 18px 45px rgba(0,229,255,0.5); }\n.ct-form .note { font-size: 0.8rem; text-align: center; margin-top: 1rem; color: #7A8BA8; }\n\n.ct-cta {\n    padding: 4rem 2rem;\n    text-align: center;\n    background: radial-gradient(ellipse at center, rgba(0,229,255,0.1), transparent 60%), #061533;\n    border-top: 1px solid rgba(0,229,255,0.1);\n    border-radius: 24px;\n    margin: 3rem 0;\n}\n.ct-cta h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 1rem; }\n.ct-cta p { max-width: 560px; margin: 0 auto 2rem; }\n\n@media (max-width: 768px) {\n    .ct-grid { grid-template-columns: 1fr; gap: 2rem; }\n    .ct-form { padding: 1.75rem; }\n}\n<\/style>\n\n<div class=\"ct-page\">\n\n    <section class=\"ct-hero\">\n        <div class=\"ct-container\">\n            <div class=\"ct-badge\">\ud83d\udce9 Estamos para ayudarte<\/div>\n            <h1>Hablemos de tu Proyecto<\/h1>\n            <p class=\"lead\">Cu\u00e9ntanos qu\u00e9 necesitas y te responderemos en menos de 24 horas. Tambi\u00e9n puedes chatear con nuestro agente de IA que responde al instante.<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"ct-container\">\n        <div class=\"ct-grid\">\n\n            <div class=\"ct-info\">\n                <h2>Informaci\u00f3n de Contacto<\/h2>\n\n                <div class=\"ct-info-item\">\n                    <div class=\"ct-info-icon\">\u2709\ufe0f<\/div>\n                    <div>\n                        <h3>Email<\/h3>\n                        <p><a href=\"mailto:jr-manager@perseo.shop\">jr-manager@perseo.shop<\/a><\/p>\n                        <p style=\"font-size:0.8rem;color:#7A8BA8;\">Respuesta autom\u00e1tica con IA 24\/7<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ct-info-item\">\n                    <div class=\"ct-info-icon\">\ud83c\udfe2<\/div>\n                    <div>\n                        <h3>Direcci\u00f3n<\/h3>\n                        <p>Av. Santa Fe #481, Piso 22<br>\n                        Colonia Cruz Manca<br>\n                        Cuajimalpa de Morelos<br>\n                        C.P. 05349, Ciudad de M\u00e9xico<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ct-info-item\">\n                    <div class=\"ct-info-icon\">\ud83d\udcac<\/div>\n                    <div>\n                        <h3>Chat con IA<\/h3>\n                        <p>Respuesta inmediata con nuestro agente inteligente.<\/p>\n                        <p style=\"font-size:0.85rem;margin-top:0.5rem;\">\n                            <a href=\"#\" onclick=\"document.getElementById('perseo-global-toggle').click(); return false;\" style=\"color:#00E5FF;font-weight:600;\">Abrir chat \u2192<\/a>\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ct-info-item\">\n                    <div class=\"ct-info-icon\">\ud83c\udf10<\/div>\n                    <div>\n                        <h3>Desarrollo<\/h3>\n                        <p>Este es un desarrollo de <a href=\"https:\/\/avatarmexchange.com\" target=\"_blank\" rel=\"noopener\">Avatarmexchange.com<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <form class=\"ct-form\" method=\"post\" action=\"\/wp-json\/perseo\/v1\/contact\" data-trp-original-action=\"\/wp-json\/perseo\/v1\/contact\">\n                <h2>Env\u00edanos un mensaje<\/h2>\n                <p class=\"subtitle\">Completa el formulario y nos pondremos en contacto contigo.<\/p>\n\n                <label for=\"ct-nombre\">Nombre completo *<\/label>\n                <input type=\"text\" id=\"ct-nombre\" name=\"nombre\" required>\n\n                <label for=\"ct-email\">Correo electr\u00f3nico *<\/label>\n                <input type=\"email\" id=\"ct-email\" name=\"email\" required>\n\n                <label for=\"ct-telefono\">Tel\u00e9fono \/ WhatsApp<\/label>\n                <input type=\"tel\" id=\"ct-telefono\" name=\"telefono\">\n\n                <label for=\"ct-tipo\">Tipo de negocio *<\/label>\n                <select id=\"ct-tipo\" name=\"tipo\" required>\n                    <option value=\"\">Selecciona una opci\u00f3n<\/option>\n                    <option value=\"restaurante\">Restaurante o cafeter\u00eda<\/option>\n                    <option value=\"tienda\">Tienda o retail<\/option>\n                    <option value=\"servicios\">Servicios profesionales<\/option>\n                    <option value=\"emprendedor\">Emprendedor (idea nueva)<\/option>\n                    <option value=\"grupo\">Grupo empresarial<\/option>\n                    <option value=\"otro\">Otro<\/option>\n                <\/select>\n\n                <label for=\"ct-mensaje\">Cu\u00e9ntanos tu proyecto *<\/label>\n                <textarea id=\"ct-mensaje\" name=\"mensaje\" required placeholder=\"Describe brevemente qu\u00e9 necesitas, tu objetivo y cualquier detalle que nos ayude a entender tu situaci\u00f3n.\"><\/textarea>\n\n                <button type=\"submit\">Enviar Mensaje \u2192<\/button>\n                <p class=\"note\">\ud83d\udd12 Tu informaci\u00f3n es confidencial. No compartimos datos con terceros.<\/p>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\n\n        <\/div>\n    <\/section>\n\n    <section class=\"ct-container\">\n        <div class=\"ct-cta\">\n            <h2>\u00bfPrefieres hablar con nuestro agente de IA?<\/h2>\n            <p>Respuesta inmediata, sin formularios, sin esperas. Preg\u00fantale lo que quieras sobre nuestros servicios.<\/p>\n            <button onclick=\"document.getElementById('perseo-global-toggle').click();\" style=\"padding:1rem 2.2rem; background:linear-gradient(135deg,#00E5FF,#7C3AED); color:#fff; border:none; border-radius:50px; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:1rem; cursor:pointer; box-shadow:0 10px 30px rgba(0,229,255,0.3);\">\n                Hablar con IA \u2192\n            <\/button>\n        <\/div>\n    <\/section>\n\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/perseo.shop\/de\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/perseo.shop\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/perseo.shop\/de\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/perseo.shop\/de\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":1,"href":"https:\/\/perseo.shop\/de\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/perseo.shop\/de\/wp-json\/wp\/v2\/pages\/45\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/perseo.shop\/de\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}