{"id":14,"date":"2025-10-12T19:55:53","date_gmt":"2025-10-13T00:55:53","guid":{"rendered":"http:\/\/localhost\/Celdis21\/?page_id=14"},"modified":"2025-10-20T13:19:13","modified_gmt":"2025-10-20T18:19:13","slug":"cursos","status":"publish","type":"page","link":"https:\/\/celdis21.com\/?page_id=14","title":{"rendered":"Cursos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31be5b1 e-flex e-con-boxed e-con e-parent\" data-id=\"31be5b1\" 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-3a7b271 elementor-widget elementor-widget-html\" data-id=\"3a7b271\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"imagen-con-overlay-personalizado\">\r\n    <img decoding=\"async\" src=\"http:\/\/celdis21.com\/wp-content\/uploads\/2025\/10\/5650378.png\" alt=\"Descripci\u00f3n de la imagen\" class=\"imagen-fondo\">\r\n    \r\n    <div class=\"contenido-overlay\">\r\n        <h2 class=\"titulo-overlay\">Cursos en linea<\/h2>\r\n        <p class=\"texto-overlay\">capacitate para el empleo<\/p>\r\n        <a href=\"URL_DESTINO_DEL_BOTON\" class=\"boton-ingresa-aqui\">Ingresa Aqu\u00ed<\/a>\r\n    <\/div>\r\n<\/div>\r\n<style>\r\n    \/* Contenedor principal que se puede ajustar *\/\r\n.imagen-con-overlay-personalizado {\r\n    \/* El \"padding-bottom\" define la altura proporcional de la imagen. \r\n       Para 16:9 usa 56.25%. Para 4:3 usa 75%. Para cuadrado usa 100%. *\/\r\n    padding-bottom: 60%; \/* Ajusta este valor para cambiar la altura de la imagen *\/\r\n    position: relative;\r\n    width: 100%; \/* Opcional: Define el ancho m\u00e1ximo en el panel de Elementor *\/\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Imagen de fondo (ocupa todo el contenedor) *\/\r\n.imagen-fondo {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover; \/* Asegura que la imagen cubra el \u00e1rea sin distorsionarse *\/\r\n}\r\n\r\n\/* Contenedor del T\u00edtulo, Texto y Bot\u00f3n *\/\r\n.contenido-overlay {\r\n    position: absolute;\r\n    bottom: 0;      \/* Posiciona en la parte inferior *\/\r\n    left: 0;        \/* Posiciona en la parte izquierda *\/\r\n    padding: 30px;  \/* Espaciado interno *\/\r\n    max-width: 80%; \/* Asegura que no se desborde *\/\r\n    color: white;   \/* Color de texto por defecto *\/\r\n    z-index: 2;     \/* Asegura que est\u00e9 por encima de la imagen *\/\r\n    text-align: left; \/* Alineaci\u00f3n a la izquierda *\/\r\n    \r\n    \/* Fondo semi-transparente (opcional) para mejor legibilidad *\/\r\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);\r\n}\r\n\r\n\/* Estilos de T\u00edtulo y Texto *\/\r\n.titulo-overlay {\r\n    color: white;\r\n    margin-bottom: 5px;\r\n    font-size: 28px;\r\n}\r\n\r\n.texto-overlay {\r\n    color: #e0e0e0;\r\n    margin-bottom: 15px;\r\n    font-size: 16px;\r\n}\r\n\r\n\/* Estilo para el Bot\u00f3n Azul *\/\r\n.boton-ingresa-aqui {\r\n    display: inline-block;\r\n    background-color: #0073e6; \/* Color azul *\/\r\n    color: white !important;\r\n    padding: 10px 20px;\r\n    text-decoration: none;\r\n    border-radius: 5px;\r\n    font-weight: bold;\r\n    transition: background-color 0.3s;\r\n}\r\n\r\n.boton-ingresa-aqui:hover {\r\n    background-color: #005bb5;\r\n}\r\n\r\n\/* \ud83d\udcf1 AJUSTES RESPONSIVOS *\/\r\n\/* Tablet y M\u00f3vil *\/\r\n@media (max-width: 768px) {\r\n    .contenido-overlay {\r\n        padding: 20px; \/* Menos espacio en dispositivos peque\u00f1os *\/\r\n    }\r\n    .titulo-overlay {\r\n        font-size: 20px; \/* T\u00edtulo m\u00e1s peque\u00f1o *\/\r\n    }\r\n    .texto-overlay {\r\n        font-size: 14px; \/* Texto m\u00e1s peque\u00f1o *\/\r\n    }\r\n}\r\n<\/style>\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-01ca170 e-flex e-con-boxed e-con e-parent\" data-id=\"01ca170\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ee184ac e-con-full e-flex e-con e-child\" data-id=\"ee184ac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba4e8ff elementor-widget elementor-widget-html\" data-id=\"ba4e8ff\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"tarjeta-curso-carusel\">\r\n    <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/claseflix\/image\/upload\/v1693911708\/courses\/chat_gpt_2_528x293_tsdhat.jpg\" \r\n         alt=\"Curso de Chat GPT\" \r\n         class=\"imagen-slide-curso\">\r\n    \r\n    <div class=\"contenido-superpuesto\">\r\n        <h2 class=\"titulo-slide\">Curso de Chat GPT<\/h2>\r\n        <p class=\"texto-slide\"><\/p>\r\n        <a href=\"URL_DESTINO_DEL_BOTON\" class=\"boton-ingresa-aqui\">Ingresa Aqu\u00ed<\/a>\r\n    <\/div>\r\n    \r\n    <p class=\"badge-gratis\">10%<\/p> \r\n<\/div>\r\n<style>\r\n    \/* --- ESTILOS BASE Y RESPONSIVIDAD DEL TAMA\u00d1O --- *\/\r\n\r\n.tarjeta-curso-carusel {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 8px; \/* Bordes redondeados *\/\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n    \/* Controla la altura de la tarjeta para escritorio *\/\r\n    padding-bottom: 60%; \/* Ajusta este valor (ej: 56.25% para 16:9) *\/\r\n    width: 100%;\r\n}\r\n\r\n.imagen-slide-curso {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover; \/* Asegura que la imagen se vea bien *\/\r\n    display: block;\r\n}\r\n\r\n\/* --- ESTILOS DEL CONTENIDO SUPERPUESTO (Overlay) --- *\/\r\n\r\n.contenido-superpuesto {\r\n    position: absolute;\r\n    bottom: 0;      \/* Parte inferior *\/\r\n    left: 0;        \/* Parte izquierda *\/\r\n    padding: 20px;\r\n    width: 100%; \r\n    box-sizing: border-box; \r\n    z-index: 2;\r\n    text-align: left;\r\n    color: white;\r\n    \/* Degradado para que el texto sea visible *\/\r\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);\r\n}\r\n\r\n.titulo-slide {\r\n    color: white;\r\n    font-size: 10px;\r\n    margin-bottom: 5px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.texto-slide {\r\n    color: #e0e0e0;\r\n    font-size: 15px;\r\n    margin-bottom: 15px;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* --- ESTILOS DEL BOT\u00d3N AZUL \"Ingresa Aqu\u00ed\" --- *\/\r\n\r\n.boton-ingresa-aqui {\r\n    display: inline-block;\r\n    background-color: #0073e6; \/* Azul *\/\r\n    color: white !important;\r\n    padding: 8px 15px;\r\n    text-decoration: none;\r\n    border-radius: 4px;\r\n    font-weight: bold;\r\n    transition: background-color 0.3s;\r\n}\r\n\r\n.boton-ingresa-aqui:hover {\r\n    background-color: #005bb5;\r\n}\r\n\r\n\/* --- ESTILO OPCIONAL DEL BADGE 'GRATIS' --- *\/\r\n\r\n.badge-gratis {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;\r\n    background-color: #f39c12; \/* Color naranja o el que prefieras *\/\r\n    color: white;\r\n    padding: 5px 10px;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    z-index: 3;\r\n}\r\n\r\n\/* --- AJUSTES DE TAMA\u00d1O RESPONSIVO (Tablet y Celular) --- *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .tarjeta-curso-carusel {\r\n        padding-bottom: 65%; \/* Altura en tablets *\/\r\n    }\r\n    .contenido-superpuesto {\r\n        padding: 15px; \r\n    }\r\n    .titulo-slide {\r\n        font-size: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .tarjeta-curso-carusel {\r\n        padding-bottom: 75%; \/* Altura en m\u00f3viles (m\u00e1s cuadrado) *\/\r\n    }\r\n    .contenido-superpuesto {\r\n        padding: 10px; \r\n    }\r\n    .titulo-slide {\r\n        font-size: 18px;\r\n    }\r\n    .texto-slide {\r\n        display: none; \/* Oculta el texto descriptivo para m\u00f3viles si hay poco espacio *\/\r\n    }\r\n    .boton-ingresa-aqui {\r\n        padding: 6px 12px;\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aef65e8 e-con-full e-flex e-con e-child\" data-id=\"aef65e8\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5da136 e-con-full e-flex e-con e-child\" data-id=\"f5da136\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d27aa11 e-con-full e-flex e-con e-child\" data-id=\"d27aa11\" data-element_type=\"container\">\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>Cursos en linea capacitate para el empleo Ingresa Aqu\u00ed Curso de Chat GPT Ingresa Aqu\u00ed 10%<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/celdis21.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/celdis21.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/celdis21.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/celdis21.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/celdis21.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":4,"href":"https:\/\/celdis21.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/celdis21.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/celdis21.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}