{"id":109,"date":"2025-07-18T10:17:24","date_gmt":"2025-07-18T10:17:24","guid":{"rendered":"https:\/\/www.mareaformacion.es\/web\/?page_id=109"},"modified":"2026-05-18T12:13:47","modified_gmt":"2026-05-18T10:13:47","slug":"contacta-con-nosotrs","status":"publish","type":"page","link":"http:\/\/mareaformacion.es\/index.php\/contacta-con-nosotrs\/","title":{"rendered":"Contacta con nosotros &#8211; Lisa"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/dist\/tabler-icons.min.css\">\n\n<style>\n\n:root{\n  --bg:#0f172a;\n  --bg2:#1e293b;\n  --text:#1e293b;\n  --muted:#64748b;\n  --card:#ffffff;\n  --gold:#e9c46a;\n  --border:#e5e7eb;\n}\n\n\/* WRAP *\/\n.mf-wrap{\nfont-family:inherit;\ncolor:var(--text);\n}\n\n\/* HERO *\/\n.mf-hero{\nbackground:linear-gradient(135deg,var(--bg),var(--bg2));\npadding:5rem 1.5rem;\ntext-align:center;\ncolor:#fff;\nposition:relative;\noverflow:hidden;\n}\n\n.mf-hero:before{\ncontent:'';\nposition:absolute;\ntop:-120px;\nright:-120px;\nwidth:300px;\nheight:300px;\nborder-radius:50%;\nbackground:rgba(233,196,106,.08);\n}\n\n.mf-h1{\nfont-size:clamp(2.6rem,5vw,4rem);\nfont-family:Georgia,serif;\nmargin-bottom:1rem;\ncolor:#ffffff;\ntext-shadow:0 6px 18px rgba(0,0,0,.35);\nletter-spacing:-0.5px;\nposition:relative;\ndisplay:inline-block;\n}\n\n.mf-h1:after{\ncontent:\"\";\nposition:absolute;\nleft:50%;\ntransform:translateX(-50%);\nbottom:-12px;\nwidth:70px;\nheight:3px;\nbackground:var(--gold);\nborder-radius:2px;\n}\n\n.mf-lead{\nmax-width:650px;\nmargin:auto;\ncolor:#cbd5e1;\nfont-size:16px;\nline-height:1.8;\nmargin-top:1.5rem;\n}\n\n.mf-container{\nmax-width:1000px;\nmargin:auto;\npadding:0 1rem;\n}\n\n.mf-wrap{\npadding-bottom:2rem;\n}\n\n<\/style>\n\n<div class=\"mf-wrap\">\n\n  <section class=\"mf-hero\">\n    <div class=\"mf-container\">\n      <h1 class=\"mf-h1\">Contacta con nosotros<\/h1>\n      <p class=\"mf-lead\">\n        Estamos aqu\u00ed para ayudarte. Escr\u00edbenos y te responderemos lo antes posible.\n      <\/p>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n\n\n<style>\n\n:root{\n  --bg:#0f172a;\n  --bg2:#1e293b;\n  --text:#1e293b;\n  --muted:#64748b;\n  --card:#ffffff;\n  --gold:#e9c46a;\n  --border:#e5e7eb;\n}\n\n.mf-container{\nmax-width:1000px;\nmargin:auto;\npadding:0 1rem;\n}\n\n.mf-grid-2{\ndisplay:grid;\ngrid-template-columns:1fr 1fr;\ngap:2rem;\nmargin-top:-3rem;\n}\n\n@media(max-width:900px){\n.mf-grid-2{grid-template-columns:1fr;}\n}\n\n.mf-card{\nbackground:var(--card);\nborder:1px solid var(--border);\nborder-radius:18px;\npadding:2rem;\nbox-shadow:0 10px 30px rgba(0,0,0,.05);\n}\n\n\/* INFO *\/\n.mf-info-list{\nlist-style:none;\npadding:0;\nmargin:0;\ndisplay:flex;\nflex-direction:column;\ngap:1.2rem;\n}\n\n.mf-info-item{\ndisplay:flex;\ngap:1rem;\nalign-items:flex-start;\npadding:1rem;\nborder-radius:14px;\nbackground:#f8fafc;\nborder:1px solid #eef2f6;\n}\n\n.mf-info-icon{\nwidth:42px;\nheight:42px;\nborder-radius:12px;\nbackground:linear-gradient(135deg,var(--bg),var(--bg2));\ndisplay:flex;\nalign-items:center;\njustify-content:center;\n}\n\n.mf-info-icon i{\ncolor:var(--gold);\nfont-size:18px;\n}\n\n\/* SOCIAL *\/\n.mf-social{\nmargin-top:1.5rem;\ndisplay:flex;\ngap:.6rem;\n}\n\n.mf-social a{\nwidth:38px;\nheight:38px;\ndisplay:flex;\nalign-items:center;\njustify-content:center;\nbackground:var(--bg);\ncolor:var(--gold);\nborder-radius:10px;\ntext-decoration:none;\n}\n\n.mf-field{margin-bottom:1rem;}\n\n.mf-input,.mf-textarea{\nwidth:100%;\npadding:12px;\nborder:1px solid var(--border);\nborder-radius:12px;\n}\n\n.mf-btn{\nwidth:100%;\npadding:14px;\nborder:none;\nborder-radius:12px;\nbackground:linear-gradient(135deg,var(--bg),var(--bg2));\ncolor:var(--gold);\nfont-weight:700;\ncursor:pointer;\n}\n\n<\/style>\n\n<div class=\"mf-container\">\n\n  <div class=\"mf-grid-2\">\n\n    <!-- IZQUIERDA -->\n    <div class=\"mf-card\">\n\n      <h2>Informaci\u00f3n de contacto<\/h2>\n\n      <ul class=\"mf-info-list\">\n\n        <li class=\"mf-info-item\">\n          <div class=\"mf-info-icon\"><i class=\"ti ti-mail\"><\/i><\/div>\n          <div>\n            <h3>Email<\/h3>\n            <a href=\"mailto:hola@mareaformacion.es\">hola@mareaformacion.es<\/a>\n          <\/div>\n        <\/li>\n\n        <li class=\"mf-info-item\">\n          <div class=\"mf-info-icon\"><i class=\"ti ti-phone\"><\/i><\/div>\n          <div>\n            <h3>Tel\u00e9fono<\/h3>\n            <a href=\"tel:+34952000123\">+34 952 000 123<\/a>\n          <\/div>\n        <\/li>\n\n        <li class=\"mf-info-item\">\n          <div class=\"mf-info-icon\"><i class=\"ti ti-map-pin\"><\/i><\/div>\n          <div>\n            <h3>Direcci\u00f3n<\/h3>\n            <p>Calle Larios 10, M\u00e1laga<\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"mf-info-item\">\n          <div class=\"mf-info-icon\"><i class=\"ti ti-clock\"><\/i><\/div>\n          <div>\n            <h3>Horario<\/h3>\n            <p>Lunes a viernes 9:00 \u2013 18:00<\/p>\n          <\/div>\n        <\/li>\n\n      <\/ul>\n\n      <div class=\"mf-social\">\n        <a href=\"#\"><i class=\"ti ti-brand-instagram\"><\/i><\/a>\n        <a href=\"#\"><i class=\"ti ti-brand-facebook\"><\/i><\/a>\n        <a href=\"#\"><i class=\"ti ti-brand-linkedin\"><\/i><\/a>\n        <a href=\"#\"><i class=\"ti ti-brand-youtube\"><\/i><\/a>\n      <\/div>\n\n    <\/div>\n\n    <!-- DERECHA -->\n    <div class=\"mf-card\">\n\n      <h2>Env\u00edanos un mensaje<\/h2>\n\n      <form>\n\n        <div class=\"mf-field\">\n          <input class=\"mf-input\" placeholder=\"Nombre\">\n        <\/div>\n\n        <div class=\"mf-field\">\n          <input class=\"mf-input\" placeholder=\"Apellidos\">\n        <\/div>\n\n        <div class=\"mf-field\">\n          <input class=\"mf-input\" placeholder=\"Email\">\n        <\/div>\n\n        <div class=\"mf-field\">\n          <input class=\"mf-input\" placeholder=\"Asunto\">\n        <\/div>\n\n        <div class=\"mf-field\">\n          <textarea class=\"mf-textarea\" placeholder=\"Mensaje\"><\/textarea>\n        <\/div>\n\n        <button class=\"mf-btn\">Enviar mensaje<\/button>\n\n      <\/form>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Contacta con nosotros Estamos aqu\u00ed para ayudarte. Escr\u00edbenos y te responderemos lo antes posible. Informaci\u00f3n de contacto Email hola@mareaformacion.es Tel\u00e9fono +34 952 000 123 Direcci\u00f3n Calle Larios 10, M\u00e1laga Horario Lunes a viernes 9:00 \u2013 18:00 Env\u00edanos un 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":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":14,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":348,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/pages\/109\/revisions\/348"}],"wp:attachment":[{"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/media?parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}