{"id":584,"date":"2020-10-13T06:47:01","date_gmt":"2020-10-13T06:47:01","guid":{"rendered":"http:\/\/localhost\/razzi\/?page_id=584"},"modified":"2025-12-29T20:39:53","modified_gmt":"2025-12-29T20:39:53","slug":"contactar","status":"publish","type":"page","link":"https:\/\/smartersmedia.com\/en\/contactar\/","title":{"rendered":"Contactar"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"584\" class=\"elementor elementor-584\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9bb857d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9bb857d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eb1d999\" data-id=\"eb1d999\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c608faf elementor-widget elementor-widget-html\" data-id=\"c608faf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \r\n  INSTRUCCIONES PARA ELEMENTOR (P\u00c1GINA CONTACTO):\r\n  Copia todo este c\u00f3digo y p\u00e9galo dentro de un widget \"HTML Code\" en una nueva p\u00e1gina de Elementor.\r\n-->\r\n\r\n<!-- 1. Cargamos Tailwind CSS -->\r\n\r\n\r\n<!-- 2. Cargamos Lucide Icons -->\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n<!-- 3. Estilos Personalizados (Globales y Formulario) -->\r\n<style>\r\n  \/* Animaciones *\/\r\n  @keyframes fadeInUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translate3d(0, 40px, 0);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n  }\r\n  .animate-fade-in-up {\r\n    animation-name: fadeInUp;\r\n    animation-duration: 0.8s;\r\n    animation-fill-mode: both;\r\n  }\r\n\r\n  \/* --- ESTILOS CONTACT FORM 7 --- *\/\r\n  .wpcf7 input[type=\"text\"],\r\n  .wpcf7 input[type=\"email\"],\r\n  .wpcf7 input[type=\"tel\"],\r\n  .wpcf7 textarea {\r\n      width: 100%;\r\n      background-color: #f9fafb;\r\n      border: 1px solid #e5e7eb;\r\n      border-radius: 0.5rem;\r\n      padding: 0.75rem 1rem;\r\n      outline: none;\r\n      transition: all 0.3s ease;\r\n      font-size: 1rem;\r\n      color: #1f2937;\r\n      margin-bottom: 0.5rem;\r\n  }\r\n  .wpcf7 input:focus, .wpcf7 textarea:focus {\r\n      border-color: #eab308;\r\n      box-shadow: 0 0 0 3px rgba(254, 240, 138, 0.5);\r\n      background-color: #ffffff;\r\n  }\r\n  .wpcf7 label {\r\n      font-weight: 700;\r\n      color: #0B1437;\r\n      font-size: 0.875rem;\r\n      margin-bottom: 0.25rem;\r\n      display: block;\r\n  }\r\n  .wpcf7 input[type=\"submit\"] {\r\n      width: 100%;\r\n      background-color: #0B1437;\r\n      color: white;\r\n      font-weight: bold;\r\n      font-size: 1.125rem;\r\n      padding: 1rem;\r\n      border-radius: 0.75rem;\r\n      cursor: pointer;\r\n      border: none;\r\n      transition: background-color 0.3s;\r\n      margin-top: 1rem;\r\n      box-shadow: 0 10px 15px -3px rgba(30, 58, 138, 0.2);\r\n  }\r\n  .wpcf7 input[type=\"submit\"]:hover {\r\n      background-color: #1e3a8a;\r\n  }\r\n  .wpcf7 p { margin-bottom: 1rem; }\r\n  .wpcf7 .ajax-loader { display: none !important; }\r\n<\/style>\r\n\r\n<div class=\"font-sans text-gray-800 antialiased overflow-x-hidden bg-white\">\r\n      \r\n  <!-- Hero Section (Contact) -->\r\n  <header class=\"relative min-h-[50vh] flex items-center py-20 overflow-hidden\">\r\n    <!-- Background -->\r\n    <div class=\"absolute inset-0 z-0\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/smartersmedia.com\/wp-content\/uploads\/smarters-optimized\/contact-building.jpg\" \r\n        alt=\"Modern Building\" \r\n        class=\"w-full h-full object-cover\"\r\n      \/>\r\n      <!-- Diagonal Gradient Overlay -->\r\n      <div class=\"absolute inset-0 bg-gradient-to-br from-[#0B1437] via-[#0B1437]\/90 to-transparent\"><\/div>\r\n      <div class=\"absolute bottom-0 left-0 w-full h-24 bg-gradient-to-t from-gray-50 to-transparent z-10\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"container mx-auto px-6 relative z-10 text-center\">\r\n      <div class=\"max-w-3xl mx-auto text-white animate-fade-in-up\">\r\n        <div class=\"inline-block px-4 py-1 border border-yellow-500\/50 rounded-full bg-yellow-500\/10 backdrop-blur-sm mb-4\">\r\n          <span class=\"text-yellow-500 text-xs font-bold tracking-wider uppercase\">Estamos aqu\u00ed para ayudarte<\/span>\r\n        <\/div>\r\n        \r\n        <h1 class=\"text-5xl md:text-6xl font-bold leading-tight mb-6 text-white\">\r\n          Hablemos de tu <br\/>\r\n          Pr\u00f3ximo <span class=\"text-yellow-500\">Proyecto<\/span>\r\n        <\/h1>\r\n        \r\n        <p class=\"text-gray-300 text-lg md:text-xl leading-relaxed mb-20\">\r\n          Ya sea una duda r\u00e1pida o una estrategia compleja, nuestro equipo en Almer\u00eda est\u00e1 listo para escucharte.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- Contact Info Cards -->\r\n  <section class=\"py-16 bg-gray-50 -mt-16 relative z-20\">\r\n    <div class=\"container mx-auto px-6\">\r\n        <div class=\"grid md:grid-cols-3 gap-8\">\r\n            \r\n            <!-- Card 1: Phone -->\r\n            <div class=\"bg-white p-8 rounded-2xl shadow-lg text-center hover:-translate-y-2 transition-transform duration-300 group\">\r\n                <div class=\"w-16 h-16 bg-blue-50 rounded-full flex items-center justify-center mx-auto mb-6 group-hover:bg-[#0B1437] transition-colors\">\r\n                    <i data-lucide=\"phone\" class=\"w-8 h-8 text-[#0B1437] group-hover:text-yellow-500 transition-colors\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"text-xl font-bold text-[#0B1437] mb-2\">Ll\u00e1manos<\/h3>\r\n                <p class=\"text-gray-500 text-sm mb-4\">Lunes a Viernes, 9:00 - 18:00<\/p>\r\n                <a href=\"tel:+34950000000\" class=\"text-lg font-bold text-yellow-600 hover:text-yellow-700 block\">+34 950 14 14 76<\/a>\r\n            <\/div>\r\n\r\n            <!-- Card 2: Email -->\r\n            <div class=\"bg-white p-8 rounded-2xl shadow-lg text-center hover:-translate-y-2 transition-transform duration-300 group\">\r\n                <div class=\"w-16 h-16 bg-blue-50 rounded-full flex items-center justify-center mx-auto mb-6 group-hover:bg-[#0B1437] transition-colors\">\r\n                    <i data-lucide=\"mail\" class=\"w-8 h-8 text-[#0B1437] group-hover:text-yellow-500 transition-colors\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"text-xl font-bold text-[#0B1437] mb-2\">Escr\u00edbenos<\/h3>\r\n                <p class=\"text-gray-500 text-sm mb-4\">Respondemos en menos de 24h<\/p>\r\n                <a href=\"mailto:info@smartmedia.es\" class=\"text-lg font-bold text-yellow-600 hover:text-yellow-700 block\">info@smartmedia.com<\/a>\r\n            <\/div>\r\n\r\n            <!-- Card 3: Location -->\r\n            <div class=\"bg-white p-8 rounded-2xl shadow-lg text-center hover:-translate-y-2 transition-transform duration-300 group\">\r\n                <div class=\"w-16 h-16 bg-blue-50 rounded-full flex items-center justify-center mx-auto mb-6 group-hover:bg-[#0B1437] transition-colors\">\r\n                    <i data-lucide=\"map-pin\" class=\"w-8 h-8 text-[#0B1437] group-hover:text-yellow-500 transition-colors\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"text-xl font-bold text-[#0B1437] mb-2\">Vis\u00edtanos<\/h3>\r\n                <p class=\"text-gray-500 text-sm mb-4\">Ven a tomar un caf\u00e9<\/p>\r\n                <span class=\"text-lg font-bold text-yellow-600 block\">Calle Ermita 1<br\/>04859 Chercos, Almer\u00eda<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Main Contact Section (Map + Form) -->\r\n  <section class=\"py-20 bg-white\">\r\n    <div class=\"container mx-auto px-6\">\r\n        <div class=\"flex flex-col lg:flex-row gap-12 bg-white rounded-3xl overflow-hidden shadow-2xl border border-gray-100\">\r\n            \r\n            <!-- Map Side (Left) -->\r\n            <div class=\"lg:w-1\/2 relative min-h-[400px] lg:min-h-full bg-gray-200\">\r\n                <!-- Google Maps Iframe Placeholder -->\r\n                <iframe \r\n                    src=\"https:\/\/www.google.com\/maps?q=Calle%20Ermita%201%2004859%20Chercos%20Almeria&output=embed\" \r\n                    width=\"100%\" \r\n                    height=\"100%\" \r\n                    style=\"border:0; position: absolute; inset: 0;\" \r\n                    allowfullscreen=\"\" \r\n                    loading=\"lazy\" \r\n                    referrerpolicy=\"no-referrer-when-downgrade\">\r\n                <\/iframe>\r\n                \r\n                <!-- Overlay Info -->\r\n                <div class=\"absolute bottom-6 left-6 bg-white\/90 backdrop-blur p-4 rounded-xl shadow-lg max-w-xs\">\r\n                    <p class=\"text-xs font-bold text-gray-400 uppercase mb-1\">Horario<\/p>\r\n                    <p class=\"text-[#0B1437] text-sm font-semibold\">Lunes - Jueves: 9:00 - 18:00<\/p>\r\n                    <p class=\"text-[#0B1437] text-sm font-semibold\">Viernes: 9:00 - 15:00<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Form Side (Right) -->\r\n            <div class=\"lg:w-1\/2 p-8 lg:p-12\">\r\n                <div class=\"mb-8\">\r\n                    <h2 class=\"text-3xl font-bold text-[#0B1437] mb-2\">Env\u00edanos un mensaje<\/h2>\r\n                    <p class=\"text-gray-500\">Rellena el formulario y nos pondremos en contacto contigo lo antes posible.<\/p>\r\n                <\/div>\r\n\r\n                <!-- SHORTCODE CONTAINER -->\r\n                <div class=\"wpcf7\">\r\n                    <!-- AQU\u00cd SE RENDERIZAR\u00c1 TU FORMULARIO -->\r\n                    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f6-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"6\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/584#wpcf7-f6-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/en\/wp-json\/wp\/v2\/pages\/584#wpcf7-f6-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"6\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f6-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Tu nombre<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Tu correo<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Asunto<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Mensaje (opcional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n<\/div>\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<!-- FAQ Section -->\r\n<section class=\"pt-20 pb-32 bg-gray-50 border-t border-gray-200\">\r\n  <div class=\"container mx-auto px-6 max-w-4xl\">\r\n    <div class=\"text-center mb-12\">\r\n      <h2 class=\"text-3xl font-bold text-[#0B1437] mb-4\">Preguntas Frecuentes<\/h2>\r\n      <p class=\"text-gray-600\">Resolvemos tus dudas antes de empezar.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"space-y-4\">\r\n      <!-- FAQ 1 -->\r\n      <div class=\"bg-white rounded-xl shadow-sm p-6\">\r\n        <h4 class=\"font-bold text-[#0B1437] text-lg mb-2 flex items-center gap-2\">\r\n          <i data-lucide=\"help-circle\" class=\"text-yellow-500 w-5 h-5\"><\/i>\r\n          \u00bfTrabaj\u00e1is solo con empresas de Almer\u00eda?\r\n        <\/h4>\r\n        <p class=\"text-gray-600 text-sm ml-7\">\r\n          Aunque somos una agencia local orgullosa de nuestras ra\u00edces, trabajamos con clientes de toda Espa\u00f1a y Europa gracias a las herramientas digitales.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- FAQ 2 -->\r\n      <div class=\"bg-white rounded-xl shadow-sm p-6\">\r\n        <h4 class=\"font-bold text-[#0B1437] text-lg mb-2 flex items-center gap-2\">\r\n          <i data-lucide=\"help-circle\" class=\"text-yellow-500 w-5 h-5\"><\/i>\r\n          \u00bfHac\u00e9is presupuestos sin compromiso?\r\n        <\/h4>\r\n        <p class=\"text-gray-600 text-sm ml-7\">\r\n          \u00a1Por supuesto! Cu\u00e9ntanos tu idea y prepararemos una propuesta detallada y personalizada sin ning\u00fan coste para ti.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- FAQ 3 -->\r\n      <div class=\"bg-white rounded-xl shadow-sm p-6\">\r\n        <h4 class=\"font-bold text-[#0B1437] text-lg mb-2 flex items-center gap-2\">\r\n          <i data-lucide=\"help-circle\" class=\"text-yellow-500 w-5 h-5\"><\/i>\r\n          \u00bfQu\u00e9 servicios incluye vuestro mantenimiento?\r\n        <\/h4>\r\n        <p class=\"text-gray-600 text-sm ml-7\">\r\n          Desde copias de seguridad diarias y actualizaciones de seguridad hasta peque\u00f1os cambios de contenido y soporte t\u00e9cnico prioritario.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  lucide.createIcons();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Estamos aqu\u00ed para ayudarte Hablemos de tu Pr\u00f3ximo Proyecto Ya sea una duda r\u00e1pida o una estrategia compleja, nuestro equipo en Almer\u00eda est\u00e1 listo para escucharte. Ll\u00e1manos Lunes a Viernes, 9:00 \u2013 18:00 +34 950 14 14 76 Escr\u00edbenos Respondemos en menos de 24h info@smartmedia.com Vis\u00edtanos Ven a tomar un caf\u00e9 Calle Ermita 104859 Chercos, [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-584","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/pages\/584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/comments?post=584"}],"version-history":[{"count":25,"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/pages\/584\/revisions"}],"predecessor-version":[{"id":13206,"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/pages\/584\/revisions\/13206"}],"wp:attachment":[{"href":"https:\/\/smartersmedia.com\/en\/wp-json\/wp\/v2\/media?parent=584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}