{"id":143,"date":"2026-01-09T01:09:41","date_gmt":"2026-01-09T00:09:41","guid":{"rendered":"https:\/\/profecatala.davidibiza.com\/?page_id=143"},"modified":"2026-01-09T02:35:21","modified_gmt":"2026-01-09T01:35:21","slug":"contacto","status":"publish","type":"page","link":"https:\/\/profecatala.davidibiza.com\/?page_id=143","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"143\" class=\"elementor elementor-143\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-481d54b e-flex e-con-boxed e-con e-parent\" data-id=\"481d54b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6666dd elementor-widget elementor-widget-html\" data-id=\"e6666dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"contact-section\">\r\n  <div class=\"contact-inner\">\r\n\r\n    <!-- COLUMNA IZQUIERDA -->\r\n    <div class=\"contact-left\">\r\n      <div class=\"avatar-wrap\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/profecatala.davidibiza.com\/wp-content\/uploads\/2026\/01\/image-2026-01-08T151510.604.jpg\"\r\n          alt=\"Profe de Catal\u00e0\"\r\n        >\r\n      <\/div>\r\n\r\n      <h2 class=\"contact-title\">\r\n        <span>\u00bfTienes alguna pregunta?<\/span><br>\r\n        \u00bfTe podemos ayudar en algo?\r\n      <\/h2>\r\n\r\n      <p class=\"contact-text\">\r\n        D\u00e9janos tu mensaje y recibir\u00e1s una respuesta pronto\r\n        <br>(lunes\u2013viernes)\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- COLUMNA DERECHA -->\r\n    <div class=\"contact-right\">\r\n      <form class=\"contact-form\">\r\n\r\n        <label>Tu nombre *<\/label>\r\n        <input type=\"text\" required>\r\n\r\n        <label>Tu email *<\/label>\r\n        <input type=\"email\" required>\r\n\r\n        <label>Tu nivel de catal\u00e1n *<\/label>\r\n        <select required>\r\n          <option value=\"\">Selecciona<\/option>\r\n          <option>A2<\/option>\r\n          <option>B1<\/option>\r\n          <option>B2<\/option>\r\n          <option>C1<\/option>\r\n          <option>C2<\/option>\r\n        <\/select>\r\n\r\n        <label>Mensaje *<\/label>\r\n        <textarea rows=\"4\" required><\/textarea>\r\n\r\n        <button type=\"submit\" class=\"contact-btn\">\r\n          Enviar\r\n        <\/button>\r\n\r\n        <p class=\"contact-note\">\r\n          Contestamos en d\u00edas laborales\r\n        <\/p>\r\n\r\n      <\/form>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================= CONTENEDOR ================= *\/\r\n.contact-section{\r\n  padding:80px 20px;\r\n  font-family:Inter, system-ui, sans-serif;\r\n}\r\n.contact-inner{\r\n  max-width:1100px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:80px;\r\n  align-items:center;\r\n}\r\n\r\n\/* ================= AVATAR ================= *\/\r\n.avatar-wrap{\r\n  width:72px;\r\n  height:72px;\r\n  border-radius:50%;\r\n  overflow:hidden;\r\n  margin-bottom:22px;\r\n  box-shadow:0 8px 22px rgba(0,0,0,.15);\r\n}\r\n.avatar-wrap img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n}\r\n\r\n\/* ================= IZQUIERDA ================= *\/\r\n.contact-title{\r\n  font-size:44px;\r\n  line-height:1.15;\r\n  font-weight:800;\r\n  margin-bottom:22px;\r\n  color:#2b211e;\r\n}\r\n.contact-title span{\r\n  color:#c3002f;\r\n}\r\n.contact-text{\r\n  font-size:16px;\r\n  color:#555;\r\n}\r\n\r\n\/* ================= FORM ================= *\/\r\n.contact-right{\r\n  background:#fff;\r\n  border-radius:28px;\r\n  padding:40px;\r\n  box-shadow:0 30px 70px rgba(0,0,0,.08);\r\n}\r\n.contact-form label{\r\n  font-size:14px;\r\n  font-weight:600;\r\n  margin-bottom:6px;\r\n  display:block;\r\n}\r\n.contact-form input,\r\n.contact-form textarea,\r\n.contact-form select{\r\n  width:100%;\r\n  background:#e1e5e8;\r\n  border:none;\r\n  border-radius:14px;\r\n  padding:16px;\r\n  font-size:15px;\r\n  margin-bottom:20px;\r\n  outline:none;\r\n}\r\n.contact-form select{\r\n  appearance:none;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' fill='%23666' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 7l4.5 4.5L14.5 7'\/%3E%3C\/svg%3E\");\r\n  background-repeat:no-repeat;\r\n  background-position:right 16px center;\r\n  background-size:18px;\r\n}\r\n\r\n\/* ================= BOT\u00d3N ================= *\/\r\n.contact-btn{\r\n  width:100%;\r\n  background:#c3002f;\r\n  color:#fff;\r\n  border:none;\r\n  border-radius:16px;\r\n  padding:18px;\r\n  font-size:16px;\r\n  font-weight:700;\r\n  cursor:pointer;\r\n  transition:transform .2s ease, box-shadow .2s ease;\r\n  box-shadow:0 10px 26px rgba(195,0,47,.25);\r\n}\r\n.contact-btn:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 16px 36px rgba(195,0,47,.35);\r\n}\r\n\r\n.contact-note{\r\n  margin-top:14px;\r\n  font-size:13px;\r\n  color:#888;\r\n}\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n@media (max-width:900px){\r\n  .contact-inner{\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n  }\r\n  .contact-title{\r\n    font-size:34px;\r\n  }\r\n  .contact-right{\r\n    padding:28px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a937c5 e-flex e-con-boxed e-con e-parent\" data-id=\"6a937c5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6348bc6 elementor-widget elementor-widget-html\" data-id=\"6348bc6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"history-section\">\r\n  <div class=\"history-box\">\r\n\r\n    <!-- ===== GRID SUPERIOR ===== -->\r\n    <div class=\"history-top\">\r\n\r\n      <!-- TITULOS -->\r\n      <div class=\"history-headings\">\r\n        <h5 class=\"history-eyebrow\">Nuestra historia<\/h5>\r\n\r\n        <h3 class=\"history-title\">\r\n          A por el DELE surgi\u00f3 de una necesidad real\r\n        <\/h3>\r\n      <\/div>\r\n\r\n      <!-- IMAGEN -->\r\n      <div class=\"history-image\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/profecatala.davidibiza.com\/wp-content\/uploads\/2026\/01\/image-2026-01-08T193002.624.jpg\"\r\n          alt=\"Nuestra historia A por el DELE\"\r\n        >\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===== GRID INFERIOR (ANCHO COMPLETO) ===== -->\r\n    <div class=\"history-content\">\r\n\r\n      <p>\r\n        Mar, la fundadora, como examinadora, no paraba de ver a candidatos que durante el\r\n        examen de DELE sent\u00edan muchos nervios, se quedaban sin tiempo para terminar el examen\r\n        y comet\u00edan errores f\u00e1cilmente corregibles. As\u00ed entendi\u00f3 la importancia de una\r\n        preparaci\u00f3n previa espec\u00edfica para el examen de DELE. Porque tener un nivel de\r\n        lengua no es lo mismo que obtener el APTO.\r\n      <\/p>\r\n\r\n      <p>\r\n        Tras el \u00e9xito de estudiantes que tomaban sus clases y cursos que impart\u00eda en el\r\n        Instituto Cervantes de Dubl\u00edn y por su cuenta como profesora aut\u00f3noma, decidi\u00f3 abrir\r\n        A por el DELE como empresa en Irlanda y lanzar cursos en l\u00ednea.\r\n      <\/p>\r\n\r\n      <p>\r\n        Ahora A por el DELE es una empresa espa\u00f1ola que sigue creciendo internamente y\r\n        llegando a estudiantes de todas las partes del mundo.\r\n      <\/p>\r\n\r\n      <p><strong>\u00a1Esperamos verte dentro de nuestros cursos!<\/strong><\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================= CONTENEDOR ================= *\/\r\n.history-section{\r\n  padding:80px 20px;\r\n  font-family:Inter, system-ui, sans-serif;\r\n}\r\n\r\n.history-box{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  background:#efefef;\r\n  border-radius:28px;\r\n  padding:56px 64px;\r\n}\r\n\r\n\/* ================= GRID SUPERIOR ================= *\/\r\n.history-top{\r\n  display:grid;\r\n  grid-template-columns:1fr 320px;\r\n  gap:48px;\r\n  align-items:flex-start;\r\n  margin-bottom:32px;\r\n}\r\n\r\n\/* ================= TITULOS ================= *\/\r\n.history-eyebrow{\r\n  font-size:20px;\r\n  font-weight:800;\r\n  color:#c80028;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.history-title{\r\n  font-size:40px;\r\n  font-weight:800;\r\n  line-height:1.1;\r\n  color:#1f1f1f;\r\n}\r\n\r\n\/* ================= IMAGEN ================= *\/\r\n.history-image img{\r\n  width:100%;\r\n  max-width:200px;\r\n  border-radius:18px;\r\n  box-shadow:0 20px 40px rgba(0,0,0,.15);\r\n  display:block;\r\n}\r\n\r\n\/* ================= TEXTO ANCHO COMPLETO ================= *\/\r\n.history-content{\r\n  max-width:100%;\r\n}\r\n\r\n.history-content p{\r\n  font-size:16px;\r\n  line-height:1.7;\r\n  color:#4b4b4b;\r\n  margin-bottom:18px;\r\n}\r\n\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n@media (max-width:900px){\r\n  .history-box{\r\n    padding:36px 24px;\r\n  }\r\n\r\n  .history-top{\r\n    grid-template-columns:1fr;\r\n    gap:28px;\r\n  }\r\n\r\n  .history-image{\r\n    display:flex;\r\n    justify-content:center;\r\n  }\r\n\r\n  .history-title{\r\n    font-size:30px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee6054f e-flex e-con-boxed e-con e-parent\" data-id=\"ee6054f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1388e3e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1388e3e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mission-scroll\">\r\n  <div class=\"mission-wrap\">\r\n\r\n    <!-- HEADER -->\r\n    <header class=\"mission-header center\">\r\n      <h5>Nuestra misi\u00f3n<\/h5>\r\n      <h2>\r\n        A por el DELE surgi\u00f3 de una<br>\r\n        necesidad real\r\n      <\/h2>\r\n    <\/header>\r\n\r\n    <!-- TIMELINE -->\r\n    <div class=\"mission-timeline\">\r\n\r\n      <div class=\"mission-line\">\r\n        <span class=\"mission-line-fill\"><\/span>\r\n      <\/div>\r\n\r\n      <!-- STEP 1 -->\r\n      <div class=\"mission-step\">\r\n        <span class=\"step-dot\"><\/span>\r\n        <div class=\"step-box\">\r\n          <h3>Acercarte a tu objetivo<\/h3>\r\n          <p>\r\n            Tu \u00e9xito es el nuestro y nuestra misi\u00f3n es ayudarte a conseguir el DELE\r\n            facilit\u00e1ndote los mejores recursos, consejos y explicaciones que encontrar\u00e1s en internet\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 2 -->\r\n      <div class=\"mission-step\">\r\n        <span class=\"step-dot\"><\/span>\r\n        <div class=\"step-box\">\r\n          <h3>Hacer comunidad<\/h3>\r\n          <p>\r\n            Los estudiantes de nuestros cursos pueden interactuar con otros estudiantes que\r\n            est\u00e1n prepar\u00e1ndose el mismo examen. En las diferentes salas de chat se crea un\r\n            ambiente muy bueno de compa\u00f1erismo\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 3 -->\r\n      <div class=\"mission-step\">\r\n        <span class=\"step-dot gold\"><\/span>\r\n        <div class=\"step-box\">\r\n          <h3>Dar contenido de calidad a estudiantes de todas las partes del mundo<\/h3>\r\n          <p>\r\n            Hacemos que lo que dif\u00edcil parezca f\u00e1cil y rompemos con el modelo cl\u00e1sico de\r\n            ense\u00f1anza presencial. Ahora puedes prepararte el DELE donde quieras, cuando quieras\r\n            y como quieras\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================= BASE ================= *\/\r\n.mission-scroll{\r\n  padding:130px 20px;\r\n  background:#ffffff;\r\n  font-family:Inter, system-ui, sans-serif;\r\n}\r\n\r\n.mission-wrap{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* ================= HEADER ================= *\/\r\n.mission-header{\r\n  margin-bottom:100px;\r\n}\r\n\r\n.mission-header.center{\r\n  text-align:center;\r\n}\r\n\r\n.mission-header h5{\r\n  font-size:15px;\r\n  font-weight:800;\r\n  color:#cc0022;\r\n  margin-bottom:18px;\r\n}\r\n\r\n.mission-header h2{\r\n  font-size:44px;\r\n  font-weight:900;\r\n  line-height:1.15;\r\n  color:#1b1b1b;\r\n}\r\n\r\n\/* ================= TIMELINE ================= *\/\r\n.mission-timeline{\r\n  position:relative;\r\n  padding-left:64px;\r\n}\r\n\r\n\/* LINE *\/\r\n.mission-line{\r\n  position:absolute;\r\n  left:28px;\r\n  top:0;\r\n  width:3px;\r\n  height:100%;\r\n  background:#e5e7eb;\r\n  border-radius:3px;\r\n  overflow:hidden;\r\n}\r\n\r\n.mission-line-fill{\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  height:0%;\r\n  background:linear-gradient(to bottom,#cc0022,#f4b400);\r\n  transition:height .2s ease-out;\r\n}\r\n\r\n\/* ================= STEP ================= *\/\r\n.mission-step{\r\n  position:relative;\r\n  display:flex;\r\n  gap:40px;\r\n  margin-bottom:90px;\r\n}\r\n\r\n\/* DOT *\/\r\n.step-dot{\r\n  width:18px;\r\n  height:18px;\r\n  border-radius:50%;\r\n  background:#cc0022;\r\n  margin-top:36px;\r\n  flex-shrink:0;\r\n  position:relative;\r\n  animation:pulse 2.6s infinite ease-in-out;\r\n}\r\n\r\n.step-dot::after{\r\n  content:'';\r\n  position:absolute;\r\n  inset:-8px;\r\n  border-radius:50%;\r\n  background:rgba(204,0,34,.15);\r\n}\r\n\r\n.step-dot.gold{\r\n  background:#f4b400;\r\n}\r\n.step-dot.gold::after{\r\n  background:rgba(244,180,0,.2);\r\n}\r\n\r\n\/* DOT ANIMATION *\/\r\n@keyframes pulse{\r\n  0%{transform:scale(1)}\r\n  50%{transform:scale(1.12)}\r\n  100%{transform:scale(1)}\r\n}\r\n\r\n\/* ================= CONTENT BOX (FULL WIDTH) ================= *\/\r\n.step-box{\r\n  background:#f4f6f8;\r\n  border-radius:26px;\r\n  padding:40px 44px;\r\n  width:100%;                 \/* \ud83d\udc48 TOMA TODO EL ANCHO *\/\r\n  box-shadow:0 30px 70px rgba(0,0,0,.10);\r\n  opacity:0;\r\n  transform:translateY(40px);\r\n  transition:opacity .6s ease, transform .6s ease;\r\n}\r\n\r\n.step-box h3{\r\n  font-size:24px;\r\n  font-weight:800;\r\n  margin-bottom:14px;\r\n  color:#111827;\r\n}\r\n\r\n.step-box p{\r\n  font-size:16px;\r\n  line-height:1.75;\r\n  color:#4b5563;\r\n}\r\n\r\n\/* ACTIVE STATE *\/\r\n.mission-step.active .step-box{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n@media(max-width:900px){\r\n\r\n  .mission-header h2{\r\n    font-size:34px;\r\n  }\r\n\r\n  .mission-timeline{\r\n    padding-left:44px;\r\n  }\r\n\r\n  .mission-step{\r\n    gap:26px;\r\n  }\r\n\r\n  .step-box{\r\n    padding:30px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('scroll', () => {\r\n  const timeline = document.querySelector('.mission-timeline');\r\n  const fill = document.querySelector('.mission-line-fill');\r\n  const steps = document.querySelectorAll('.mission-step');\r\n\r\n  if(!timeline) return;\r\n\r\n  const rect = timeline.getBoundingClientRect();\r\n  const windowHeight = window.innerHeight;\r\n\r\n  let progress = Math.min(\r\n    Math.max((windowHeight - rect.top) \/ rect.height, 0),\r\n    1\r\n  );\r\n\r\n  fill.style.height = (progress * 100) + '%';\r\n\r\n  steps.forEach(step => {\r\n    const stepRect = step.getBoundingClientRect();\r\n    if(stepRect.top < windowHeight * 0.75){\r\n      step.classList.add('active');\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00bfTienes alguna pregunta? \u00bfTe podemos ayudar en algo? D\u00e9janos tu mensaje y recibir\u00e1s una respuesta pronto (lunes\u2013viernes) Tu nombre * Tu email * Tu nivel de catal\u00e1n * SeleccionaA2B1B2C1C2 Mensaje * Enviar Contestamos en d\u00edas laborales Nuestra historia A por el DELE surgi\u00f3 de una necesidad real Mar, la fundadora, como examinadora, no paraba de&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_joinchat":[],"footnotes":""},"class_list":["post-143","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/profecatala.davidibiza.com\/index.php?rest_route=\/wp\/v2\/pages\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/profecatala.davidibiza.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/profecatala.davidibiza.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/profecatala.davidibiza.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/profecatala.davidibiza.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=143"}],"version-history":[{"count":16,"href":"https:\/\/profecatala.davidibiza.com\/index.php?rest_route=\/wp\/v2\/pages\/143\/revisions"}],"predecessor-version":[{"id":165,"href":"https:\/\/profecatala.davidibiza.com\/index.php?rest_route=\/wp\/v2\/pages\/143\/revisions\/165"}],"wp:attachment":[{"href":"https:\/\/profecatala.davidibiza.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}