Presentaci\u00f3n de Cuatro Elementos<\/title>\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n }\r\n body {\r\n font-family: Arial, sans-serif;\r\n background-color: #ffffff;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n .container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n width: 100%; \/* Asegura que ocupe todo el ancho *\/\r\n margin: 0 auto; \/* Centra el contenedor *\/\r\n padding: 20px;\r\n }\r\n .item {\r\n flex: 1 1 calc(50% - 20px); \/* Dos elementos por fila *\/\r\n padding: 20px;\r\n background-size: cover;\r\n background-position: center;\r\n text-align: center;\r\n border-radius: 5px;\r\n color: #ffffff;\r\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\r\n position: relative;\r\n overflow: hidden;\r\n background-color: #5864AC;\r\n transition: transform 0.3s;\r\n }\r\n .item::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n z-index: 1;\r\n }\r\n .item h3,\r\n .item p,\r\n .item a {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .item:hover {\r\n transform: translateY(-5px);\r\n }\r\n .item h3 {\r\n margin-bottom: 10px;\r\n font-size: 1.2em;\r\n color: #ffffff;\r\n }\r\n .item p {\r\n margin-bottom: 20px;\r\n font-size: 0.95em;\r\n }\r\n .item a {\r\n text-decoration: none;\r\n color: #ffffff;\r\n font-weight: bold;\r\n transition: color 0.3s;\r\n }\r\n .item a:hover {\r\n color: #0056b3;\r\n }\r\n\r\n \/* Responsividad *\/\r\n @media (max-width: 992px) {\r\n .item {\r\n flex: 1 1 calc(50% - 20px); \/* Mantiene dos elementos por fila en pantallas medianas *\/\r\n }\r\n }\r\n @media (max-width: 600px) {\r\n .item {\r\n flex: 1 1 100%; \/* Un elemento por fila en pantallas peque\u00f1as *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <div class=\"item\" style=\"background-image: url('https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/10\/BANNER-WEB-CE-ENFOQUE-EN-COMPETENCIAS-VACIO.png');\">\r\n <h3>Cursos con certificado en Competencias Laborales<\/h3>\r\n <p>Evalua y Certifica los conocimientos y habilidades de tus colaboradores.<\/p>\r\n <a href=\"https:\/\/centroevaluador.academiaebg.com\/?page_id=263#cursos-Laborales\">Leer m\u00e1s<\/a> \r\n <\/div>\r\n <div class=\"item\" style=\"background-image: url('https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/10\/BANNER-WEB-CECOMPETENCIAS-VACIO.png');\">\r\n <h3>Cursos con enfoque en Competencias Laborales<\/h3>\r\n <p>Capacitate para poder obtener tu certificado en un futuro no muy lejano.<\/p>\r\n <a href=\"https:\/\/centroevaluador.academiaebg.com\/?page_id=263#cursos-Estandares\">Leer m\u00e1s<\/a> \r\n <\/div>\r\n <div class=\"item\" style=\"background-image: url('https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/10\/BANNER-WEB-CE-DC3-VACIO.png');\">\r\n <h3>Cursos con Certificado DC-3<\/h3>\r\n <p>Capacita a tus trabajadores con cursos para su zona de trabajo.<\/p>\r\n <a href=\"https:\/\/centroevaluador.academiaebg.com\/?page_id=263#cursos-dc3\">Leer m\u00e1s<\/a> \r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26c065b e-con-full e-flex e-con e-parent\" data-id=\"26c065b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c91800d elementor-widget elementor-widget-heading\" data-id=\"c91800d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Te acompa\u00f1amos en todo momento durante tu proceso con asesor\u00edas y capacitaciones de calidad.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edb4b63 elementor-widget elementor-widget-text-editor\" data-id=\"edb4b63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Desde la evaluaci\u00f3n diagnostica hasta tu evaluaci\u00f3n final.<\/p><p>Como\u00a0<strong>Centro Evaluador<\/strong>\u00a0con reconocimiento a nivel nacional por el Gobierno de M\u00e9xico ante la\u00a0<strong>SEP<\/strong>\u00a0y el\u00a0<strong>CONOCER<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-235eba0 e-flex e-con-boxed e-con e-parent\" data-id=\"235eba0\" 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-d407ff9 elementor-widget elementor-widget-image\" data-id=\"d407ff9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/5476901-724x1024.jpg\" class=\"attachment-large size-large wp-image-317\" alt=\"\" srcset=\"https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/5476901-724x1024.jpg 724w, https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/5476901-212x300.jpg 212w, https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/5476901-768x1087.jpg 768w, https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/5476901-1086x1536.jpg 1086w, https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/5476901-1447x2048.jpg 1447w, https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/5476901-scaled.jpg 1809w\" sizes=\"(max-width: 724px) 100vw, 724px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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-46ea1aa e-flex e-con-boxed e-con e-parent\" data-id=\"46ea1aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5664996 e-con-full e-flex e-con e-child\" data-id=\"5664996\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-458716a elementor-widget elementor-widget-html\" data-id=\"458716a\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Carrusel de Cards con Autoscroll<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #f9f9f9;\r\n }\r\n\r\n .carousel-container {\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n margin-bottom: 40px; \/* Espacio entre carruseles *\/\r\n }\r\n\r\n .carousel {\r\n display: flex;\r\n transition: transform 0.5s ease-in-out;\r\n }\r\n\r\n .card {\r\n border: 1px solid #ccc;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\r\n width: 100%; \/* Ancho completo de la tarjeta *\/\r\n max-width: 600px;\r\n margin: 20px;\r\n text-align: center;\r\n background-color: white;\r\n flex-shrink: 0; \/* Impide que la tarjeta se encoja *\/\r\n }\r\n\r\n .card img {\r\n width: 100%;\r\n height: auto;\r\n }\r\n\r\n .card h3 {\r\n margin: 16px 0;\r\n }\r\n\r\n .card p {\r\n padding: 0 16px 16px;\r\n }\r\n\r\n .card button {\r\n background-color: #007BFF;\r\n border: none;\r\n color: white;\r\n padding: 10px 20px;\r\n text-align: center;\r\n text-decoration: none;\r\n display: inline-block;\r\n font-size: 16px;\r\n margin: 16px 0;\r\n cursor: pointer;\r\n border-radius: 4px;\r\n }\r\n\r\n .card button:hover {\r\n background-color: #0056b3;\r\n }\r\n\r\n \/* Controles del carrusel *\/\r\n .carousel-control {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background-color: rgba(0, 0, 0, 0.5);\r\n color: white;\r\n border: none;\r\n padding: 10px;\r\n cursor: pointer;\r\n }\r\n\r\n .prev {\r\n left: 10px;\r\n }\r\n\r\n .next {\r\n right: 10px;\r\n }\r\n\r\n h2 {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <h2 id=\"cursos-Laborales\" >Cursos con certificado en Competencias Laborales<\/h2>\r\n <div class=\"carousel-container\">\r\n <div class=\"carousel\">\r\n \r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/aerial-view-business-team-scaled-1.jpg\" alt=\"Descripci\u00f3n de la imagen\">\r\n <h3>T\u00edtulo de la Card 1<\/h3>\r\n <p>Este es un contenido breve que describe lo que ofrece la card 1.<\/p>\r\n <button onclick=\"window.location.href='tu-pagina.html'\">Ir a la P\u00e1gina<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/aerial-view-business-team-scaled-1.jpg\" alt=\"Descripci\u00f3n de la imagen\">\r\n <h3>T\u00edtulo de la Card 2<\/h3>\r\n <p>Este es un contenido breve que describe lo que ofrece la card 2.<\/p>\r\n <button onclick=\"window.location.href='tu-pagina2.html'\">Ir a la P\u00e1gina<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/aerial-view-business-team-scaled-1.jpg\" alt=\"Descripci\u00f3n de la imagen\">\r\n <h3>T\u00edtulo de la Card 3<\/h3>\r\n <p>Este es un contenido breve que describe lo que ofrece la card 3.<\/p>\r\n <button onclick=\"window.location.href='tu-pagina3.html'\">Ir a la P\u00e1gina<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button class=\"carousel-control prev\" onclick=\"moveCarousel(-1, 'carousel1')\">❮<\/button>\r\n <button class=\"carousel-control next\" onclick=\"moveCarousel(1, 'carousel1')\">❯<\/button>\r\n <\/div>\r\n\r\n \r\n <h2 id=\"cursos-Estandares\" >Cursos proximos a ser Competencias Laborales<\/h2>\r\n <div class=\"carousel-container\">\r\n <div class=\"carousel\">\r\n \r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/aerial-view-business-team-scaled-1.jpg\" alt=\"Descripci\u00f3n de la imagen\">\r\n <h3>T\u00edtulo del Producto 1<\/h3>\r\n <p>Este es un contenido breve que describe el producto 1.<\/p>\r\n <button onclick=\"window.location.href='producto1.html'\">Ver Producto<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/aerial-view-business-team-scaled-1.jpg\" alt=\"Descripci\u00f3n de la imagen\">\r\n <h3>T\u00edtulo del Producto 2<\/h3>\r\n <p>Este es un contenido breve que describe el producto 2.<\/p>\r\n <button onclick=\"window.location.href='producto2.html'\">Ver Producto<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/aerial-view-business-team-scaled-1.jpg\" alt=\"Descripci\u00f3n de la imagen\">\r\n <h3>T\u00edtulo del Producto 3<\/h3>\r\n <p>Este es un contenido breve que describe el producto 3.<\/p>\r\n <button onclick=\"window.location.href='producto3.html'\">Ver Producto<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button class=\"carousel-control prev\" onclick=\"moveCarousel(-1, 'carousel2')\">❮<\/button>\r\n <button class=\"carousel-control next\" onclick=\"moveCarousel(1, 'carousel2')\">❯<\/button>\r\n <\/div>\r\n\r\n \r\n <h2 id=\"cursos-dc3\" >Cursos con Constancia DC-3<\/h2>\r\n <div class=\"carousel-container\">\r\n <div class=\"carousel\">\r\n \r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/aerial-view-business-team-scaled-1.jpg\" alt=\"Descripci\u00f3n de la imagen\">\r\n <h3>Testimonio 1<\/h3>\r\n <p>Este es un breve testimonio de un cliente satisfecho.<\/p>\r\n <button onclick=\"window.location.href='producto1.html'\">Ver Producto<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/aerial-view-business-team-scaled-1.jpg\" alt=\"Descripci\u00f3n de la imagen\">\r\n <h3>Testimonio 2<\/h3>\r\n <p>Este es un breve testimonio de otro cliente satisfecho.<\/p>\r\n <button onclick=\"window.location.href='producto2.html'\">Ver Producto<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/centroevaluador.academiaebg.com\/wp-content\/uploads\/2024\/09\/aerial-view-business-team-scaled-1.jpg\" alt=\"Descripci\u00f3n de la imagen\">\r\n <h3>Testimonio 3<\/h3>\r\n <p>Este es otro breve testimonio.<\/p>\r\n <button onclick=\"window.location.href='producto3.html'\">Ver Producto<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button class=\"carousel-control prev\" onclick=\"moveCarousel(-1, 'carousel3')\">❮<\/button>\r\n <button class=\"carousel-control next\" onclick=\"moveCarousel(1, 'carousel3')\">❯<\/button>\r\n <\/div>\r\n\r\n <script>\r\n let autoScrollIntervals = {};\r\n\r\n function moveCarousel(direction, carouselId) {\r\n const carousel = document.querySelector(`.${carouselId}`);\r\n const cards = carousel.querySelectorAll('.card');\r\n const totalCards = cards.length;\r\n const cardWidth = cards[0].offsetWidth;\r\n let currentIndex = parseInt(carousel.getAttribute('data-index')) || 0;\r\n\r\n currentIndex += direction;\r\n\r\n if (currentIndex < 0) {\r\n currentIndex = totalCards - 1;\r\n } else if (currentIndex >= totalCards) {\r\n currentIndex = 0;\r\n }\r\n\r\n const offset = -(currentIndex * cardWidth);\r\n carousel.style.transform = `translateX(${offset}px)`;\r\n carousel.setAttribute('data-index', currentIndex);\r\n }\r\n\r\n function startAutoScroll(carouselId) {\r\n autoScrollIntervals[carouselId] = setInterval(() => {\r\n moveCarousel(1, carouselId);\r\n }, 5000); \/\/ Cambiar cada 5 segundos\r\n }\r\n\r\n document.querySelectorAll('.carousel').forEach((carousel, index) => {\r\n const carouselId = `carousel${index + 1}`;\r\n carousel.classList.add(carouselId);\r\n startAutoScroll(carouselId);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Certificaciones Presentaci\u00f3n de Cuatro Elementos Cursos con certificado en Competencias Laborales Evalua y Certifica los conocimientos y habilidades de tus […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-263","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/centroevaluador.academiaebg.com\/index.php?rest_route=\/wp\/v2\/pages\/263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/centroevaluador.academiaebg.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/centroevaluador.academiaebg.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/centroevaluador.academiaebg.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/centroevaluador.academiaebg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=263"}],"version-history":[{"count":177,"href":"https:\/\/centroevaluador.academiaebg.com\/index.php?rest_route=\/wp\/v2\/pages\/263\/revisions"}],"predecessor-version":[{"id":612,"href":"https:\/\/centroevaluador.academiaebg.com\/index.php?rest_route=\/wp\/v2\/pages\/263\/revisions\/612"}],"wp:attachment":[{"href":"https:\/\/centroevaluador.academiaebg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}