{"id":20,"date":"2026-07-21T04:31:16","date_gmt":"2026-07-21T04:31:16","guid":{"rendered":"https:\/\/yahtha.com\/89\/contactanos\/"},"modified":"2026-07-22T17:58:21","modified_gmt":"2026-07-22T17:58:21","slug":"contactanos","status":"publish","type":"page","link":"https:\/\/yahtha.com\/89\/contactanos\/","title":{"rendered":"Cont\u00e1ctanos"},"content":{"rendered":"<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\n\n*{\n    margin:0;\n    padding:0;\n    box-sizing:border-box;\n    font-family:'Poppins',sans-serif;\n}\n\nbody{\n\n    background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),\n    url(\"https:\/\/images.unsplash.com\/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=1800&q=80\");\n\n    background-size:cover;\n    background-position:center;\n    background-attachment:fixed;\n\n}\n\n.contacto{\n\n    width:90%;\n    max-width:1300px;\n    margin:70px auto;\n\n}\n\n.titulo{\n\n    text-align:center;\n    color:#fff;\n    margin-bottom:50px;\n\n}\n\n.subtitulo{\n\n    display:inline-block;\n    background:#ffffff20;\n    backdrop-filter:blur(10px);\n    padding:8px 20px;\n    border-radius:30px;\n    font-size:15px;\n    margin-bottom:20px;\n\n}\n\n.titulo h1{\n\n    font-size:50px;\n    margin-bottom:15px;\n    text-shadow:0 5px 15px rgba(0,0,0,.3);\n\n}\n\n.titulo p{\n\n    max-width:700px;\n    margin:auto;\n    line-height:1.8;\n\n}\n\n.contenedor{\n\n    display:flex;\n    gap:35px;\n    flex-wrap:wrap;\n\n}\n\n.card{\n\n    flex:1;\n    min-width:360px;\n\n    background:rgba(255,255,255,.95);\n\n    border-radius:25px;\n\n    overflow:hidden;\n\n    box-shadow:0 20px 45px rgba(0,0,0,.25);\n\n    transition:.4s;\n\n}\n\n.card:hover{\n\n    transform:translateY(-10px);\n\n}\n\n.card-header{\n\n    background:linear-gradient(135deg,#009688,#00b894);\n\n    padding:60px 30px 30px;\n\n    color:#fff;\n\n    text-align:center;\n\n    position:relative;\n\n}\n\n.icono{\n\n    width:85px;\n    height:85px;\n\n    background:#fff;\n\n    color:#009688;\n\n    border-radius:50%;\n\n    display:flex;\n    justify-content:center;\n    align-items:center;\n\n    font-size:35px;\n\n    position:absolute;\n\n    left:50%;\n    top:-40px;\n\n    transform:translateX(-50%);\n\n    box-shadow:0 10px 25px rgba(0,0,0,.2);\n\n}\n\n.card-header h2{\n\n    font-size:28px;\n\n    margin-bottom:10px;\n\n}\n\n.card-body{\n\n    padding:30px;\n\n}\n\niframe{\n\n    width:100%;\n    height:450px;\n\n    border:none;\n\n    border-radius:15px;\n\n}\n\n.grupo{\n\n    margin-bottom:20px;\n\n}\n\n.grupo label{\n\n    display:block;\n\n    margin-bottom:8px;\n\n    color:#444;\n\n    font-weight:600;\n\n}\n\n.grupo label i{\n\n    color:#009688;\n\n    margin-right:8px;\n\n}\n\n.grupo input,\n.grupo textarea{\n\n    width:100%;\n\n    padding:15px;\n\n    border:2px solid #e5e5e5;\n\n    border-radius:12px;\n\n    outline:none;\n\n    transition:.3s;\n\n    font-size:15px;\n\n}\n\n.grupo textarea{\n\n    resize:none;\n    height:150px;\n\n}\n\n.grupo input:focus,\n.grupo textarea:focus{\n\n    border-color:#00b894;\n\n    box-shadow:0 0 15px rgba(0,184,148,.25);\n\n}\n\nbutton{\n\n    width:100%;\n\n    padding:16px;\n\n    border:none;\n\n    border-radius:50px;\n\n    background:linear-gradient(90deg,#009688,#00b894);\n\n    color:#fff;\n\n    font-size:17px;\n\n    font-weight:bold;\n\n    cursor:pointer;\n\n    transition:.3s;\n\n}\n\nbutton:hover{\n\n    transform:scale(1.03);\n\n    box-shadow:0 10px 20px rgba(0,184,148,.35);\n\n}\n\n.alerta{\n\n    display:none;\n\n    margin-top:20px;\n\n    background:#d4edda;\n\n    color:#155724;\n\n    padding:15px;\n\n    border-radius:10px;\n\n    text-align:center;\n\n    font-weight:600;\n\n}\n\n.alerta.mostrar{\n\n    display:block;\n\n    animation:fade .5s;\n\n}\n\n@keyframes fade{\n\n    from{\n\n        opacity:0;\n        transform:translateY(-15px);\n\n    }\n\n    to{\n\n        opacity:1;\n        transform:translateY(0);\n\n    }\n\n}\n\n@media(max-width:900px){\n\n    .contenedor{\n\n        flex-direction:column;\n\n    }\n\n    .titulo h1{\n\n        font-size:36px;\n\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nconst formulario = document.getElementById(\"formulario\");\nconst mensaje = document.getElementById(\"mensaje\");\n\nformulario.addEventListener(\"submit\", function(e){\n\n    e.preventDefault();\n\n    \/\/ Aqu\u00ed puedes agregar EmailJS o FormSubmit\n\n    mensaje.classList.add(\"mostrar\");\n\n    formulario.reset();\n\n    setTimeout(function(){\n\n        mensaje.classList.remove(\"mostrar\");\n\n    },4000);\n\n});\n<\/script>\n\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <title>Contacto &#8211; Huanta Travel<\/title>\n\n    <link rel=\"stylesheet\" href=\"style.css\">\n\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.6.0\/css\/all.min.css\">\n\n\n\n\n\n<section class=\"contacto\">\n\n    <div class=\"titulo\">\n\n        <span class=\"subtitulo\">\n            \u2708 Explora Huanta\n        <\/span>\n\n        <h1>Cont\u00e1ctanos<\/h1>\n\n        <p>\n            \u00bfTienes alguna consulta o deseas conocer los mejores destinos tur\u00edsticos de Huanta?\n            Estamos listos para ayudarte.\n        <\/p>\n\n    <\/div>\n\n    <div class=\"contenedor\">\n\n        <!-- TARJETA MAPA -->\n\n        <div class=\"card\">\n\n            <div class=\"card-header\">\n\n                <div class=\"icono\">\n                    <i class=\"fa-solid fa-location-dot\"><\/i>\n                <\/div>\n\n                <h2>Nuestra Ubicaci\u00f3n<\/h2>\n\n                <p>Huanta &#8211; Ayacucho &#8211; Per\u00fa<\/p>\n\n            <\/div>\n\n            <div class=\"card-body\">\n\n                <iframe src=\"https:\/\/www.google.com\/maps?q=Huanta,Ayacucho,Peru&amp;output=embed\" loading=\"lazy\">\n                <\/iframe>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- TARJETA FORMULARIO -->\n\n        <div class=\"card\">\n\n            <div class=\"card-header\">\n\n                <div class=\"icono\">\n                    <i class=\"fa-solid fa-paper-plane\"><\/i>\n                <\/div>\n\n                <h2>Escr\u00edbenos<\/h2>\n\n                <p>Responderemos lo antes posible.<\/p>\n\n            <\/div>\n\n            <div class=\"card-body\">\n\n                <form id=\"formulario\">\n\n                    <div class=\"grupo\">\n\n                        <label>\n                            <i class=\"fa-solid fa-user\"><\/i>\n                            Nombre Completo\n                        <\/label>\n\n                        <input type=\"text\" placeholder=\"Ingresa tu nombre\" required=\"\">\n\n                    <\/div>\n\n                    <div class=\"grupo\">\n\n                        <label>\n                            <i class=\"fa-solid fa-envelope\"><\/i>\n                            Correo Electr\u00f3nico\n                        <\/label>\n\n                        <input type=\"email\" placeholder=\"correo@ejemplo.com\" required=\"\">\n\n                    <\/div>\n\n                    <div class=\"grupo\">\n\n                        <label>\n                            <i class=\"fa-solid fa-bookmark\"><\/i>\n                            Asunto\n                        <\/label>\n\n                        <input type=\"text\" placeholder=\"Asunto del mensaje\" required=\"\">\n\n                    <\/div>\n\n                    <div class=\"grupo\">\n\n                        <label>\n                            <i class=\"fa-solid fa-comment-dots\"><\/i>\n                            Mensaje\n                        <\/label>\n\n                        <textarea placeholder=\"Escribe aqu\u00ed tu mensaje...\" required=\"\"><\/textarea>\n\n                    <\/div>\n\n                    <button type=\"submit\">\n\n                        <i class=\"fa-solid fa-paper-plane\"><\/i>\n\n                        Enviar Mensaje\n\n                    <\/button>\n\n                    <div id=\"mensaje\" class=\"alerta\">\n\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\n\n                        \u00a1Mensaje enviado correctamente!\n\n                    <\/div>\n\n                <\/form>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script src=\"script.js\"><\/script>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contacto &#8211; Huanta Travel \u2708 Explora Huanta Cont\u00e1ctanos \u00bfTienes alguna consulta o deseas conocer los mejores destinos tur\u00edsticos de Huanta? Estamos listos para ayudarte. Nuestra Ubicaci\u00f3n Huanta &#8211; Ayacucho &#8211; Per\u00fa Escr\u00edbenos Responderemos lo antes posible. Nombre Completo Correo Electr\u00f3nico Asunto Mensaje Enviar Mensaje \u00a1Mensaje enviado correctamente!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yahtha.com\/89\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yahtha.com\/89\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yahtha.com\/89\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yahtha.com\/89\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yahtha.com\/89\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":7,"href":"https:\/\/yahtha.com\/89\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":153,"href":"https:\/\/yahtha.com\/89\/wp-json\/wp\/v2\/pages\/20\/revisions\/153"}],"wp:attachment":[{"href":"https:\/\/yahtha.com\/89\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}