{"id":177,"date":"2026-02-13T22:56:44","date_gmt":"2026-02-13T21:56:44","guid":{"rendered":"https:\/\/profecatala.davidibiza.com\/?page_id=177"},"modified":"2026-02-15T20:34:15","modified_gmt":"2026-02-15T19:34:15","slug":"cursos","status":"publish","type":"page","link":"https:\/\/profecatala.davidibiza.com\/?page_id=177","title":{"rendered":"Cursos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"177\" class=\"elementor elementor-177\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a507784 e-con-full e-flex e-con e-parent\" data-id=\"a507784\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa9cc56 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"aa9cc56\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n    .dele-wrapper {\n        background: #e5e5e5;\n        padding: 80px 20px;\n    }\n\n    .dele-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        background: #efefef;\n        padding: 60px 40px;\n        border-radius: 24px;\n    }\n\n    .dele-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 40px;\n    }\n\n    .dele-card {\n        background: #dde0e3;\n        border-radius: 28px;\n        padding: 40px 30px;\n        text-align: center;\n        transition: all 0.35s ease;\n        text-decoration: none;\n        color: inherit;\n    }\n\n    .dele-card:hover {\n        transform: translateY(-12px);\n        box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n    }\n\n    .dele-card img {\n        width: 100%;\n        border-radius: 14px;\n        transition: transform 0.35s ease;\n    }\n\n    .dele-card:hover img {\n        transform: translateY(-8px) scale(1.02);\n    }\n\n    .dele-card h3 {\n        margin-top: 18px;\n        font-size: 16px;\n        font-weight: 500;\n        color: #222;\n    }\n\n    @media(max-width: 768px){\n        .dele-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n    <\/style>\n\n    <div class=\"dele-wrapper\">\n        <div class=\"dele-container\">\n            <div class=\"dele-grid\">\n\n                                        \n                        <a href=\"https:\/\/profecatala.davidibiza.com\/?sfwd-courses=curs-c1\" class=\"dele-card\">\n                                                            <img decoding=\"async\" src=\"https:\/\/profecatala.davidibiza.com\/wp-content\/uploads\/2026\/02\/curso-de-canva.webp.webp\" alt=\"Curs C1\">\n                                                        <h3>Curs C1<\/h3>\n                        <\/a>\n\n                                                \n                        <a href=\"https:\/\/profecatala.davidibiza.com\/?sfwd-courses=curs-b2\" class=\"dele-card\">\n                                                            <img decoding=\"async\" src=\"https:\/\/profecatala.davidibiza.com\/wp-content\/uploads\/2026\/02\/seguridad-en-wordpress.webp\" alt=\"Curs B2\">\n                                                        <h3>Curs B2<\/h3>\n                        <\/a>\n\n                                                \n                        <a href=\"https:\/\/profecatala.davidibiza.com\/?sfwd-courses=curs-b1\" class=\"dele-card\">\n                                                            <img decoding=\"async\" src=\"https:\/\/profecatala.davidibiza.com\/wp-content\/uploads\/2026\/02\/curso-de-css.webp\" alt=\"Curs B1\">\n                                                        <h3>Curs B1<\/h3>\n                        <\/a>\n\n                                                \n                        <a href=\"https:\/\/profecatala.davidibiza.com\/?sfwd-courses=curs-a2\" class=\"dele-card\">\n                                                            <img decoding=\"async\" src=\"https:\/\/profecatala.davidibiza.com\/wp-content\/uploads\/2026\/02\/Gravity-Forms.webp\" alt=\"Curs A2\">\n                                                        <h3>Curs A2<\/h3>\n                        <\/a>\n\n                        \n            <\/div>\n        <\/div>\n    <\/div>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-107eb29 e-con-full e-flex e-con e-parent\" data-id=\"107eb29\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00b836d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"00b836d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.compare-wrapper {\r\n    padding: 100px 20px;\r\n    background: #ffffff;\r\n}\r\n\r\n.compare-container {\r\n    max-width: 950px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.compare-wrapper h2 {\r\n    font-size: 48px;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n    color: #3a2f2c;\r\n}\r\n\r\n.compare-wrapper p.subtitle {\r\n    font-size: 18px;\r\n    color: #666;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n\/* WRAPPER *\/\r\n.progress-bar-wrapper {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* BASE SIN FONDO *\/\r\n.progress-track {\r\n    background: transparent;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    height: 70px;\r\n}\r\n\r\n\/* BARRA REAL *\/\r\n.progress-fill {\r\n    height: 100%;\r\n    width: 0;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 0 28px;\r\n    font-weight: 500;\r\n    font-size: 18px;\r\n    transition: width 1.2s ease;\r\n}\r\n\r\n\/* Colores *\/\r\n.fill-top {\r\n    background: #530e04;\r\n    color: #fff;\r\n}\r\n\r\n.fill-bottom {\r\n    background: #ebac00;\r\n    color: #000;\r\n}\r\n\r\n\/* Texto nota *\/\r\n.compare-note {\r\n    margin-top: 10px;\r\n    font-size: 14px;\r\n    color: #555;\r\n}\r\n<\/style>\r\n\r\n<div class=\"compare-wrapper\">\r\n    <div class=\"compare-container\">\r\n        <h2>\u00bfA\u00fan sigues pensando que no necesitas ayuda?<\/h2>\r\n        <p class=\"subtitle\">\u00bfPor qu\u00e9 elegirnos para tu preparaci\u00f3n?<\/p>\r\n\r\n        <div class=\"progress-bar-wrapper\">\r\n            <div class=\"progress-track\">\r\n                <div class=\"progress-fill fill-top\" data-width=\"100%\">\r\n                    <span>\ud83d\ude1f \ud83e\udd71 Contigo mismo\/a<\/span>\r\n                    <span>5 meses \u23f3 \ud83d\udc22<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"progress-bar-wrapper\">\r\n            <div class=\"progress-track\">\r\n                <div class=\"progress-fill fill-bottom\" data-width=\"65%\">\r\n                    <span>\ud83e\udd13 \ud83d\udcda Con \u2764\ufe0f aporelDELE<\/span>\r\n                    <span>3 semanas \u26a1 \ud83d\udc07<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"compare-note\">\r\n            *Los cursos requieren unas 20 horas aproximadamente para completarse\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n    const bars = document.querySelectorAll(\".progress-fill\");\r\n\r\n    const observer = new IntersectionObserver(entries => {\r\n        entries.forEach(entry => {\r\n            if(entry.isIntersecting){\r\n                let width = entry.target.getAttribute(\"data-width\");\r\n                entry.target.style.width = width;\r\n            }\r\n        });\r\n    }, { threshold: 0.4 });\r\n\r\n    bars.forEach(bar => observer.observe(bar));\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be1da00 e-con-full e-flex e-con e-parent\" data-id=\"be1da00\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f0c589 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5f0c589\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.diff-wrapper {\r\n    padding: 100px 20px;\r\n    background: #ffffff;\r\n    text-align: center;\r\n}\r\n\r\n.diff-container {\r\n    max-width: 850px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Subt\u00edtulo rojo *\/\r\n.diff-top {\r\n    color: #c40018;\r\n    font-size: 16px;\r\n    margin-bottom: 10px;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* T\u00edtulo principal *\/\r\n.diff-title {\r\n    font-size: 52px;\r\n    font-weight: 600;\r\n    margin-bottom: 60px;\r\n    color: #2f2623;\r\n}\r\n\r\n\/* Tabla *\/\r\n.diff-table {\r\n    width: 100%;\r\n    border-collapse: separate;\r\n    border-spacing: 0 14px;\r\n}\r\n\r\n\/* Filas *\/\r\n.diff-row {\r\n    background: #f1f1f1;\r\n    border-radius: 14px;\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr 1fr;\r\n    align-items: center;\r\n    padding: 18px 25px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 0.7s ease;\r\n}\r\n\r\n\/* Alternar gris *\/\r\n.diff-row:nth-child(even) {\r\n    background: #e9e9e9;\r\n}\r\n\r\n\/* Activaci\u00f3n *\/\r\n.diff-row.active {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Columnas *\/\r\n.diff-feature {\r\n    text-align: left;\r\n    font-weight: 500;\r\n}\r\n\r\n.diff-center {\r\n    text-align: center;\r\n    font-weight: 500;\r\n}\r\n\r\n.diff-check {\r\n    font-size: 20px;\r\n    color: #000;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width: 768px){\r\n    .diff-row {\r\n        grid-template-columns: 1fr;\r\n        gap: 8px;\r\n        text-align: center;\r\n    }\r\n\r\n    .diff-feature {\r\n        text-align: center;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"diff-wrapper\">\r\n    <div class=\"diff-container\">\r\n\r\n        <div class=\"diff-top\">Con A por el DELE vs Por tu cuenta<\/div>\r\n        <div class=\"diff-title\">Nota la diferencia<\/div>\r\n\r\n        <!-- Encabezado -->\r\n        <div class=\"diff-row active\" style=\"background:transparent; font-weight:600;\">\r\n            <div><\/div>\r\n            <div class=\"diff-center\">\u2764\ufe0f A por el DELE<\/div>\r\n            <div class=\"diff-center\">Solo\/a<\/div>\r\n        <\/div>\r\n\r\n        <!-- Filas -->\r\n        <div class=\"diff-row\">\r\n            <div class=\"diff-feature\">Apoyo<\/div>\r\n            <div class=\"diff-center\">24\/7<\/div>\r\n            <div class=\"diff-center\">\u2013<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"diff-row\">\r\n            <div class=\"diff-feature\">Comunidad<\/div>\r\n            <div class=\"diff-center diff-check\">\u2713<\/div>\r\n            <div class=\"diff-center\">\u2013<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"diff-row\">\r\n            <div class=\"diff-feature\">Explicaciones<\/div>\r\n            <div class=\"diff-center diff-check\">\u2713<\/div>\r\n            <div class=\"diff-center\">\u2013<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"diff-row\">\r\n            <div class=\"diff-feature\">Estrategias<\/div>\r\n            <div class=\"diff-center diff-check\">\u2713<\/div>\r\n            <div class=\"diff-center\">\u2013<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"diff-row\">\r\n            <div class=\"diff-feature\">Ejemplos<\/div>\r\n            <div class=\"diff-center diff-check\">\u2713<\/div>\r\n            <div class=\"diff-center\">\u2013<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"diff-row\">\r\n            <div class=\"diff-feature\">Actualizaciones<\/div>\r\n            <div class=\"diff-center diff-check\">\u2713<\/div>\r\n            <div class=\"diff-center\">\u2013<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n    const rows = document.querySelectorAll(\".diff-row:not(:first-child)\");\r\n\r\n    const observer = new IntersectionObserver(entries => {\r\n        entries.forEach(entry => {\r\n            if(entry.isIntersecting){\r\n                entry.target.classList.add(\"active\");\r\n            }\r\n        });\r\n    }, { threshold: 0.3 });\r\n\r\n    rows.forEach(row => observer.observe(row));\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28ce7e8 e-flex e-con-boxed e-con e-parent\" data-id=\"28ce7e8\" 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-7c4a285 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7c4a285\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.rating-wrapper {\r\n    padding: 100px 20px;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.rating-container {\r\n    background: #3b0a02;\r\n    padding: 70px 80px;\r\n    border-radius: 32px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 60px;\r\n    max-width: 1200px;\r\n    width: 100%;\r\n}\r\n\r\n\/* Cards mismo tama\u00f1o exacto *\/\r\n.rating-card {\r\n    background: #4f3c35;\r\n    border-radius: 28px;\r\n    width: 380px;\r\n    height: 380px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: #fff;\r\n    text-align: center;\r\n    padding: 40px;\r\n}\r\n\r\n\/* T\u00edtulos *\/\r\n.rating-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* Estrellas *\/\r\n.stars {\r\n    color: #f4b63f;\r\n    font-size: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* N\u00famero grande *\/\r\n.rating-score {\r\n    font-size: 56px;\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n\/* Subtexto *\/\r\n.rating-sub {\r\n    font-size: 16px;\r\n    opacity: 0.9;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n\/* VS *\/\r\n.rating-vs {\r\n    font-size: 30px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n}\r\n\r\n\/* Logo Google *\/\r\n.google-logo {\r\n    margin-top: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 15px;\r\n}\r\n\r\n.google-logo svg {\r\n    width: 18px;\r\n    height: 18px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width: 1000px){\r\n    .rating-container {\r\n        flex-direction: column;\r\n        gap: 40px;\r\n        padding: 50px;\r\n    }\r\n\r\n    .rating-card {\r\n        width: 100%;\r\n        max-width: 400px;\r\n        height: auto;\r\n        padding: 50px 40px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rating-wrapper\">\r\n    <div class=\"rating-container\">\r\n\r\n        <!-- CARD 1 -->\r\n        <div class=\"rating-card\">\r\n            <div class=\"rating-title\">\u2764\ufe0f a por el DELE<\/div>\r\n            <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <div class=\"rating-score\">4.97\/5<\/div>\r\n            <div class=\"rating-sub\">+ de 200 rese\u00f1as<\/div>\r\n\r\n            <div class=\"google-logo\">\r\n                <!-- Logo Google SVG oficial -->\r\n                <svg viewBox=\"0 0 533.5 544.3\">\r\n                    <path fill=\"#4285F4\" d=\"M533.5 278.4c0-18.6-1.5-37.2-4.7-55.3H272v104.8h146.9c-6.3 34-25 62.9-53.4 82.1v68h86.2c50.4-46.4 81.8-114.7 81.8-199.6z\"\/>\r\n                    <path fill=\"#34A853\" d=\"M272 544.3c72.6 0 133.5-24 178-65.3l-86.2-68c-24 16.1-54.8 25.5-91.8 25.5-70.7 0-130.6-47.7-152-111.6H32.5v70.2C76.5 485.5 167.7 544.3 272 544.3z\"\/>\r\n                    <path fill=\"#FBBC05\" d=\"M120 324.9c-10.4-30.9-10.4-64.1 0-95L32.5 159.7c-39.1 78.4-39.1 170.5 0 248.9l87.5-83.7z\"\/>\r\n                    <path fill=\"#EA4335\" d=\"M272 107.7c39.5-.6 77.5 14 106.4 40.8l79.3-79.3C411.8 24.1 343.8-1 272 0 167.7 0 76.5 58.8 32.5 159.7l87.5 70.2C141.4 155.4 201.3 107.7 272 107.7z\"\/>\r\n                <\/svg>\r\n                Google\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rating-vs\">VS.<\/div>\r\n\r\n        <!-- CARD 2 -->\r\n        <div class=\"rating-card\">\r\n            <div class=\"rating-title\">Por tu cuenta<\/div>\r\n            <div class=\"stars\">\u2605\u2605<\/div>\r\n            <div class=\"rating-score\">?\/5<\/div>\r\n            <div class=\"rating-sub\">sin garant\u00edas<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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-f757239 e-con-full e-flex e-con e-parent\" data-id=\"f757239\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c962085 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c962085\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.feature-wrapper {\r\n    padding: 100px 20px;\r\n    background: #f3f3f3;\r\n}\r\n\r\n.feature-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    gap: 120px;\r\n}\r\n\r\n\/* FILAS *\/\r\n.feature-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: center;\r\n    gap: 60px;\r\n}\r\n\r\n\/* Fondo visual *\/\r\n.feature-visual {\r\n    background: #dfe2e5;\r\n    border-radius: 30px;\r\n    height: 380px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n\/* Animaci\u00f3n *\/\r\n.feature-mockup {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: all 0.8s ease;\r\n}\r\n.feature-mockup.active {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Texto *\/\r\n.feature-text small {\r\n    color: #c40018;\r\n    font-weight: 500;\r\n}\r\n.feature-text h2 {\r\n    font-size: 40px;\r\n    margin: 15px 0 20px;\r\n    color: #2f2623;\r\n}\r\n.feature-text p {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    color: #444;\r\n}\r\n\r\n\/* Reverse *\/\r\n.feature-row.reverse { direction: rtl; }\r\n.feature-row.reverse .feature-text { direction: ltr; }\r\n\r\n\/* ================= CHAT UI ================= *\/\r\n\r\n.chat-ui{\r\n  width:280px;\r\n  background:#fff;\r\n  border-radius:22px;\r\n  padding:18px;\r\n  box-shadow:0 24px 55px rgba(0,0,0,.14);\r\n  font-family:Inter, system-ui, sans-serif;\r\n}\r\n\r\n.chat-top{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  font-weight:600;\r\n  margin-bottom:14px;\r\n}\r\n\r\n.chat-row{\r\n  display:flex;\r\n  gap:12px;\r\n}\r\n\r\n.chat-avatar{\r\n  width:34px;\r\n  height:34px;\r\n  border-radius:50%;\r\n  background-size:cover;\r\n}\r\n\r\n.chat-avatar.a1{\r\n  background-image:url('https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg');\r\n}\r\n\r\n.chat-avatar.a2{\r\n  background-image:url('https:\/\/randomuser.me\/api\/portraits\/women\/65.jpg');\r\n}\r\n\r\n.chat-bubble{\r\n  background:#efefef;\r\n  border-radius:14px;\r\n  padding:12px;\r\n  font-size:14px;\r\n  max-width:200px;\r\n}\r\n\r\n.mention{\r\n  color:#c40018;\r\n  font-weight:700;\r\n}\r\n\r\n.chat-actions{\r\n  display:flex;\r\n  justify-content:flex-end;\r\n  gap:10px;\r\n  margin-top:10px;\r\n}\r\n\r\n.chat-dotbtn{\r\n  width:44px;\r\n  height:36px;\r\n  border-radius:10px;\r\n  background:#efefef;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-weight:800;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width: 900px){\r\n    .feature-row {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    .feature-row.reverse { direction: ltr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"feature-wrapper\">\r\n<div class=\"feature-container\">\r\n\r\n<!-- BLOQUE 1 -->\r\n<div class=\"feature-row\">\r\n    <div class=\"feature-text\">\r\n        <small>Ve al examen sin dudas<\/small>\r\n        <h2>Haz preguntas a<br>una examinadora<\/h2>\r\n        <p>\r\n            Accede a un chat directo con una examinadora acreditada\r\n            y resuelve cualquier duda antes del examen.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"feature-visual\">\r\n        <div class=\"feature-mockup\">\r\n            <div class=\"chat-ui\">\r\n                <div class=\"chat-top\">\r\n                    <span>Chat<\/span>\r\n                    <span>\u22ee<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"chat-row\">\r\n                    <div class=\"chat-avatar a1\"><\/div>\r\n                    <div class=\"chat-bubble\">\r\n                        Hola <strong class=\"mention\">@omar<\/strong>, dime si puedo crear una carta de recomendaci\u00f3n en la prueba escrita.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"chat-actions\">\r\n                    <div class=\"chat-dotbtn\">\u2022\u2022\u2022<\/div>\r\n                    <div class=\"chat-avatar a2\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- BLOQUE 2 -->\r\n<div class=\"feature-row reverse\">\r\n    <div class=\"feature-text\">\r\n        <small>No pierdas tiempo buscando informaci\u00f3n<\/small>\r\n        <h2>Material organizado y<br>estructurado<\/h2>\r\n        <p>\r\n            Comunicaci\u00f3n directa y seguimiento constante durante toda tu preparaci\u00f3n.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"feature-visual\">\r\n        <div class=\"feature-mockup\">\r\n            <div class=\"chat-ui\">\r\n                <div class=\"chat-top\">\r\n                    <span>Chat<\/span>\r\n                    <span>\u22ee<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"chat-row\">\r\n                    <div class=\"chat-avatar a1\"><\/div>\r\n                    <div class=\"chat-bubble\">\r\n                        Hola <strong class=\"mention\">@omar<\/strong>, dime si puedo crear una carta de recomendaci\u00f3n en la prueba escrita.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"chat-actions\">\r\n                    <div class=\"chat-dotbtn\">\u2022\u2022\u2022<\/div>\r\n                    <div class=\"chat-avatar a2\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n    const elements = document.querySelectorAll(\".feature-mockup\");\r\n    const observer = new IntersectionObserver(entries => {\r\n        entries.forEach(entry => {\r\n            if(entry.isIntersecting){\r\n                entry.target.classList.add(\"active\");\r\n            }\r\n        });\r\n    }, { threshold: 0.3 });\r\n    elements.forEach(el => observer.observe(el));\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e60747f e-con-full e-flex e-con e-parent\" data-id=\"e60747f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1479d9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d1479d9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.cta-wrapper{\r\n    padding:10px 20px;\r\n    background:#f3f3f;\r\n    font-family:Arial, system-ui, sans-serif;\r\n}\r\n\r\n.cta-container{\r\n    max-width:1000px;\r\n    margin:0 auto;\r\n    text-align:center;\r\n}\r\n\r\n.cta-title{\r\n    font-size:40px;\r\n    font-weight:800;\r\n    color:#3a2f2c;\r\n    margin-bottom:1px;\r\n}\r\n\r\n.cta-subtitle{\r\n    font-size:20px;\r\n    color:#444;\r\n    margin-bottom:6px;\r\n}\r\n\r\n\/* FILA BOT\u00d3N + TESTIMONIO *\/\r\n.cta-row{\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    gap:40px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n\/* BOT\u00d3N *\/\r\n.cta-button{\r\n    display:inline-block;\r\n    background:#d30f2f;\r\n    color:#fff;\r\n    padding:18px 46px;\r\n    border-radius:18px;\r\n    font-weight:700;\r\n    font-size:18px;\r\n    text-decoration:none;\r\n    transition:all .3s cubic-bezier(.22,.61,.36,1);\r\n    box-shadow:0 12px 30px rgba(0,0,0,.18);\r\n}\r\n\r\n\/* EFECTO SUBIR *\/\r\n.cta-button:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 20px 45px rgba(0,0,0,.28);\r\n    color:#fff;\r\n}\r\n\r\n\/* TESTIMONIO *\/\r\n.cta-testimonial{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    max-width:420px;\r\n    text-align:left;\r\n}\r\n\r\n.cta-avatar{\r\n    width:44px;\r\n    height:44px;\r\n    border-radius:50%;\r\n    background-image:url('https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg');\r\n    background-size:cover;\r\n    flex-shrink:0;\r\n}\r\n\r\n.cta-quote{\r\n    font-size:15px;\r\n    color:#555;\r\n    line-height:1.5;\r\n}\r\n\r\n.cta-name{\r\n    display:block;\r\n    margin-top:6px;\r\n    font-weight:600;\r\n    color:#333;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:768px){\r\n\r\n    .cta-title{\r\n        font-size:38px;\r\n    }\r\n\r\n    .cta-subtitle{\r\n        font-size:16px;\r\n    }\r\n\r\n    .cta-row{\r\n        flex-direction:column;\r\n        gap:30px;\r\n    }\r\n\r\n    .cta-testimonial{\r\n        text-align:center;\r\n        justify-content:center;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cta-wrapper\">\r\n    <div class=\"cta-container\">\r\n\r\n        <div class=\"cta-title\">\u00bfQuieres aprobar?<\/div>\r\n\r\n        <div class=\"cta-subtitle\">\r\n            Hemos ayudado a m\u00e1s de 6.000 estudiantes a sacar el APTO\r\n        <\/div>\r\n\r\n        <div class=\"cta-row\">\r\n\r\n            <a href=\"#\" class=\"cta-button\">Ver cursos<\/a>\r\n\r\n            <div class=\"cta-testimonial\">\r\n                <div class=\"cta-avatar\"><\/div>\r\n                <div class=\"cta-quote\">\r\n                    \u201cSin lugar a dudas, inscribirte en<br> este curso merece la pena\u201d<br>\r\n                    <span class=\"cta-name\">Katrina Mernagh<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\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>\u00bfA\u00fan sigues pensando que no necesitas ayuda? \u00bfPor qu\u00e9 elegirnos para tu preparaci\u00f3n? \ud83d\ude1f \ud83e\udd71 Contigo mismo\/a 5 meses \u23f3 \ud83d\udc22 \ud83e\udd13 \ud83d\udcda Con \u2764\ufe0f aporelDELE 3 semanas \u26a1 \ud83d\udc07 *Los cursos requieren unas 20 horas aproximadamente para completarse Con A por el DELE vs Por tu cuenta Nota la diferencia \u2764\ufe0f A por el&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-177","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/profecatala.davidibiza.com\/index.php?rest_route=\/wp\/v2\/pages\/177","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=177"}],"version-history":[{"count":49,"href":"https:\/\/profecatala.davidibiza.com\/index.php?rest_route=\/wp\/v2\/pages\/177\/revisions"}],"predecessor-version":[{"id":248,"href":"https:\/\/profecatala.davidibiza.com\/index.php?rest_route=\/wp\/v2\/pages\/177\/revisions\/248"}],"wp:attachment":[{"href":"https:\/\/profecatala.davidibiza.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}