.elementor-14052 .elementor-element.elementor-element-fbe67e0{overflow:visible;}.elementor-14052 .elementor-element.elementor-element-eb32a9c{width:var( --container-widget-width, 118.556% );max-width:118.556%;--container-widget-width:118.556%;--container-widget-flex-grow:0;}.elementor-14052 .elementor-element.elementor-element-eb32a9c > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-14052 .elementor-element.elementor-element-eb32a9c .learn-press-courses .course-item .course-title{display:block;font-size:18px;text-shadow:0px 0px 0px #000000;color:var( --e-global-color-secondary );}.elementor-14052 .elementor-element.elementor-element-eb32a9c .learn-press-courses .course-item .course-instructor a{display:block;}.elementor-14052 .elementor-element.elementor-element-eb32a9c .learn-press-courses .course-item .course-price{display:block;}/* Start custom CSS for learnpress_list_courses, class: .elementor-element-eb32a9c *//* Ocultar elementos innecesarios */
.meta-item.meta-item-student {
    display: none !important;
}

.course-price {
    display: none !important;
}

.course-instructor-category{
    display: none !important
}

.meta-item meta-item-lesson{
        display: none !important
}

/* Modificar el botón "Leer Más" por "Ver Curso" con un nuevo diseño */
.course-readmore a {
    visibility: hidden; /* Oculta el texto original */
    position: relative;
    display: inline-block;
    width: 100%;
    height: 45px;
}

/* Agregar un nuevo botón visualmente */
.course-readmore a::before {
    content: "Ver Curso"; /* Nuevo texto */
    visibility: visible;
    color: white; /* Color del texto */
    background-color: #0073e6; /* Color del botón (azul) */
    border-radius: 5px; /* Bordes redondeados */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    width: 100%;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out; /* Agrega una transición suave */
}

/* Efecto hover: cambia el color al pasar el mouse */
.course-readmore a:hover::before {
    background-color: #005bb5; /* Un azul más oscuro */
    transform: scale(1.05); /* Hace el botón un poco más grande */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Añade una sombra */
}/* End custom CSS */