{"id":6201,"date":"2025-07-18T22:26:03","date_gmt":"2025-07-19T03:26:03","guid":{"rendered":"https:\/\/www.teclemas.edu.ec\/inicio\/?page_id=6201"},"modified":"2026-06-30T08:58:03","modified_gmt":"2026-06-30T13:58:03","slug":"cursos-de-formacion-profesional","status":"publish","type":"page","link":"https:\/\/www.teclemas.edu.ec\/inicio\/cursos-de-formacion-profesional\/","title":{"rendered":"cursos de formacion profesional"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6201\" class=\"elementor elementor-6201\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7fe6c97 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7fe6c97\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;drops&quot;,&quot;shape_divider_top&quot;:&quot;arrow&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 700 10\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M350,10L340,0h20L350,10z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"100%\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"xMidYMax slice\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0v1.4c.6.7 1.1 1.4 1.4 2 2 3.8 2.2 6.6 1.8 10.8-.3 3.3-2.4 9.4 0 12.3 1.7 2 3.7 1.4 4.6-.9 1.4-3.8-.7-8.2-.6-12 .1-3.7 3.2-5.5 6.9-4.9 4 .6 4.8 4 4.9 7.4.1 1.8-1.1 7 0 8.5.6.8 1.6 1.2 2.4.5 1.4-1.1.1-5.4.1-6.9.1-3.7.3-8.6 4.1-10.5 5-2.5 6.2 1.6 5.4 5.6-.4 1.7-1 9.2 2.9 6.3 1.5-1.1.7-3.5.5-4.9-.4-2.4-.4-4.3 1-6.5.9-1.4 2.4-3.1 4.2-3 2.4.1 2.7 2.2 4 3.7 1.5 1.8 1.8 2.2 3 .1 1.1-1.9 1.2-2.8 3.6-3.3 1.3-.3 4.8-1.4 5.9-.5 1.5 1.1.6 2.8.4 4.3-.2 1.1-.6 4 1.8 3.4 1.7-.4-.3-4.1.6-5.6 1.3-2.2 5.8-1.4 7 .5 1.3 2.1.5 5.8.1 8.1s-1.2 5-.6 7.4c1.3 5.1 4.4.9 4.3-2.4-.1-4.4-2-8.8-.5-13 .9-2.4 4.6-6.6 7.7-4.5 2.7 1.8.5 7.8.2 10.3-.2 1.7-.8 4.6.2 6.2.9 1.4 2 1.5 2.6-.3.5-1.5-.9-4.5-1-6.1-.2-1.7-.4-3.7.2-5.4 1.8-5.6 3.5 2.4 6.3.6 1.4-.9 4.3-9.4 6.1-3.1.6 2.2-1.3 7.8.7 8.9 4.2 2.3 1.5-7.1 2.2-8 3.1-4 4.7 3.8 6.1 4.1 3.1.7 2.8-7.9 8.1-4.5 1.7 1.1 2.9 3.3 3.2 5.2.4 2.2-1 4.5-.6 6.6 1 4.3 4.4 1.5 4.4-1.7 0-2.7-3-8.3 1.4-9.1 4.4-.9 7.3 3.5 7.8 6.9.3 2-1.5 10.9 1.3 11.3 4.1.6-3.2-15.7 4.8-15.8 4.7-.1 2.8 4.1 3.9 6.6 1 2.4 2.1 1 2.3-.8.3-1.9-.9-3.2 1.3-4.3 5.9-2.9 5.9 5.4 5.5 8.5-.3 2-1.7 8.4 2 8.1 6.9-.5-2.8-16.9 4.8-18.7 4.7-1.2 6.1 3.6 6.3 7.1.1 1.7-1.2 8.1.6 9.1 3.5 2 1.9-7 2-8.4.2-4 1.2-9.6 6.4-9.8 4.7-.2 3.2 4.6 2.7 7.5-.4 2.2 1.3 8.6 3.8 4.4 1.1-1.9-.3-4.1-.3-6 0-1.7.4-3.2 1.3-4.6 1-1.6 2.9-3.5 5.1-2.9 2.5.6 2.3 4.1 4.1 4.9 1.9.8 1.6-.9 2.3-2.1 1.2-2.1 2.1-2.1 4.4-2.4 1.4-.2 3.6-1.5 4.9-.5 2.3 1.7-.7 4.4.1 6.5.6 1.5 2.1 1.7 2.8.3.7-1.4-1.1-3.4-.3-4.8 1.4-2.5 6.2-1.2 7.2 1 2.3 4.8-3.3 12-.2 16.3 3 4.1 3.9-2.8 3.8-4.8-.4-4.3-2.1-8.9 0-13.1 1.3-2.5 5.9-5.7 7.9-2.4 2 3.2-1.3 9.8-.8 13.4.5 4.4 3.5 3.3 2.7-.8-.4-1.9-2.4-10 .6-11.1 3.7-1.4 2.8 7.2 6.5.4 2.2-4.1 4.9-3.1 5.2 1.2.1 1.5-.6 3.1-.4 4.6.2 1.9 1.8 3.7 3.3 1.3 1-1.6-2.6-10.4 2.9-7.3 2.6 1.5 1.6 6.5 4.8 2.7 1.3-1.5 1.7-3.6 4-3.7 2.2-.1 4 2.3 4.8 4.1 1.3 2.9-1.5 8.4.9 10.3 4.2 3.3 3-5.5 2.7-6.9-.6-3.9 1-7.2 5.5-5 4.1 2.1 4.3 7.7 4.1 11.6 0 .8-.6 9.5 2.5 5.2 1.2-1.7-.1-7.7.1-9.6.3-2.9 1.2-5.5 4.3-6.2 4.5-1 7.7 1.5 7.4 5.8-.2 3.5-1.8 7.7-.5 11.1 1 2.7 3.6 2.8 5 .2 1.6-3.1 0-8.3-.4-11.6-.4-4.2-.2-7 1.8-10.8 0 0-.1.1-.1.2-.2.4-.3.7-.4.8v.1c-.1.2-.1.2 0 0v-.1l.4-.8c0-.1.1-.1.1-.2.2-.4.5-.8.8-1.2V0H0zM282.7 3.4z\"\/>\n<\/svg>\t\t<\/div>\n\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-daacdd5\" data-id=\"daacdd5\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dad91dc elementor-widget elementor-widget-html\" data-id=\"dad91dc\" 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<div class=\"teclemas-hero-overlay-content\">\r\n  <style>\r\n    .teclemas-hero-overlay-content {\r\n      position: relative;\r\n      width: 55%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      padding: 60px 5% 60px 4%;\r\n      box-sizing: border-box;\r\n      font-family: 'Arial', sans-serif;\r\n      z-index: 5;\r\n    }\r\n\r\n    .teclemas-hero-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: rgba(239, 159, 39, 0.14);\r\n      border: 1px solid rgba(239, 159, 39, 0.4);\r\n      color: #EF9F27;\r\n      font-size: 12.5px;\r\n      font-weight: 800;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      padding: 8px 16px;\r\n      border-radius: 50px;\r\n      margin-bottom: 22px;\r\n      width: fit-content;\r\n    }\r\n    .teclemas-hero-badge svg {\r\n      width: 14px; height: 14px;\r\n      stroke: #EF9F27; fill: none;\r\n      stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\r\n    }\r\n    .teclemas-hero-badge .pulse-dot {\r\n      width: 7px; height: 7px;\r\n      border-radius: 50%;\r\n      background: #EF9F27;\r\n      box-shadow: 0 0 0 0 rgba(239,159,39,0.7);\r\n      animation: teclemas-pulse 2s infinite;\r\n    }\r\n    @keyframes teclemas-pulse {\r\n      0% { box-shadow: 0 0 0 0 rgba(239,159,39,0.5); }\r\n      70% { box-shadow: 0 0 0 8px rgba(239,159,39,0); }\r\n      100% { box-shadow: 0 0 0 0 rgba(239,159,39,0); }\r\n    }\r\n\r\n    .teclemas-hero-title {\r\n      color: #FFFFFF;\r\n      font-size: 44px;\r\n      font-weight: 800;\r\n      line-height: 1.15;\r\n      margin: 0 0 18px;\r\n    }\r\n    .teclemas-hero-title span {\r\n      color: #EF9F27;\r\n    }\r\n\r\n    .teclemas-hero-desc {\r\n      color: #B5D4F4;\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n      margin: 0 0 32px;\r\n      max-width: 480px;\r\n    }\r\n\r\n    .teclemas-hero-actions {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 18px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .teclemas-hero-btn-primary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      background: #EF9F27;\r\n      color: #042C53;\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      text-decoration: none;\r\n      padding: 15px 30px;\r\n      border-radius: 50px;\r\n      transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\r\n      box-shadow: 0 10px 24px rgba(239, 159, 39, 0.3);\r\n    }\r\n    .teclemas-hero-btn-primary:hover {\r\n      transform: translateY(-3px);\r\n      background: #FFB347;\r\n      box-shadow: 0 14px 30px rgba(239, 159, 39, 0.4);\r\n    }\r\n    .teclemas-hero-btn-primary svg {\r\n      width: 17px; height: 17px;\r\n      stroke: #042C53; fill: none;\r\n      stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round;\r\n    }\r\n\r\n    .teclemas-hero-btn-text {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      color: #FFFFFF;\r\n      font-size: 14.5px;\r\n      font-weight: 700;\r\n      text-decoration: none;\r\n      transition: gap 0.25s ease, color 0.25s ease;\r\n    }\r\n    .teclemas-hero-btn-text:hover {\r\n      gap: 12px;\r\n      color: #EF9F27;\r\n    }\r\n    .teclemas-hero-btn-text svg {\r\n      width: 16px; height: 16px;\r\n      stroke: currentColor; fill: none;\r\n      stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .teclemas-hero-overlay-content {\r\n        width: 100%;\r\n        padding: 50px 6%;\r\n      }\r\n      .teclemas-hero-title { font-size: 30px; }\r\n      .teclemas-hero-desc { font-size: 14.5px; max-width: 100%; }\r\n    }\r\n    @media (max-width: 500px) {\r\n      .teclemas-hero-title { font-size: 24px; }\r\n      .teclemas-hero-actions { flex-direction: column; align-items: flex-start; gap: 14px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"teclemas-hero-badge\">\r\n    <span class=\"pulse-dot\"><\/span>\r\n    Modalidad 100% virtual\r\n  <\/div>\r\n\r\n  <h1 class=\"teclemas-hero-title\">Estudia a tu ritmo,<br>sin pausar tu <span>vida<\/span><\/h1>\r\n\r\n  <p class=\"teclemas-hero-desc\">Capac\u00edtate en las \u00e1reas con mayor demanda profesional, desde donde est\u00e9s, con el respaldo de un instituto tecnol\u00f3gico reconocido.<\/p>\r\n\r\n  <div class=\"teclemas-hero-actions\">\r\n    <a href=\"#cursos\" class=\"teclemas-hero-btn-primary\">\r\n      Conoce nuestros cursos\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n    <\/a>\r\n    <a href=\"#\" class=\"teclemas-hero-btn-text\">\r\n      Sobre TecLEMAS\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\r\n\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<div class=\"elementor-element elementor-element-9396b0a e-flex e-con-boxed e-con e-parent\" data-id=\"9396b0a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bf93e6 elementor-widget elementor-widget-html\" data-id=\"7bf93e6\" 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  ============================================================================\r\n  INSTRUCCIONES PARA REEMPLAZAR LAS IM\u00c1GENES DE PLACEHOLDER:\r\n  \r\n  Cada tarjeta de curso tiene una imagen temporal (placeholder gris\/azul) \r\n  dentro de <div class=\"teclemas-course-image-wrap\"><img decoding=\"async\" src=\"...\">\r\n  \r\n  Para reemplazarla:\r\n  1. Genera la imagen con Gemini usando el prompt correspondiente al curso.\r\n  2. S\u00fabela a la Biblioteca de medios de WordPress.\r\n  3. Copia la URL de la imagen subida.\r\n  4. Reemplaza el valor del atributo \"src\" de cada <img> por esa URL.\r\n  ============================================================================\r\n-->\r\n<div class=\"teclemas-courses-section\">\r\n  <style>\r\n    .teclemas-courses-section {\r\n      background: #f5f7fa;\r\n      padding: 60px 20px 70px;\r\n      font-family: 'Arial', sans-serif;\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      position: relative;\r\n      left: 50%;\r\n      right: 50%;\r\n      margin-left: -50vw;\r\n      margin-right: -50vw;\r\n      box-sizing: border-box;\r\n    }\r\n    .teclemas-courses-header {\r\n      text-align: center;\r\n      max-width: 900px;\r\n      margin: 0 auto 36px;\r\n    }\r\n    .teclemas-courses-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      background: #042C53;\r\n      color: #EF9F27;\r\n      font-size: 12.5px;\r\n      font-weight: 800;\r\n      letter-spacing: 1.2px;\r\n      text-transform: uppercase;\r\n      padding: 8px 18px;\r\n      border-radius: 50px;\r\n      margin-bottom: 16px;\r\n    }\r\n    .teclemas-courses-eyebrow svg {\r\n      width: 14px;\r\n      height: 14px;\r\n      stroke: #EF9F27;\r\n      fill: none;\r\n      stroke-width: 2.2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n    .teclemas-courses-title {\r\n      color: #042C53;\r\n      font-size: 32px;\r\n      font-weight: 800;\r\n      margin: 0 0 12px;\r\n      line-height: 1.2;\r\n    }\r\n    .teclemas-courses-subtitle {\r\n      color: #5A6B7D;\r\n      font-size: 16px;\r\n      line-height: 1.5;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Tabs *\/\r\n    .teclemas-tabs-nav {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      flex-wrap: wrap;\r\n      max-width: 1300px;\r\n      margin: 0 auto 40px;\r\n    }\r\n    .teclemas-tab-btn {\r\n      background: #FFFFFF;\r\n      color: #042C53;\r\n      border: 2px solid #DCE3EC;\r\n      border-radius: 50px;\r\n      padding: 12px 24px;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.3px;\r\n      cursor: pointer;\r\n      transition: all 0.25s ease;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n    }\r\n    .teclemas-tab-btn svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      stroke: #042C53;\r\n      fill: none;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      transition: stroke 0.25s ease;\r\n    }\r\n    .teclemas-tab-btn:hover {\r\n      border-color: #EF9F27;\r\n    }\r\n    .teclemas-tab-btn.active {\r\n      background: #042C53;\r\n      border-color: #042C53;\r\n      color: #FFFFFF;\r\n    }\r\n    .teclemas-tab-btn.active svg {\r\n      stroke: #EF9F27;\r\n    }\r\n\r\n    \/* Panels *\/\r\n    .teclemas-tab-panel {\r\n      display: none;\r\n      max-width: 1300px;\r\n      margin: 0 auto;\r\n      animation: fadeInUp 0.35s ease;\r\n    }\r\n    .teclemas-tab-panel.active {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(280px, 340px));\r\n      justify-content: center;\r\n      gap: 24px;\r\n    }\r\n    @keyframes fadeInUp {\r\n      from { opacity: 0; transform: translateY(10px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .teclemas-course-card {\r\n      background: #042C53;\r\n      border-radius: 10px;\r\n      overflow: hidden;\r\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    .teclemas-course-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 14px 28px rgba(4, 44, 83, 0.22);\r\n    }\r\n    .teclemas-course-image-wrap {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 160px;\r\n      overflow: hidden;\r\n      background: #0C447C;\r\n    }\r\n    .teclemas-course-image-wrap img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      transition: transform 0.4s ease;\r\n    }\r\n    .teclemas-course-card:hover .teclemas-course-image-wrap img {\r\n      transform: scale(1.06);\r\n    }\r\n    .teclemas-course-image-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(180deg, rgba(4,44,83,0) 50%, rgba(4,44,83,0.95) 100%);\r\n    }\r\n    .teclemas-course-tag {\r\n      background: #EF9F27;\r\n      color: #042C53;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.5px;\r\n      text-transform: uppercase;\r\n      padding: 6px 16px;\r\n      display: inline-block;\r\n      width: fit-content;\r\n      border-radius: 4px;\r\n      position: absolute;\r\n      top: 14px;\r\n      left: 16px;\r\n      margin: 0;\r\n    }\r\n    .teclemas-course-title {\r\n      color: #FFFFFF;\r\n      font-size: 18px;\r\n      font-weight: 800;\r\n      line-height: 1.3;\r\n      margin: 18px 20px 8px;\r\n      text-transform: uppercase;\r\n    }\r\n    .teclemas-course-desc {\r\n      color: #B5D4F4;\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      margin: 0 20px 16px;\r\n    }\r\n    .teclemas-course-meta {\r\n      display: flex;\r\n      gap: 14px;\r\n      margin: 0 20px 18px;\r\n      flex-wrap: wrap;\r\n    }\r\n    .teclemas-course-meta-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      color: #85B7EB;\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n    }\r\n    .teclemas-course-meta-item svg {\r\n      width: 14px;\r\n      height: 14px;\r\n      stroke: #EF9F27;\r\n      fill: none;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n    .teclemas-course-accordion-body {\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.35s ease, padding 0.35s ease;\r\n      background: rgba(0,0,0,0.15);\r\n    }\r\n    .teclemas-course-card.expanded .teclemas-course-accordion-body {\r\n      max-height: 300px;\r\n      padding: 18px 20px;\r\n    }\r\n    .teclemas-course-accordion-body p {\r\n      color: #B5D4F4;\r\n      font-size: 12.5px;\r\n      line-height: 1.6;\r\n      margin: 0 0 10px;\r\n    }\r\n    .teclemas-course-accordion-body strong {\r\n      color: #FFFFFF;\r\n    }\r\n    .teclemas-course-btn svg.chevron {\r\n      transition: transform 0.25s ease;\r\n    }\r\n    .teclemas-course-card.expanded .teclemas-course-btn svg.chevron {\r\n      transform: rotate(90deg);\r\n    }\r\n    .teclemas-course-btn {\r\n      background: transparent;\r\n      color: #EF9F27;\r\n      border: none;\r\n      border-top: 1px solid rgba(255,255,255,0.1);\r\n      padding: 14px 20px;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      text-align: left;\r\n      letter-spacing: 0.3px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      transition: background 0.2s ease;\r\n    }\r\n    .teclemas-course-btn:hover {\r\n      background: rgba(239, 159, 39, 0.08);\r\n    }\r\n    .teclemas-course-btn svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      stroke: #EF9F27;\r\n      fill: none;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .teclemas-tab-panel.active { grid-template-columns: repeat(auto-fit, minmax(260px, 320px)); justify-content: center; }\r\n      .teclemas-courses-title { font-size: 26px; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .teclemas-tab-panel.active { grid-template-columns: 1fr; }\r\n      .teclemas-tab-btn { padding: 10px 16px; font-size: 13px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"teclemas-courses-header\">\r\n    <div class=\"teclemas-courses-eyebrow\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 3L2 8l10 5 10-5-10-5z\"\/><path d=\"M6 10.5V16c0 1.5 2.7 3 6 3s6-1.5 6-3v-5.5\"\/><\/svg>\r\n      Oferta acad\u00e9mica\r\n    <\/div>\r\n    <h2 class=\"teclemas-courses-title\">Encuentra el curso para tu \u00e1rea<\/h2>\r\n    <p class=\"teclemas-courses-subtitle\">Selecciona un \u00e1rea para ver los cursos y programas disponibles.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"teclemas-tabs-nav\">\r\n    <button class=\"teclemas-tab-btn active\" data-tab=\"neuroeducacion\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M9 2a5 5 0 0 0-5 5c0 1.2.4 2 1 3-1 .8-1.5 1.8-1.5 3A4.5 4.5 0 0 0 8 17.5\"\/><path d=\"M15 2a5 5 0 0 1 5 5c0 1.2-.4 2-1 3 1 .8 1.5 1.8 1.5 3a4.5 4.5 0 0 1-4.5 4.5\"\/><path d=\"M9 2c1.7 0 3 1.5 3 3.5V19c0 1.7-1.3 3-3 3\"\/><\/svg>\r\n      Neuroeducaci\u00f3n\r\n    <\/button>\r\n    <button class=\"teclemas-tab-btn\" data-tab=\"marketing\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M3 17l5-5 4 4 8-8\"\/><path d=\"M15 7h5v5\"\/><\/svg>\r\n      Marketing\r\n    <\/button>\r\n    <button class=\"teclemas-tab-btn\" data-tab=\"software\">\r\n      <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"1.5\"\/><path d=\"M8 21h8\"\/><path d=\"M12 17v4\"\/><path d=\"M9 9l-2 2 2 2\"\/><path d=\"M15 9l2 2-2 2\"\/><\/svg>\r\n      Desarrollo de Software\r\n    <\/button>\r\n    <button class=\"teclemas-tab-btn\" data-tab=\"financiera\">\r\n      <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"14\" height=\"18\" rx=\"1.5\"\/><path d=\"M7 7h6\"\/><path d=\"M7 11h6\"\/><circle cx=\"16\" cy=\"16\" r=\"5\"\/><path d=\"M16 14v4\"\/><path d=\"M14.5 17.5h3\"\/><\/svg>\r\n      Administraci\u00f3n Financiera\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <!-- PANEL: NEUROEDUCACI\u00d3N -->\r\n  <div class=\"teclemas-tab-panel active\" id=\"panel-neuroeducacion\">\r\n    <div class=\"teclemas-course-card\">\r\n      <div class=\"teclemas-course-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.teclemas.edu.ec\/inicio\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_7eb0g17eb0g17eb0.png\" loading=\"lazy\">\r\n        <div class=\"teclemas-course-image-overlay\"><\/div>\r\n        <span class=\"teclemas-course-tag\">Curso<\/span>\r\n      <\/div>\r\n      <p class=\"teclemas-course-title\">Dise\u00f1o Universal para el Aprendizaje (DUA): aplicaci\u00f3n neuroeducativa<\/p>\r\n      <p class=\"teclemas-course-desc\">Estrategias de dise\u00f1o curricular inclusivo basadas en los principios del DUA y la neurociencia educativa.<\/p>\r\n      <div class=\"teclemas-course-meta\">\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>40 horas<\/span>\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8\"\/><\/svg>Virtual<\/span>\r\n      <\/div>\r\n      <button class=\"teclemas-course-btn\">Ver m\u00e1s <svg class=\"chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\r\n      <div class=\"teclemas-course-accordion-body\">\r\n        <p><strong>Dirigido a:<\/strong> docentes y profesionales de la educaci\u00f3n interesados en dise\u00f1ar experiencias de aprendizaje inclusivas.<\/p>\r\n        <p><strong>Contenido:<\/strong> principios del DUA, neurociencia aplicada a la inclusi\u00f3n, dise\u00f1o de materiales y evaluaciones accesibles.<\/p>\r\n        <p><strong>Certificaci\u00f3n:<\/strong> aval institucional al finalizar el curso.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"teclemas-course-card\">\r\n      <div class=\"teclemas-course-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.teclemas.edu.ec\/inicio\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_oepd4oepd4oepd4o.png\" alt=\"Imagen representativa del curso Neuroeducaci\u00f3n Aplicada al Aula\" loading=\"lazy\">\r\n        <div class=\"teclemas-course-image-overlay\"><\/div>\r\n        <span class=\"teclemas-course-tag\">Curso<\/span>\r\n      <\/div>\r\n      <p class=\"teclemas-course-title\">Neuroeducaci\u00f3n Aplicada al Aula<\/p>\r\n      <p class=\"teclemas-course-desc\">Herramientas neurocient\u00edficas para mejorar la atenci\u00f3n, motivaci\u00f3n y aprendizaje de los estudiantes.<\/p>\r\n      <div class=\"teclemas-course-meta\">\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>40 horas<\/span>\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8\"\/><\/svg>Virtual<\/span>\r\n      <\/div>\r\n      <button class=\"teclemas-course-btn\">Ver m\u00e1s <svg class=\"chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\r\n      <div class=\"teclemas-course-accordion-body\">\r\n        <p><strong>Dirigido a:<\/strong> docentes y tutores que buscan aplicar la neurociencia en su pr\u00e1ctica pedag\u00f3gica diaria.<\/p>\r\n        <p><strong>Contenido:<\/strong> funcionamiento del cerebro en el aprendizaje, estrategias de atenci\u00f3n y memoria, t\u00e9cnicas de motivaci\u00f3n en el aula.<\/p>\r\n        <p><strong>Certificaci\u00f3n:<\/strong> aval institucional al finalizar el curso.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- PANEL: MARKETING -->\r\n  <div class=\"teclemas-tab-panel\" id=\"panel-marketing\">\r\n    <div class=\"teclemas-course-card\">\r\n      <div class=\"teclemas-course-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.teclemas.edu.ec\/inicio\/wp-content\/uploads\/2026\/06\/e9cf3ad8-b4eb-4f00-814c-df678ef87f07.jpg\" alt=\"Imagen representativa del curso Inteligencia Artificial Aplicada a SEO\" loading=\"lazy\">\r\n        <div class=\"teclemas-course-image-overlay\"><\/div>\r\n        <span class=\"teclemas-course-tag\">Curso<\/span>\r\n      <\/div>\r\n      <p class=\"teclemas-course-title\">Inteligencia Artificial Aplicada a SEO<\/p>\r\n      <p class=\"teclemas-course-desc\">Optimizaci\u00f3n del posicionamiento web utilizando herramientas de inteligencia artificial.<\/p>\r\n      <div class=\"teclemas-course-meta\">\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>40 horas<\/span>\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8\"\/><\/svg>Virtual<\/span>\r\n      <\/div>\r\n      <button class=\"teclemas-course-btn\">Ver m\u00e1s <svg class=\"chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\r\n      <div class=\"teclemas-course-accordion-body\">\r\n        <p><strong>Dirigido a:<\/strong> profesionales de marketing digital y due\u00f1os de negocios que buscan mejorar su visibilidad en buscadores.<\/p>\r\n        <p><strong>Contenido:<\/strong> fundamentos de SEO, herramientas de IA para investigaci\u00f3n de palabras clave y contenido, optimizaci\u00f3n t\u00e9cnica y de contenido.<\/p>\r\n        <p><strong>Certificaci\u00f3n:<\/strong> aval institucional al finalizar el curso.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- PANEL: DESARROLLO DE SOFTWARE -->\r\n  <div class=\"teclemas-tab-panel\" id=\"panel-software\">\r\n    <div class=\"teclemas-course-card\">\r\n      <div class=\"teclemas-course-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.teclemas.edu.ec\/inicio\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_2f25e12f25e12f25.png\" alt=\"Imagen representativa del curso Anal\u00edtica de Datos y Business Intelligence\" loading=\"lazy\">\r\n        <div class=\"teclemas-course-image-overlay\"><\/div>\r\n        <span class=\"teclemas-course-tag\">Curso<\/span>\r\n      <\/div>\r\n      <p class=\"teclemas-course-title\">Anal\u00edtica de Datos y Business Intelligence (BI)<\/p>\r\n      <p class=\"teclemas-course-desc\">Transformaci\u00f3n de datos en informaci\u00f3n estrat\u00e9gica mediante herramientas de inteligencia de negocios.<\/p>\r\n      <div class=\"teclemas-course-meta\">\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>40 horas<\/span>\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8\"\/><\/svg>Virtual<\/span>\r\n      <\/div>\r\n      <button class=\"teclemas-course-btn\">Ver m\u00e1s <svg class=\"chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\r\n      <div class=\"teclemas-course-accordion-body\">\r\n        <p><strong>Dirigido a:<\/strong> estudiantes y profesionales interesados en el an\u00e1lisis de datos para la toma de decisiones.<\/p>\r\n        <p><strong>Contenido:<\/strong> fundamentos de BI, modelado de datos, creaci\u00f3n de dashboards e indicadores clave.<\/p>\r\n        <p><strong>Certificaci\u00f3n:<\/strong> aval institucional al finalizar el curso.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"teclemas-course-card\">\r\n      <div class=\"teclemas-course-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.teclemas.edu.ec\/inicio\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_fzump1fzump1fzum.png\" alt=\"Imagen representativa del curso Dise\u00f1o de Sistemas Distribuidos\" loading=\"lazy\">\r\n        <div class=\"teclemas-course-image-overlay\"><\/div>\r\n        <span class=\"teclemas-course-tag\">Curso<\/span>\r\n      <\/div>\r\n      <p class=\"teclemas-course-title\">Dise\u00f1o de Sistemas Distribuidos y Arquitectura Eficiente<\/p>\r\n      <p class=\"teclemas-course-desc\">Principios de arquitectura de software escalable y sistemas distribuidos modernos.<\/p>\r\n      <div class=\"teclemas-course-meta\">\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>40 horas<\/span>\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8\"\/><\/svg>Virtual<\/span>\r\n      <\/div>\r\n      <button class=\"teclemas-course-btn\">Ver m\u00e1s <svg class=\"chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\r\n      <div class=\"teclemas-course-accordion-body\">\r\n        <p><strong>Dirigido a:<\/strong> desarrolladores y estudiantes que desean profundizar en arquitectura de software.<\/p>\r\n        <p><strong>Contenido:<\/strong> patrones de arquitectura, microservicios, escalabilidad y eficiencia en sistemas distribuidos.<\/p>\r\n        <p><strong>Certificaci\u00f3n:<\/strong> aval institucional al finalizar el curso.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"teclemas-course-card\">\r\n      <div class=\"teclemas-course-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.teclemas.edu.ec\/inicio\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_5vtgdj5vtgdj5vtg.png\" alt=\"Imagen representativa del curso Programaci\u00f3n B\u00e1sica\" loading=\"lazy\">\r\n        <div class=\"teclemas-course-image-overlay\"><\/div>\r\n        <span class=\"teclemas-course-tag\">Curso<\/span>\r\n      <\/div>\r\n      <p class=\"teclemas-course-title\">Programaci\u00f3n B\u00e1sica<\/p>\r\n      <p class=\"teclemas-course-desc\">Fundamentos esenciales de programaci\u00f3n para quienes inician en el mundo del desarrollo de software.<\/p>\r\n      <div class=\"teclemas-course-meta\">\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>40 horas<\/span>\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8\"\/><\/svg>Virtual<\/span>\r\n      <\/div>\r\n      <button class=\"teclemas-course-btn\">Ver m\u00e1s <svg class=\"chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\r\n      <div class=\"teclemas-course-accordion-body\">\r\n        <p><strong>Dirigido a:<\/strong> estudiantes sin experiencia previa que desean iniciarse en la programaci\u00f3n.<\/p>\r\n        <p><strong>Contenido:<\/strong> l\u00f3gica de programaci\u00f3n, variables, estructuras de control e introducci\u00f3n a un lenguaje de programaci\u00f3n.<\/p>\r\n        <p><strong>Certificaci\u00f3n:<\/strong> aval institucional al finalizar el curso.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- PANEL: ADMINISTRACI\u00d3N FINANCIERA -->\r\n  <div class=\"teclemas-tab-panel\" id=\"panel-financiera\">\r\n    <div class=\"teclemas-course-card\">\r\n      <div class=\"teclemas-course-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.teclemas.edu.ec\/inicio\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_8x0hk78x0hk78x0h.png\" alt=\"Imagen representativa del curso An\u00e1lisis Financiero con IA y Power BI aplicado a la producci\u00f3n\" loading=\"lazy\">\r\n        <div class=\"teclemas-course-image-overlay\"><\/div>\r\n        <span class=\"teclemas-course-tag\">Curso<\/span>\r\n      <\/div>\r\n      <p class=\"teclemas-course-title\">An\u00e1lisis Financiero con Inteligencia Artificial y Power BI aplicado a la Producci\u00f3n<\/p>\r\n      <p class=\"teclemas-course-desc\">Uso de inteligencia artificial y Power BI para optimizar el an\u00e1lisis financiero en procesos productivos.<\/p>\r\n      <div class=\"teclemas-course-meta\">\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>40 horas<\/span>\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8\"\/><\/svg>Virtual<\/span>\r\n      <\/div>\r\n      <button class=\"teclemas-course-btn\">Ver m\u00e1s <svg class=\"chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\r\n      <div class=\"teclemas-course-accordion-body\">\r\n        <p><strong>Dirigido a:<\/strong> profesionales de finanzas y producci\u00f3n que buscan incorporar tecnolog\u00eda en sus an\u00e1lisis.<\/p>\r\n        <p><strong>Contenido:<\/strong> fundamentos de IA aplicada a finanzas, modelado en Power BI, an\u00e1lisis de costos de producci\u00f3n.<\/p>\r\n        <p><strong>Certificaci\u00f3n:<\/strong> aval institucional al finalizar el curso.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"teclemas-course-card\">\r\n      <div class=\"teclemas-course-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.teclemas.edu.ec\/inicio\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_jrvek0jrvek0jrve.png\" alt=\"Imagen representativa del curso An\u00e1lisis Financiero Aplicando el BI en Productos\" loading=\"lazy\">\r\n        <div class=\"teclemas-course-image-overlay\"><\/div>\r\n        <span class=\"teclemas-course-tag\">Curso<\/span>\r\n      <\/div>\r\n      <p class=\"teclemas-course-title\">An\u00e1lisis Financiero Aplicando el BI en Productos<\/p>\r\n      <p class=\"teclemas-course-desc\">Inteligencia de negocios aplicada al an\u00e1lisis y evaluaci\u00f3n financiera de productos.<\/p>\r\n      <div class=\"teclemas-course-meta\">\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>40 horas<\/span>\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8\"\/><\/svg>Virtual<\/span>\r\n      <\/div>\r\n      <button class=\"teclemas-course-btn\">Ver m\u00e1s <svg class=\"chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\r\n      <div class=\"teclemas-course-accordion-body\">\r\n        <p><strong>Dirigido a:<\/strong> analistas financieros y profesionales de administraci\u00f3n.<\/p>\r\n        <p><strong>Contenido:<\/strong> inteligencia de negocios, evaluaci\u00f3n financiera de productos y servicios, indicadores de rentabilidad.<\/p>\r\n        <p><strong>Certificaci\u00f3n:<\/strong> aval institucional al finalizar el curso.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"teclemas-course-card\">\r\n      <div class=\"teclemas-course-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.teclemas.edu.ec\/inicio\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_lm41zblm41zblm41.png\" alt=\"Imagen representativa del curso An\u00e1lisis Financiero para Peque\u00f1os Emprendimientos y PYMES\" loading=\"lazy\">\r\n        <div class=\"teclemas-course-image-overlay\"><\/div>\r\n        <span class=\"teclemas-course-tag\">Curso<\/span>\r\n      <\/div>\r\n      <p class=\"teclemas-course-title\">An\u00e1lisis Financiero para Peque\u00f1os Emprendimientos y PYMES<\/p>\r\n      <p class=\"teclemas-course-desc\">Herramientas de an\u00e1lisis financiero adaptadas a la realidad de peque\u00f1os negocios y PYMES.<\/p>\r\n      <div class=\"teclemas-course-meta\">\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>40 horas<\/span>\r\n        <span class=\"teclemas-course-meta-item\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8\"\/><\/svg>Virtual<\/span>\r\n      <\/div>\r\n      <button class=\"teclemas-course-btn\">Ver m\u00e1s <svg class=\"chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\r\n      <div class=\"teclemas-course-accordion-body\">\r\n        <p><strong>Dirigido a:<\/strong> emprendedores y propietarios de peque\u00f1os negocios y PYMES.<\/p>\r\n        <p><strong>Contenido:<\/strong> flujo de caja, punto de equilibrio e indicadores financieros b\u00e1sicos para la gesti\u00f3n de peque\u00f1os negocios.<\/p>\r\n        <p><strong>Certificaci\u00f3n:<\/strong> aval institucional al finalizar el curso.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var tabs = document.querySelectorAll('.teclemas-tab-btn');\r\n  var panels = document.querySelectorAll('.teclemas-tab-panel');\r\n\r\n  tabs.forEach(function(tab) {\r\n    tab.addEventListener('click', function() {\r\n      var target = tab.getAttribute('data-tab');\r\n\r\n      tabs.forEach(function(t) { t.classList.remove('active'); });\r\n      tab.classList.add('active');\r\n\r\n      panels.forEach(function(p) { p.classList.remove('active'); });\r\n      document.getElementById('panel-' + target).classList.add('active');\r\n    });\r\n  });\r\n\r\n  var courseButtons = document.querySelectorAll('.teclemas-course-btn');\r\n  courseButtons.forEach(function(btn) {\r\n    btn.addEventListener('click', function() {\r\n      var card = btn.closest('.teclemas-course-card');\r\n      card.classList.toggle('expanded');\r\n      btn.firstChild.textContent = card.classList.contains('expanded') ? 'Ver menos ' : 'Ver m\u00e1s ';\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c630639 elementor-widget elementor-widget-html\" data-id=\"c630639\" 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<div class=\"teclemas-skills-section\">\r\n  <style>\r\n    .teclemas-skills-section {\r\n      background: #F5F7FA;\r\n      padding: 64px 20px 80px;\r\n      font-family: 'Arial', sans-serif;\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      position: relative;\r\n      left: 50%;\r\n      right: 50%;\r\n      margin-left: -50vw;\r\n      margin-right: -50vw;\r\n      box-sizing: border-box;\r\n    }\r\n    .teclemas-skills-header {\r\n      text-align: center;\r\n      max-width: 720px;\r\n      margin: 0 auto 48px;\r\n    }\r\n    .teclemas-skills-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      background: #042C53;\r\n      color: #EF9F27;\r\n      font-size: 12.5px;\r\n      font-weight: 800;\r\n      letter-spacing: 1.2px;\r\n      text-transform: uppercase;\r\n      padding: 8px 18px;\r\n      border-radius: 50px;\r\n      margin-bottom: 16px;\r\n    }\r\n    .teclemas-skills-eyebrow svg {\r\n      width: 14px; height: 14px;\r\n      stroke: #EF9F27; fill: none;\r\n      stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\r\n    }\r\n    .teclemas-skills-title {\r\n      color: #042C53;\r\n      font-size: 32px;\r\n      font-weight: 800;\r\n      margin: 0 0 12px;\r\n      line-height: 1.2;\r\n    }\r\n    .teclemas-skills-subtitle {\r\n      color: #5A6B7D;\r\n      font-size: 16px;\r\n      line-height: 1.5;\r\n      margin: 0;\r\n    }\r\n\r\n    .teclemas-skills-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(6, 1fr);\r\n      gap: 22px;\r\n      max-width: 1300px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .teclemas-skill-card {\r\n      background: #FFFFFF;\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      box-shadow: 0 10px 24px rgba(4, 44, 83, 0.08);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    .teclemas-skill-card:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow: 0 18px 36px rgba(4, 44, 83, 0.16);\r\n    }\r\n\r\n    .teclemas-skill-top {\r\n      position: relative;\r\n      height: 140px;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    \/* La curva diagonal org\u00e1nica, igual que la referencia *\/\r\n    .teclemas-skill-top::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: -1px;\r\n      left: -10%;\r\n      width: 120%;\r\n      height: 50%;\r\n      background: #FFFFFF;\r\n      border-radius: 100% 0 0 0 \/ 100% 0 0 0;\r\n      transform: scaleX(1.3);\r\n    }\r\n\r\n    .teclemas-skill-icon-box {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 56px;\r\n      height: 56px;\r\n      background: rgba(255,255,255,0.95);\r\n      border-radius: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-shadow: 0 6px 14px rgba(0,0,0,0.12);\r\n    }\r\n    .teclemas-skill-icon-box svg {\r\n      width: 28px; height: 28px;\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      fill: none;\r\n    }\r\n\r\n    \/* Degradados individuales por tarjeta, derivados de la paleta TecLEMAS *\/\r\n    .teclemas-skill-top.grad-1 { background: linear-gradient(135deg, #042C53, #185FA5); }\r\n    .teclemas-skill-top.grad-2 { background: linear-gradient(135deg, #0C447C, #3592D6); }\r\n    .teclemas-skill-top.grad-3 { background: linear-gradient(135deg, #B9651C, #EF9F27); }\r\n    .teclemas-skill-top.grad-4 { background: linear-gradient(135deg, #185FA5, #5AA9E6); }\r\n    .teclemas-skill-top.grad-5 { background: linear-gradient(135deg, #0F6E56, #1D9E75); }\r\n    .teclemas-skill-top.grad-6 { background: linear-gradient(135deg, #042C53, #0C447C); }\r\n\r\n    .teclemas-skill-top.grad-1 svg { stroke: #042C53; }\r\n    .teclemas-skill-top.grad-2 svg { stroke: #0C447C; }\r\n    .teclemas-skill-top.grad-3 svg { stroke: #B9651C; }\r\n    .teclemas-skill-top.grad-4 svg { stroke: #185FA5; }\r\n    .teclemas-skill-top.grad-5 svg { stroke: #0F6E56; }\r\n    .teclemas-skill-top.grad-6 svg { stroke: #042C53; }\r\n\r\n    .teclemas-skill-body {\r\n      padding: 18px 16px 22px;\r\n      text-align: center;\r\n      flex-grow: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n    .teclemas-skill-name {\r\n      color: #042C53;\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      line-height: 1.3;\r\n      margin: 0 0 8px;\r\n      min-height: 38px;\r\n    }\r\n    .teclemas-skill-desc {\r\n      color: #6B7C8F;\r\n      font-size: 12px;\r\n      line-height: 1.5;\r\n      margin: 0 0 16px;\r\n      flex-grow: 1;\r\n    }\r\n\r\n    .teclemas-skill-badge {\r\n      display: inline-block;\r\n      padding: 7px 18px;\r\n      border-radius: 50px;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.4px;\r\n      text-transform: uppercase;\r\n      color: #FFFFFF;\r\n    }\r\n    .teclemas-skill-badge.badge-1 { background: linear-gradient(135deg, #042C53, #185FA5); }\r\n    .teclemas-skill-badge.badge-2 { background: linear-gradient(135deg, #0C447C, #3592D6); }\r\n    .teclemas-skill-badge.badge-3 { background: linear-gradient(135deg, #B9651C, #EF9F27); }\r\n    .teclemas-skill-badge.badge-4 { background: linear-gradient(135deg, #185FA5, #5AA9E6); }\r\n    .teclemas-skill-badge.badge-5 { background: linear-gradient(135deg, #0F6E56, #1D9E75); }\r\n    .teclemas-skill-badge.badge-6 { background: linear-gradient(135deg, #042C53, #0C447C); }\r\n\r\n    @media (max-width: 1100px) {\r\n      .teclemas-skills-grid { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n    @media (max-width: 700px) {\r\n      .teclemas-skills-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .teclemas-skills-title { font-size: 26px; }\r\n    }\r\n    @media (max-width: 440px) {\r\n      .teclemas-skills-grid { grid-template-columns: 1fr; max-width: 280px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"teclemas-skills-header\">\r\n    <div class=\"teclemas-skills-eyebrow\">\r\n      <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"5\"\/><path d=\"M5 21v-2a7 7 0 0 1 14 0v2\"\/><\/svg>\r\n      Perfil del egresado\r\n    <\/div>\r\n    <h2 class=\"teclemas-skills-title\">Habilidades que te llevas, no solo un t\u00edtulo<\/h2>\r\n    <p class=\"teclemas-skills-subtitle\">Cada programa en TecLEMAS est\u00e1 dise\u00f1ado para dejarte capacidades concretas y aplicables desde el primer d\u00eda.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"teclemas-skills-grid\">\r\n\r\n    <!-- Comunicaci\u00f3n Efectiva -->\r\n    <div class=\"teclemas-skill-card\">\r\n      <div class=\"teclemas-skill-top grad-1\">\r\n        <div class=\"teclemas-skill-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"teclemas-skill-body\">\r\n        <p class=\"teclemas-skill-name\">Comunicaci\u00f3n Efectiva<\/p>\r\n        <p class=\"teclemas-skill-desc\">Mejora tus habilidades para comunicar ideas con claridad.<\/p>\r\n        <span class=\"teclemas-skill-badge badge-1\">Soft Skill<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Pensamiento Cr\u00edtico -->\r\n    <div class=\"teclemas-skill-card\">\r\n      <div class=\"teclemas-skill-top grad-2\">\r\n        <div class=\"teclemas-skill-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 2a5 5 0 0 0-5 5c0 1.2.4 2 1 3-1 .8-1.5 1.8-1.5 3A4.5 4.5 0 0 0 8 17.5\"\/><path d=\"M15 2a5 5 0 0 1 5 5c0 1.2-.4 2-1 3 1 .8 1.5 1.8 1.5 3a4.5 4.5 0 0 1-4.5 4.5\"\/><path d=\"M9 2c1.7 0 3 1.5 3 3.5V19c0 1.7-1.3 3-3 3\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"teclemas-skill-body\">\r\n        <p class=\"teclemas-skill-name\">Pensamiento Cr\u00edtico<\/p>\r\n        <p class=\"teclemas-skill-desc\">Aprende a analizar situaciones y tomar decisiones fundamentadas.<\/p>\r\n        <span class=\"teclemas-skill-badge badge-2\">Soft Skill<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Gesti\u00f3n de Proyectos -->\r\n    <div class=\"teclemas-skill-card\">\r\n      <div class=\"teclemas-skill-top grad-3\">\r\n        <div class=\"teclemas-skill-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"\/><path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"teclemas-skill-body\">\r\n        <p class=\"teclemas-skill-name\">Gesti\u00f3n de Proyectos<\/p>\r\n        <p class=\"teclemas-skill-desc\">Planifica, organiza y ejecuta iniciativas de inicio a fin.<\/p>\r\n        <span class=\"teclemas-skill-badge badge-3\">Hard Skill<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Innovaci\u00f3n y Creatividad -->\r\n    <div class=\"teclemas-skill-card\">\r\n      <div class=\"teclemas-skill-top grad-4\">\r\n        <div class=\"teclemas-skill-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"teclemas-skill-body\">\r\n        <p class=\"teclemas-skill-name\">Innovaci\u00f3n y Creatividad<\/p>\r\n        <p class=\"teclemas-skill-desc\">Desarrolla soluciones originales ante problemas reales.<\/p>\r\n        <span class=\"teclemas-skill-badge badge-4\">Soft Skill<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Tecnolog\u00eda y Herramientas Digitales -->\r\n    <div class=\"teclemas-skill-card\">\r\n      <div class=\"teclemas-skill-top grad-5\">\r\n        <div class=\"teclemas-skill-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9.5 17a4.5 4.5 0 1 1 0-9H17a4.5 4.5 0 0 1 0 9\"\/><circle cx=\"6.5\" cy=\"12.5\" r=\"1\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"teclemas-skill-body\">\r\n        <p class=\"teclemas-skill-name\">Tecnolog\u00eda y Herramientas Digitales<\/p>\r\n        <p class=\"teclemas-skill-desc\">Utiliza plataformas y software actual del entorno profesional.<\/p>\r\n        <span class=\"teclemas-skill-badge badge-5\">Hard Skill<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- An\u00e1lisis de Datos -->\r\n    <div class=\"teclemas-skill-card\">\r\n      <div class=\"teclemas-skill-top grad-6\">\r\n        <div class=\"teclemas-skill-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 17l5-5 4 4 8-8\"\/><path d=\"M15 7h5v5\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"teclemas-skill-body\">\r\n        <p class=\"teclemas-skill-name\">An\u00e1lisis de Datos<\/p>\r\n        <p class=\"teclemas-skill-desc\">Interpreta datos y extrae conclusiones que gu\u00eden decisiones.<\/p>\r\n        <span class=\"teclemas-skill-badge badge-6\">Hard Skill<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c469d63 elementor-widget elementor-widget-html\" data-id=\"c469d63\" 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  ============================================================================\r\n  INSTRUCCIONES PARA REEMPLAZAR LA IMAGEN DE FONDO:\r\n  \r\n  1. Genera la imagen con Gemini usando el prompt proporcionado.\r\n  2. S\u00fabela a la Biblioteca de medios de WordPress (idealmente en formato WebP).\r\n  3. Copia la URL de la imagen subida.\r\n  4. Reemplaza el valor dentro de \"background-image: url('...')\" en \r\n     .teclemas-why-section por esa URL real.\r\n  \r\n  Ejemplo:\r\n  ANTES: background-image: url('https:\/\/via.placeholder.com\/1920x1000\/...');\r\n  DESPU\u00c9S: background-image: url('https:\/\/teclemas.edu.ec\/wp-content\/uploads\/2026\/06\/why-choose-us.webp');\r\n  ============================================================================\r\n-->\r\n<div class=\"teclemas-why-section\">\r\n  <style>\r\n    .teclemas-why-section {\r\n      background-image: url('https:\/\/www.teclemas.edu.ec\/inicio\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_v5okpgv5okpgv5ok-1.png');\r\n      background-size: cover;\r\n      background-position: center;\r\n      padding: 70px 20px;\r\n      font-family: 'Arial', sans-serif;\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      position: relative;\r\n      left: 50%;\r\n      right: 50%;\r\n      margin-left: -50vw;\r\n      margin-right: -50vw;\r\n      box-sizing: border-box;\r\n      overflow: hidden;\r\n    }\r\n    .teclemas-why-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(120deg, rgba(4,44,83,0.94) 0%, rgba(4,44,83,0.88) 55%, rgba(4,44,83,0.75) 100%);\r\n      z-index: 1;\r\n    }\r\n    .teclemas-why-glow-1 {\r\n      position: absolute;\r\n      width: 400px;\r\n      height: 400px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(239,159,39,0.12) 0%, transparent 70%);\r\n      top: -150px;\r\n      left: -100px;\r\n      pointer-events: none;\r\n      z-index: 2;\r\n    }\r\n    .teclemas-why-glow-2 {\r\n      position: absolute;\r\n      width: 350px;\r\n      height: 350px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(24,95,165,0.2) 0%, transparent 70%);\r\n      bottom: -120px;\r\n      right: -80px;\r\n      pointer-events: none;\r\n      z-index: 2;\r\n    }\r\n\r\n    .teclemas-why-inner {\r\n      max-width: 1300px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      grid-template-columns: 0.85fr 1.15fr;\r\n      gap: 60px;\r\n      align-items: center;\r\n    }\r\n\r\n    .teclemas-why-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      background: rgba(239, 159, 39, 0.12);\r\n      border: 1px solid rgba(239, 159, 39, 0.35);\r\n      color: #EF9F27;\r\n      font-size: 12.5px;\r\n      font-weight: 800;\r\n      letter-spacing: 1.2px;\r\n      text-transform: uppercase;\r\n      padding: 8px 18px;\r\n      border-radius: 50px;\r\n      margin-bottom: 18px;\r\n    }\r\n    .teclemas-why-eyebrow svg {\r\n      width: 14px; height: 14px;\r\n      stroke: #EF9F27; fill: none;\r\n      stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\r\n    }\r\n    .teclemas-why-title {\r\n      color: #FFFFFF;\r\n      font-size: 34px;\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n      margin: 0 0 18px;\r\n    }\r\n    .teclemas-why-title span {\r\n      color: #EF9F27;\r\n    }\r\n    .teclemas-why-desc {\r\n      color: #9FB8D4;\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n      margin: 0;\r\n    }\r\n\r\n    .teclemas-why-list {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 4px;\r\n    }\r\n    .teclemas-why-item {\r\n      display: flex;\r\n      gap: 20px;\r\n      padding: 22px 0;\r\n      border-bottom: 1px solid rgba(255,255,255,0.08);\r\n      transition: padding-left 0.3s ease;\r\n    }\r\n    .teclemas-why-item:last-child {\r\n      border-bottom: none;\r\n    }\r\n    .teclemas-why-item:hover {\r\n      padding-left: 10px;\r\n    }\r\n    .teclemas-why-icon {\r\n      flex-shrink: 0;\r\n      width: 50px;\r\n      height: 50px;\r\n      border-radius: 12px;\r\n      background: linear-gradient(145deg, #0C447C, #185FA5);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .teclemas-why-icon svg {\r\n      width: 24px; height: 24px;\r\n      stroke: #EF9F27; fill: none;\r\n      stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\r\n    }\r\n    .teclemas-why-text-title {\r\n      color: #FFFFFF;\r\n      font-size: 17px;\r\n      font-weight: 700;\r\n      margin: 0 0 6px;\r\n    }\r\n    .teclemas-why-text-desc {\r\n      color: #8FA8C4;\r\n      font-size: 13.5px;\r\n      line-height: 1.5;\r\n      margin: 0;\r\n    }\r\n\r\n    @media (max-width: 950px) {\r\n      .teclemas-why-inner {\r\n        grid-template-columns: 1fr;\r\n        gap: 36px;\r\n      }\r\n      .teclemas-why-title { font-size: 28px; }\r\n    }\r\n    @media (max-width: 500px) {\r\n      .teclemas-why-item { gap: 14px; }\r\n      .teclemas-why-icon { width: 42px; height: 42px; }\r\n      .teclemas-why-icon svg { width: 20px; height: 20px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"teclemas-why-overlay\"><\/div>\r\n  <div class=\"teclemas-why-glow-1\"><\/div>\r\n  <div class=\"teclemas-why-glow-2\"><\/div>\r\n\r\n  <div class=\"teclemas-why-inner\">\r\n\r\n    <div class=\"teclemas-why-content\">\r\n      <div class=\"teclemas-why-eyebrow\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7z\"\/><\/svg>\r\n        Nuestros diferenciadores\r\n      <\/div>\r\n      <h2 class=\"teclemas-why-title\">Por qu\u00e9 elegir <span>TecLEMAS<\/span><\/h2>\r\n      <p class=\"teclemas-why-desc\">Formaci\u00f3n t\u00e9cnica pensada para que avances a tu ritmo, con respaldo institucional real y docentes que conocen el mundo profesional, no solo la teor\u00eda.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"teclemas-why-list\">\r\n\r\n      <div class=\"teclemas-why-item\">\r\n        <div class=\"teclemas-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8\"\/><path d=\"M12 17v4\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"teclemas-why-text-title\">Modalidad 100% virtual y flexible<\/p>\r\n          <p class=\"teclemas-why-text-desc\">Estudia desde donde est\u00e9s, adaptando tu horario de estudio a tu vida laboral y personal.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"teclemas-why-item\">\r\n        <div class=\"teclemas-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"5\"\/><path d=\"M5 21v-2a7 7 0 0 1 14 0v2\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"teclemas-why-text-title\">Docentes con experiencia profesional real<\/p>\r\n          <p class=\"teclemas-why-text-desc\">Aprende de instructores que aplican lo que ense\u00f1an en su pr\u00e1ctica profesional diaria.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"teclemas-why-item\">\r\n        <div class=\"teclemas-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.5 12.5l2 2 4-4.5\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"teclemas-why-text-title\">Precios accesibles y facilidades de pago<\/p>\r\n          <p class=\"teclemas-why-text-desc\">Planes de financiamiento pensados para que la formaci\u00f3n de calidad est\u00e9 a tu alcance.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"teclemas-why-item\">\r\n        <div class=\"teclemas-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9.5 17a4.5 4.5 0 1 1 0-9H17a4.5 4.5 0 0 1 0 9\"\/><circle cx=\"6.5\" cy=\"12.5\" r=\"1\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"teclemas-why-text-title\">Plataforma Moodle propia con soporte t\u00e9cnico<\/p>\r\n          <p class=\"teclemas-why-text-desc\">Accede a tu aula virtual cuando la necesites, con acompa\u00f1amiento t\u00e9cnico durante todo el curso.<\/p>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e20e01c e-flex e-con-boxed e-con e-parent\" data-id=\"e20e01c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-430f345 elementor-widget elementor-widget-html\" data-id=\"430f345\" 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<div class=\"teclemas-cta-section\">\r\n  <style>\r\n    .teclemas-cta-section {\r\n      background: #F5F7FA;\r\n      padding: 80px 20px;\r\n      font-family: 'Arial', sans-serif;\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      position: relative;\r\n      left: 50%;\r\n      right: 50%;\r\n      margin-left: -50vw;\r\n      margin-right: -50vw;\r\n      box-sizing: border-box;\r\n      overflow: hidden;\r\n      text-align: center;\r\n    }\r\n    .teclemas-cta-glow-1 {\r\n      position: absolute;\r\n      width: 500px;\r\n      height: 500px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(239,159,39,0.10) 0%, transparent 70%);\r\n      top: -200px;\r\n      right: -150px;\r\n      pointer-events: none;\r\n    }\r\n    .teclemas-cta-glow-2 {\r\n      position: absolute;\r\n      width: 400px;\r\n      height: 400px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(12,68,124,0.08) 0%, transparent 70%);\r\n      bottom: -180px;\r\n      left: -120px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .teclemas-cta-inner {\r\n      max-width: 760px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .teclemas-cta-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      background: #042C53;\r\n      color: #EF9F27;\r\n      font-size: 12.5px;\r\n      font-weight: 800;\r\n      letter-spacing: 1.2px;\r\n      text-transform: uppercase;\r\n      padding: 8px 18px;\r\n      border-radius: 50px;\r\n      margin-bottom: 20px;\r\n    }\r\n    .teclemas-cta-eyebrow svg {\r\n      width: 14px; height: 14px;\r\n      stroke: #EF9F27; fill: none;\r\n      stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\r\n    }\r\n\r\n    .teclemas-cta-title {\r\n      color: #042C53;\r\n      font-size: 38px;\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n      margin: 0 0 16px;\r\n    }\r\n    .teclemas-cta-title span {\r\n      color: #EF9F27;\r\n    }\r\n    .teclemas-cta-desc {\r\n      color: #5A6B7D;\r\n      font-size: 17px;\r\n      line-height: 1.6;\r\n      margin: 0 auto 36px;\r\n      max-width: 560px;\r\n    }\r\n\r\n    .teclemas-cta-actions {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 18px;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 32px;\r\n    }\r\n\r\n    .teclemas-cta-btn-primary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      background: #EF9F27;\r\n      color: #042C53;\r\n      font-size: 16px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.3px;\r\n      text-decoration: none;\r\n      padding: 17px 36px;\r\n      border-radius: 50px;\r\n      transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\r\n      box-shadow: 0 10px 26px rgba(239, 159, 39, 0.35);\r\n    }\r\n    .teclemas-cta-btn-primary:hover {\r\n      transform: translateY(-3px);\r\n      background: #FFB347;\r\n      box-shadow: 0 14px 32px rgba(239, 159, 39, 0.45);\r\n    }\r\n    .teclemas-cta-btn-primary svg {\r\n      width: 18px; height: 18px;\r\n      stroke: #042C53; fill: none;\r\n      stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round;\r\n    }\r\n\r\n    .teclemas-cta-divider-text {\r\n      color: #8FA0B5;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .teclemas-cta-btn-secondary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      background: #FFFFFF;\r\n      border: 1.5px solid #DCE3EC;\r\n      color: #042C53;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      text-decoration: none;\r\n      padding: 15px 30px;\r\n      border-radius: 50px;\r\n      transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\r\n      box-shadow: 0 4px 14px rgba(4, 44, 83, 0.06);\r\n    }\r\n    .teclemas-cta-btn-secondary:hover {\r\n      border-color: #1D9E75;\r\n      box-shadow: 0 8px 20px rgba(4, 44, 83, 0.1);\r\n    }\r\n    .teclemas-cta-btn-secondary svg {\r\n      width: 18px; height: 18px;\r\n      stroke: #1D9E75; fill: none;\r\n      stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n    }\r\n\r\n    .teclemas-cta-phone {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      color: #5A6B7D;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n    }\r\n    .teclemas-cta-phone svg {\r\n      width: 16px; height: 16px;\r\n      stroke: #EF9F27; fill: none;\r\n      stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n    }\r\n    .teclemas-cta-phone a {\r\n      color: #042C53;\r\n      text-decoration: none;\r\n      font-weight: 800;\r\n    }\r\n    .teclemas-cta-phone a:hover {\r\n      color: #EF9F27;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .teclemas-cta-title { font-size: 28px; }\r\n      .teclemas-cta-desc { font-size: 15px; }\r\n      .teclemas-cta-actions { flex-direction: column; gap: 14px; }\r\n      .teclemas-cta-divider-text { display: none; }\r\n      .teclemas-cta-btn-primary, .teclemas-cta-btn-secondary { width: 100%; justify-content: center; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"teclemas-cta-glow-1\"><\/div>\r\n  <div class=\"teclemas-cta-glow-2\"><\/div>\r\n\r\n  <div class=\"teclemas-cta-inner\">\r\n\r\n    <div class=\"teclemas-cta-eyebrow\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 8l10 5 10-5-10-5z\"\/><path d=\"M6 10.5V16c0 1.5 2.7 3 6 3s6-1.5 6-3v-5.5\"\/><\/svg>\r\n      Inscripciones abiertas\r\n    <\/div>\r\n\r\n    <h2 class=\"teclemas-cta-title\">Tu pr\u00f3ximo paso profesional <span>empieza hoy<\/span><\/h2>\r\n    <p class=\"teclemas-cta-desc\">Inscr\u00edbete en minutos y empieza a formarte con docentes que conocen el mundo real, en la modalidad que se adapta a tu vida.<\/p>\r\n\r\n    <div class=\"teclemas-cta-actions\">\r\n      <a href=\"#\" class=\"teclemas-cta-btn-primary\">\r\n        Inscr\u00edbete ahora\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n      <\/a>\r\n      <span class=\"teclemas-cta-divider-text\">o escr\u00edbenos<\/span>\r\n      <a href=\"https:\/\/wa.me\/593967729174\" class=\"teclemas-cta-btn-secondary\" target=\"_blank\" rel=\"noopener\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n        WhatsApp\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"teclemas-cta-phone\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n      Ll\u00e1manos al <a href=\"tel:+593967729174\">+593 96 772 9174<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\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>Modalidad 100% virtual Estudia a tu ritmo,sin pausar tu vida Capac\u00edtate en las \u00e1reas con mayor demanda profesional, desde donde est\u00e9s, con el respaldo de&nbsp;<a href=\"https:\/\/www.teclemas.edu.ec\/inicio\/cursos-de-formacion-profesional\/\">&hellip;<\/a><\/p>\n","protected":false},"author":5,"featured_media":7062,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-home.php","meta":{"footnotes":""},"class_list":["post-6201","page","type-page","status-publish","has-post-thumbnail","hentry","odd"],"_links":{"self":[{"href":"https:\/\/www.teclemas.edu.ec\/inicio\/wp-json\/wp\/v2\/pages\/6201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.teclemas.edu.ec\/inicio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.teclemas.edu.ec\/inicio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.teclemas.edu.ec\/inicio\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.teclemas.edu.ec\/inicio\/wp-json\/wp\/v2\/comments?post=6201"}],"version-history":[{"count":233,"href":"https:\/\/www.teclemas.edu.ec\/inicio\/wp-json\/wp\/v2\/pages\/6201\/revisions"}],"predecessor-version":[{"id":7207,"href":"https:\/\/www.teclemas.edu.ec\/inicio\/wp-json\/wp\/v2\/pages\/6201\/revisions\/7207"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.teclemas.edu.ec\/inicio\/wp-json\/wp\/v2\/media\/7062"}],"wp:attachment":[{"href":"https:\/\/www.teclemas.edu.ec\/inicio\/wp-json\/wp\/v2\/media?parent=6201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}