{"id":261,"date":"2026-05-15T18:42:23","date_gmt":"2026-05-15T16:42:23","guid":{"rendered":"https:\/\/mareaformacion.es\/?p=261"},"modified":"2026-05-15T18:53:31","modified_gmt":"2026-05-15T16:53:31","slug":"home-lisa","status":"publish","type":"post","link":"http:\/\/mareaformacion.es\/index.php\/2026\/05\/15\/home-lisa\/","title":{"rendered":""},"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*{box-sizing:border-box;margin:0;padding:0}\n\n:root{\n  --bg:#0f172a;\n  --bg2:#1e293b;\n  --gold:#e9c46a;\n  --text:#1a2744;\n  --muted:#64748b;\n  --soft:#f8fafc;\n  --border:#e5e7eb;\n}\n\n.mf{\n  font-family:inherit;\n  color:var(--text);\n  max-width:980px;\n  margin:0 auto;\n  padding:0 1rem;\n}\n\n\/* ANIMACIONES *\/\n\n.fade{\n  opacity:0;\n  transform:translateY(30px);\n  transition:opacity .7s ease,transform .7s ease;\n}\n\n.fade.vis{\n  opacity:1;\n  transform:translateY(0);\n}\n\n\/* TITULOS *\/\n\n.sec-label{\n  font-size:11px;\n  letter-spacing:3px;\n  text-transform:uppercase;\n  color:var(--gold);\n  margin-bottom:.6rem;\n}\n\n.sec-title{\n  font-size:clamp(1.8rem,4vw,2.8rem);\n  font-family:Georgia,serif;\n  color:var(--text);\n  margin-bottom:.5rem;\n}\n\n.sec-line{\n  width:60px;\n  height:3px;\n  background:var(--gold);\n  margin-bottom:1.5rem;\n  transform:scaleX(0);\n  transition:transform .5s ease .2s;\n  transform-origin:left;\n}\n\n.vis .sec-line{\n  transform:scaleX(1);\n}\n\n\/* HERO *\/\n\n.hero{\n  padding:6rem 2rem 5rem;\n  border-radius:18px;\n  background:linear-gradient(135deg,var(--bg),var(--bg2));\n  text-align:center;\n  position:relative;\n  overflow:hidden;\n  margin-bottom:4rem;\n}\n\n.hero::before{\n  content:'';\n  position:absolute;\n  top:-120px;\n  right:-120px;\n  width:420px;\n  height:420px;\n  border-radius:50%;\n  background:rgba(233,196,106,.08);\n}\n\n.hero::after{\n  content:'';\n  position:absolute;\n  bottom:-140px;\n  left:-100px;\n  width:420px;\n  height:420px;\n  border-radius:50%;\n  background:rgba(233,196,106,.05);\n}\n\n.hero-badge{\n  display:inline-block;\n  padding:7px 16px;\n  border-radius:30px;\n  background:rgba(233,196,106,.12);\n  border:1px solid rgba(233,196,106,.25);\n  color:var(--gold);\n  font-size:11px;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  margin-bottom:1.5rem;\n  position:relative;\n  z-index:2;\n}\n\n.hero-tag{\n  color:#cbd5e1;\n  font-size:11px;\n  letter-spacing:3px;\n  text-transform:uppercase;\n  margin-bottom:1rem;\n  position:relative;\n  z-index:2;\n}\n\n.hero h1{\n  font-size:clamp(2.4rem,5vw,4rem);\n  line-height:1.15;\n  font-family:Georgia,serif;\n  color:#fff;\n  margin-bottom:1.3rem;\n  position:relative;\n  z-index:2;\n}\n\n.hero h1 em{\n  color:var(--gold);\n  font-style:normal;\n}\n\n.hero p{\n  max-width:650px;\n  margin:0 auto 2rem;\n  line-height:1.8;\n  color:#e2e8f0;\n  font-size:17px;\n  position:relative;\n  z-index:2;\n}\n\n.hero-btns{\n  display:flex;\n  justify-content:center;\n  gap:1rem;\n  flex-wrap:wrap;\n  position:relative;\n  z-index:2;\n}\n\n.btn-primary{\n  background:var(--gold);\n  color:#1a2744;\n  padding:14px 26px;\n  border-radius:8px;\n  text-decoration:none;\n  font-weight:700;\n  transition:.25s;\n  display:inline-block;\n}\n\n.btn-primary:hover{\n  transform:translateY(-3px);\n}\n\n.btn-outline{\n  border:1px solid rgba(255,255,255,.25);\n  color:#fff;\n  padding:14px 26px;\n  border-radius:8px;\n  text-decoration:none;\n  font-weight:700;\n  transition:.25s;\n  display:inline-block;\n}\n\n.btn-outline:hover{\n  background:rgba(255,255,255,.08);\n  transform:translateY(-3px);\n}\n\n\/* CIFRAS *\/\n\n.cifras{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));\n  gap:1px;\n  background:var(--border);\n  border-radius:10px;\n  overflow:hidden;\n  margin-bottom:4rem;\n}\n\n.cifra{\n  background:#fff;\n  padding:2rem 1rem;\n  text-align:center;\n}\n\n.cifra-num{\n  font-size:2.2rem;\n  font-family:Georgia,serif;\n  color:var(--text);\n  font-weight:700;\n}\n\n.cifra-label{\n  font-size:11px;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  color:var(--muted);\n  margin-top:.4rem;\n}\n\n\/* CARDS *\/\n\n.cards{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));\n  gap:1.4rem;\n  margin-top:2rem;\n}\n\n.card{\n  border:1px solid var(--border);\n  border-radius:14px;\n  overflow:hidden;\n  background:#fff;\n  transition:.3s;\n}\n\n.card:hover{\n  transform:translateY(-8px);\n  box-shadow:0 12px 30px rgba(0,0,0,.08);\n  border-color:var(--gold);\n}\n\n.card-top{\n  height:120px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:linear-gradient(135deg,#f8fafc,#eef2f7);\n}\n\n.card-top i{\n  font-size:48px;\n  color:var(--gold);\n}\n\n.card-body{\n  padding:1.4rem;\n}\n\n.card-tag{\n  font-size:10px;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  color:var(--gold);\n  margin-bottom:.5rem;\n  font-weight:700;\n}\n\n.card-body h4{\n  margin-bottom:.7rem;\n  color:var(--text);\n}\n\n.card-body p{\n  color:#555;\n  line-height:1.7;\n  font-size:14px;\n  margin-bottom:1rem;\n}\n\n.card-footer{\n  display:flex;\n  justify-content:space-between;\n  margin-bottom:1rem;\n  font-size:13px;\n  color:#666;\n}\n\n.card-price{\n  color:var(--gold);\n  font-weight:700;\n}\n\n.card-btn{\n  display:block;\n  text-align:center;\n  background:var(--bg);\n  color:#fff;\n  padding:11px;\n  border-radius:7px;\n  text-decoration:none;\n  font-weight:700;\n  transition:.25s;\n}\n\n.card-btn:hover{\n  background:var(--bg2);\n}\n\n\/* BENEFICIOS *\/\n\n.beneficios{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));\n  gap:1.2rem;\n  margin-top:2rem;\n}\n\n.beneficio{\n  background:#fff;\n  border:1px solid var(--border);\n  border-radius:12px;\n  padding:1.6rem;\n  transition:.3s;\n}\n\n.beneficio:hover{\n  transform:translateY(-5px);\n  border-color:var(--gold);\n}\n\n.beneficio i{\n  font-size:30px;\n  color:var(--gold);\n  margin-bottom:.8rem;\n  display:block;\n}\n\n.beneficio h4{\n  margin-bottom:.5rem;\n}\n\n.beneficio p{\n  font-size:14px;\n  color:#555;\n  line-height:1.7;\n}\n\n\/* CTA *\/\n\n.cta{\n  background:linear-gradient(135deg,var(--bg),var(--bg2));\n  padding:4rem 2rem;\n  border-radius:18px;\n  text-align:center;\n  margin-top:4rem;\n  position:relative;\n  overflow:hidden;\n}\n\n.cta::before{\n  content:'';\n  position:absolute;\n  width:320px;\n  height:320px;\n  border-radius:50%;\n  background:rgba(233,196,106,.06);\n  top:-120px;\n  right:-100px;\n}\n\n.cta h2{\n  color:#fff;\n  font-family:Georgia,serif;\n  font-size:clamp(1.8rem,4vw,2.8rem);\n  margin-bottom:1rem;\n  position:relative;\n}\n\n.cta p{\n  color:#e2e8f0;\n  max-width:650px;\n  margin:0 auto 2rem;\n  line-height:1.8;\n  position:relative;\n}\n\n@media(max-width:768px){\n\n  .hero{\n    padding:4rem 1.5rem;\n  }\n\n}\n<\/style>\n\n<div class=\"mf\">\n\n  <!-- HERO -->\n  <div class=\"hero fade\">\n\n    <div class=\"hero-badge\">\n      Formaci\u00f3n profesional \u00b7 SEPE\n    <\/div>\n\n    <div class=\"hero-tag\">\n      Marea Formaci\u00f3n \u2014 M\u00e1laga\n    <\/div>\n\n    <h1>\n      Formaci\u00f3n que <em>impulsa<\/em> tu futuro\n    <\/h1>\n\n    <p>\n      Cursos privados y subvencionados orientados al empleo, la especializaci\u00f3n profesional y el crecimiento laboral.\n    <\/p>\n\n    <div class=\"hero-btns\">\n\n      <a href=\"https:\/\/mareaformacion.es\/index.php\/tienda\/\" class=\"btn-primary\">\n        Ver cursos\n      <\/a>\n\n      <a href=\"https:\/\/mareaformacion.es\/index.php\/contacta-con-nosotrs\/\" class=\"btn-outline\">\n        Contacta con nosotros\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n  <!-- CIFRAS -->\n  <div class=\"cifras fade\" id=\"cifras-wrap\">\n\n    <div class=\"cifra\">\n      <div class=\"cifra-num\" data-t=\"500\" data-p=\"+\">0<\/div>\n      <div class=\"cifra-label\">Alumnos<\/div>\n    <\/div>\n\n    <div class=\"cifra\">\n      <div class=\"cifra-num\" data-t=\"10\" data-s=\"+\">0<\/div>\n      <div class=\"cifra-label\">Experiencia<\/div>\n    <\/div>\n\n    <div class=\"cifra\">\n      <div class=\"cifra-num\" data-t=\"7\">0<\/div>\n      <div class=\"cifra-label\">Docentes<\/div>\n    <\/div>\n\n    <div class=\"cifra\">\n      <div class=\"cifra-num\" data-t=\"95\" data-s=\"%\">0<\/div>\n      <div class=\"cifra-label\">Inserci\u00f3n laboral<\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- CURSOS -->\n  <div class=\"fade\">\n\n    <div class=\"sec-label\">\n      Cursos destacados\n    <\/div>\n\n    <div class=\"sec-title\">\n      Aprende con nosotros\n    <\/div>\n\n    <div class=\"sec-line\"><\/div>\n\n    <div class=\"cards\">\n\n      <div class=\"card\">\n\n        <div class=\"card-top\">\n          <i class=\"ti ti-puzzle\"><\/i>\n        <\/div>\n\n        <div class=\"card-body\">\n\n          <div class=\"card-tag\">\n            Educaci\u00f3n\n          <\/div>\n\n          <h4>\n            Did\u00e1ctica del Juego\n          <\/h4>\n\n          <p>\n            Formaci\u00f3n pr\u00e1ctica orientada al aprendizaje infantil y din\u00e1micas educativas.\n          <\/p>\n\n          <div class=\"card-footer\">\n            <span class=\"card-price\">Gratuito<\/span>\n            <span>Online<\/span>\n          <\/div>\n\n          <a href=\"https:\/\/mareaformacion.es\/index.php\/producto\/didactica-del-juego\/\" class=\"card-btn\">\n            Ver curso\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"card\">\n\n        <div class=\"card-top\">\n          <i class=\"ti ti-shield-lock\"><\/i>\n        <\/div>\n\n        <div class=\"card-body\">\n\n          <div class=\"card-tag\">\n            Seguridad digital\n          <\/div>\n\n          <h4>\n            Firma Electr\u00f3nica\n          <\/h4>\n\n          <p>\n            Aprende seguridad en internet y uso profesional de certificados digitales.\n          <\/p>\n\n          <div class=\"card-footer\">\n            <span class=\"card-price\">Gratuito<\/span>\n            <span>Online<\/span>\n          <\/div>\n\n          <a href=\"https:\/\/mareaformacion.es\/index.php\/producto\/firma-electronica-y-seguridad-en-internet\/\" class=\"card-btn\">\n            Ver curso\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"card\">\n\n        <div class=\"card-top\">\n          <i class=\"ti ti-certificate\"><\/i>\n        <\/div>\n\n        <div class=\"card-body\">\n\n          <div class=\"card-tag\">\n            Pr\u00f3ximamente\n          <\/div>\n\n          <h4>\n            Nuevos cursos\n          <\/h4>\n\n          <p>\n            Estamos preparando nuevas formaciones homologadas y especializadas.\n          <\/p>\n\n          <div class=\"card-footer\">\n            <span class=\"card-price\">SEPE<\/span>\n            <span>Presencial<\/span>\n          <\/div>\n\n          <a href=\"https:\/\/mareaformacion.es\/index.php\/contacta-con-nosotrs\/\" class=\"card-btn\">\n            M\u00e1s informaci\u00f3n\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <!-- BENEFICIOS -->\n  <div class=\"fade\" style=\"margin-top:4rem;\">\n\n    <div class=\"sec-label\">\n      \u00bfPor qu\u00e9 elegirnos?\n    <\/div>\n\n    <div class=\"sec-title\">\n      Formaci\u00f3n orientada al empleo\n    <\/div>\n\n    <div class=\"sec-line\"><\/div>\n\n    <div class=\"beneficios\">\n\n      <div class=\"beneficio\">\n        <i class=\"ti ti-award\"><\/i>\n        <h4>Experiencia<\/h4>\n        <p>\n          M\u00e1s de 10 a\u00f1os formando profesionales en diferentes sectores.\n        <\/p>\n      <\/div>\n\n      <div class=\"beneficio\">\n        <i class=\"ti ti-users\"><\/i>\n        <h4>Docentes expertos<\/h4>\n        <p>\n          Profesionales especializados y cercanos durante todo el aprendizaje.\n        <\/p>\n      <\/div>\n\n      <div class=\"beneficio\">\n        <i class=\"ti ti-briefcase\"><\/i>\n        <h4>Inserci\u00f3n laboral<\/h4>\n        <p>\n          Formaci\u00f3n enfocada a mejorar tus oportunidades profesionales.\n        <\/p>\n      <\/div>\n\n      <div class=\"beneficio\">\n        <i class=\"ti ti-certificate\"><\/i>\n        <h4>Certificaci\u00f3n<\/h4>\n        <p>\n          Cursos subvencionados y orientados a certificaciones oficiales.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"cta fade\">\n\n    <h2>\n      Empieza hoy tu formaci\u00f3n\n    <\/h2>\n\n    <p>\n      Contacta con nosotros y descubre qu\u00e9 curso se adapta mejor a tu perfil profesional.\n    <\/p>\n\n    <a href=\"https:\/\/mareaformacion.es\/index.php\/contacta-con-nosotrs\/\" class=\"btn-primary\">\n      Contacta con nosotros\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n\n  var io=new IntersectionObserver(function(entries){\n\n    entries.forEach(function(entry){\n\n      if(entry.isIntersecting){\n\n        entry.target.classList.add('vis');\n        io.unobserve(entry.target);\n\n      }\n\n    });\n\n  },{threshold:0.1});\n\n  document.querySelectorAll('.fade').forEach(function(el,i){\n\n    el.style.transitionDelay=(i*0.08)+'s';\n    io.observe(el);\n\n  });\n\n  var counted=false;\n\n  var cio=new IntersectionObserver(function(entries){\n\n    if(entries[0].isIntersecting && !counted){\n\n      counted=true;\n\n      document.querySelectorAll('.cifra-num[data-t]').forEach(function(el){\n\n        var t=parseInt(el.dataset.t),\n            p=el.dataset.p||'',\n            s=el.dataset.s||'',\n            v=0,\n            step=Math.ceil(t\/50);\n\n        var iv=setInterval(function(){\n\n          v=Math.min(v+step,t);\n\n          el.textContent=p+v+s;\n\n          if(v>=t) clearInterval(iv);\n\n        },30);\n\n      });\n\n    }\n\n  },{threshold:0.3});\n\n  var cw=document.getElementById('cifras-wrap');\n\n  if(cw) cio.observe(cw);\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Formaci\u00f3n profesional \u00b7 SEPE Marea Formaci\u00f3n \u2014 M\u00e1laga Formaci\u00f3n que impulsa tu futuro Cursos privados y subvencionados orientados al empleo, la especializaci\u00f3n profesional y el crecimiento laboral. Ver cursos Contacta con nosotros 0 Alumnos 0 Experiencia 0 Docentes 0 Inserci\u00f3n laboral Cursos destacados Aprende con nosotros Educaci\u00f3n Did\u00e1ctica del Juego Formaci\u00f3n pr\u00e1ctica orientada al aprendizaje&#8230;<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","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":""},"categories":[1],"tags":[],"class_list":["post-261","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/posts\/261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/comments?post=261"}],"version-history":[{"count":4,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/posts\/261\/revisions"}],"predecessor-version":[{"id":326,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/posts\/261\/revisions\/326"}],"wp:attachment":[{"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/media?parent=261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/categories?post=261"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/tags?post=261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}