{"id":1207,"date":"2026-07-22T13:29:13","date_gmt":"2026-07-22T13:29:13","guid":{"rendered":"http:\/\/localhost\/diawp\/?st-import=09365df8ade7d37359edc5f2970c9438"},"modified":"2026-07-22T17:17:13","modified_gmt":"2026-07-22T17:17:13","slug":"contact","status":"publish","type":"page","link":"https:\/\/zaycast.store\/astral\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ================= SECCI\u00d3N CONTACTO (ESTILO TIMES & LILA) ================= *\/\n\n\/* Aplicar la fuente Times a toda la secci\u00f3n de contacto *\/\n.contact-section-container,\n.contact-section-container * {\n    font-family: 'Times New Roman', Times, serif !important;\n}\n\n\/* Contenedor Principal *\/\n.contact-section-container {\n    max-width: 1200px;\n    margin: 50px auto 0 auto;\n    background: #fdfbfd;\n    border-radius: 24px;\n    padding: 50px 40px;\n    box-shadow: 0 15px 35px rgba(138, 108, 153, 0.08);\n}\n\n\/* Encabezado *\/\n.contact-section-container .section-header {\n    text-align: center;\n    width: 100%;\n    margin-top: 40px;\n    margin-bottom: 25px;\n}\n\n.contact-section-container .main-title {\n    font-size: 3.2rem;\n    color: var(--lilac-primary);\n    text-align: center;\n    letter-spacing: 2px;\n    margin-bottom: 12px;\n}\n\n.contact-intro {\n    font-size: 1.15rem;\n    color: #6a5375; \/* Tono lila oscuro suave *\/\n    text-align: center;\n    max-width: 650px;\n    margin: 0 auto 40px auto;\n    line-height: 1.6;\n}\n\n\/* Grid de Contacto *\/\n.contact-grid {\n    display: grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 40px;\n    align-items: start;\n}\n\n\/* Tarjetas Informativas *\/\n.contact-info-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.contact-card {\n    background: #ffffff;\n    border: 1px solid #e2d3e8; \/* Borde lila suave *\/\n    border-radius: 18px;\n    padding: 20px 25px;\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    box-shadow: 0 6px 20px rgba(138, 108, 153, 0.04);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.contact-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 10px 25px rgba(142, 98, 166, 0.15);\n}\n\n\/* Iconos de las tarjetas *\/\n.contact-icon {\n    width: 52px;\n    height: 52px;\n    background: #f4ecf8; \/* Fondo lila clarito *\/\n    color: var(--lilac-primary); \/* Color lila para el icono *\/\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.contact-details h3 {\n    font-size: 1.4rem;\n    color: var(--lilac-primary); \/* T\u00edtulo de la tarjeta en lila *\/\n    margin-bottom: 4px;\n    font-weight: bold;\n}\n\n.contact-details p {\n    font-size: 1.05rem;\n    color: #584463; \/* Texto lila neutro *\/\n    line-height: 1.4;\n}\n\n\/* Redes Sociales *\/\n.contact-socials {\n    display: flex;\n    gap: 15px;\n    margin-top: 8px;\n}\n\n.contact-socials a {\n    color: var(--lilac-primary);\n    transition: transform 0.3s ease, color 0.3s ease;\n    display: flex;\n    align-items: center;\n}\n\n.contact-socials a:hover {\n    color: #5b3370;\n    transform: scale(1.2);\n}\n\n\/* Formulario *\/\n.contact-form-wrapper {\n    background: #ffffff;\n    border: 1px solid #e2d3e8;\n    border-radius: 20px;\n    padding: 35px;\n    box-shadow: 0 6px 25px rgba(138, 108, 153, 0.04);\n}\n\n.contact-form {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n}\n\n.form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.form-group label {\n    font-size: 1.05rem;\n    font-weight: bold;\n    color: var(--lilac-primary);\n}\n\n.form-group input,\n.form-group textarea {\n    width: 100%;\n    padding: 12px 16px;\n    border: 1px solid #e2d3e8;\n    border-radius: 12px;\n    background: #fcfaff;\n    font-size: 1.05rem;\n    color: #3b2847;\n    outline: none;\n    transition: border-color 0.3s ease, background 0.3s ease;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n    border-color: var(--lilac-primary);\n    background: #ffffff;\n}\n\n\/* Bot\u00f3n de Enviar *\/\n.btn-send {\n    background: var(--lilac-gradient);\n    color: #ffffff !important;\n    border: none;\n    padding: 14px 28px;\n    border-radius: 24px;\n    font-size: 1.1rem;\n    font-weight: bold;\n    letter-spacing: 1px;\n    cursor: pointer;\n    box-shadow: 0 4px 14px rgba(142, 98, 166, 0.35);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    margin-top: 10px;\n}\n\n.btn-send:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 18px rgba(142, 98, 166, 0.45);\n}\n\n\/* Responsivo *\/\n@media (max-width: 850px) {\n    .contact-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n<!-- ================= SECCI\u00d3N CONTACTO ================= -->\n<section class=\"contact-section-container\" id=\"contact\">\n    \n    <!-- Encabezado de la Secci\u00f3n -->\n    <header class=\"section-header\">\n        <h2 class=\"main-title\">\n            <span class=\"watercolor-bg\">CONTACTO<\/span>\n        <\/h2>\n        <p class=\"contact-intro\">\n            \u00bfTienes un proyecto en mente, una consulta o te gustar\u00eda colaborar? \u00a1Me encantar\u00eda escucharte!\n        <\/p>\n    <\/header>\n\n    <!-- Contenido Principal -->\n    <div class=\"contact-grid\">\n        \n        <!-- Columna Izquierda: Informaci\u00f3n de Contacto -->\n        <div class=\"contact-info-wrapper\">\n            \n            <!-- Correo -->\n            <div class=\"contact-card\">\n                <div class=\"contact-icon\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n                <\/div>\n                <div class=\"contact-details\">\n                    <h3>Correo Electr\u00f3nico<\/h3>\n                    <p>zayracastro95@gmail.com<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Ubicaci\u00f3n -->\n            <div class=\"contact-card\">\n                <div class=\"contact-icon\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n                <\/div>\n                <div class=\"contact-details\">\n                    <h3>Ubicaci\u00f3n<\/h3>\n                    <p>ucv 36 LOTE 5 zona B huaycan \u2014 Lima, Per\u00fa (Disponible para trabajo remoto)<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Tel\u00e9fono -->\n            <div class=\"contact-card\">\n                <div class=\"contact-icon\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n                <\/div>\n                <div class=\"contact-details\">\n                    <h3>Tel\u00e9fono \/ WhatsApp<\/h3>\n                    <p>+51 971 760 788<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Redes Sociales -->\n            <div class=\"contact-card\">\n                <div class=\"contact-icon\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"><\/line><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"><\/line><\/svg>\n                <\/div>\n                <div class=\"contact-details\">\n                    <h3>Redes Sociales<\/h3>\n                    <div class=\"contact-socials\">\n                        <!-- Instagram -->\n                        <a href=\"#\" title=\"Instagram\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>\n                        <\/a>\n                        <!-- LinkedIn -->\n                        <a href=\"#\" title=\"LinkedIn\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect><circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle><\/svg>\n                        <\/a>\n                        <!-- Behance \/ Dribbble -->\n                        <a href=\"#\" title=\"Behance\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Columna Derecha: Formulario -->\n        <div class=\"contact-form-wrapper\">\n            <form class=\"contact-form\" onsubmit=\"event.preventDefault(); alert('\u00a1Gracias por tu mensaje! Te responder\u00e9 muy pronto.');\">\n                \n                <div class=\"form-group\">\n                    <label for=\"name\">Nombre Completo<\/label>\n                    <input type=\"text\" id=\"name\" placeholder=\"Escribe tu nombre\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"email\">Correo Electr\u00f3nico<\/label>\n                    <input type=\"email\" id=\"email\" placeholder=\"tu-correo@ejemplo.com\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"subject\">Asunto<\/label>\n                    <input type=\"text\" id=\"subject\" placeholder=\"\u00bfEn qu\u00e9 puedo ayudarte?\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"message\">Mensaje<\/label>\n                    <textarea id=\"message\" rows=\"5\" placeholder=\"Escribe tu mensaje aqu\u00ed...\" required><\/textarea>\n                <\/div>\n\n                <button type=\"submit\" class=\"btn-send\">\n                    ENVIAR MENSAJE\n                <\/button>\n            <\/form>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<figure data-spectra-id=\"spectra-mrwchuhk-9l4927\" class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"672\" height=\"371\" src=\"http:\/\/zaycast.store\/astral\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_qk0t6bqk0t6bqk0t-removebg-preview.png\" alt=\"gemini generated image qk0t6bqk0t6bqk0t removebg preview\" class=\"wp-image-2800\" title=\"Contact\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>CONTACTO \u00bfTienes un proyecto en mente, una consulta o te gustar\u00eda colaborar? \u00a1Me encantar\u00eda escucharte! Correo Electr\u00f3nico zayracastro95@gmail.com Ubicaci\u00f3n ucv 36 LOTE 5 zona B huaycan \u2014 Lima, Per\u00fa (Disponible para trabajo remoto) Tel\u00e9fono \/ WhatsApp +51 971 760 788 Redes Sociales Nombre Completo Correo Electr\u00f3nico Asunto Mensaje ENVIAR MENSAJE<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_zipai_imported":false,"footnotes":""},"class_list":["post-1207","page","type-page","status-publish","hentry"],"spectra_blocks_featured_image_url":null,"spectra_blocks_author_info":{"display_name":"zayra","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/0086b53ef306fee13b4c3a8d525c25c2c65bdea1e05ed630d3a144dd3fe8339a?s=96&d=mm&r=g","author_link":"https:\/\/zaycast.store\/astral\/author\/zayra\/","description":""},"_links":{"self":[{"href":"https:\/\/zaycast.store\/astral\/wp-json\/wp\/v2\/pages\/1207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zaycast.store\/astral\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zaycast.store\/astral\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zaycast.store\/astral\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zaycast.store\/astral\/wp-json\/wp\/v2\/comments?post=1207"}],"version-history":[{"count":6,"href":"https:\/\/zaycast.store\/astral\/wp-json\/wp\/v2\/pages\/1207\/revisions"}],"predecessor-version":[{"id":2805,"href":"https:\/\/zaycast.store\/astral\/wp-json\/wp\/v2\/pages\/1207\/revisions\/2805"}],"wp:attachment":[{"href":"https:\/\/zaycast.store\/astral\/wp-json\/wp\/v2\/media?parent=1207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}