.elementor-5991 .elementor-element.elementor-element-0f5e85b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5991 .elementor-element.elementor-element-29ebd85{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5991 .elementor-element.elementor-element-e5f09d2{text-align:center;}.elementor-5991 .elementor-element.elementor-element-e5f09d2 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:56px;font-weight:600;color:#70318E;}.elementor-5991 .elementor-element.elementor-element-108ca7b > .elementor-widget-container{margin:-30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5991 .elementor-element.elementor-element-afdaa43 > .elementor-widget-container{background-color:#17B15E00;padding:40px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-afdaa43 *//* ESTILOS PARA LAS TARJETAS DE CURSO (Recuadros Blancos) */

/* 1. Contenedor principal de la tarjeta */
.tutor-course-card, .tutor-loop-course-container {
    background-color: #ffffff !important; /* Fondo blanco puro */
    border: 4px solid #6f42c1 !important; /* Borde VERDE */
    border-radius: 12px !important;       /* Bordes redondeados */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; /* Sombra suave */
    overflow: hidden; /* Asegura que el contenido respete los bordes */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efecto al pasar el mouse sobre la tarjeta */
.tutor-course-card:hover, .tutor-loop-course-container:hover {
    transform: translateY(-5px); /* Se eleva ligeramente */
    box-shadow: 0 8px 20px rgba(111, 66, 193, 0.2) !important; /* Sombra MORADA suave */
}

/* 2. Título de la Unidad (ej. UNIT 4 BASIC) */
.tutor-course-loop-title h2, .tutor-course-loop-title a {
    color: #6f42c1 !important; /* Texto MORADO */
    font-weight: 700 !important;
}

/* 3. Información del instructor y categoría */
.tutor-course-loop-meta, .tutor-course-loop-meta a {
    color: #666666 !important; /* Texto gris oscuro para información secundaria */
}

/* 4. Botón "Empezar el aprendizaje" */
.tutor-loop-cart-btn-wrap a, .tutor-btn-outlined-primary, .tutor-btn {
    background-color: #28a745 !important; /* Fondo VERDE */
    color: #ffffff !important;            /* Texto BLANCO */
    border: none !important;
    border-radius: 50px !important;       /* Botón redondeado */
    font-weight: 600;
    padding: 10px 20px !important;
    transition: background-color 0.3s ease;
}

/* Efecto al pasar el mouse sobre el botón */
.tutor-loop-cart-btn-wrap a:hover, .tutor-btn-outlined-primary:hover, .tutor-btn:hover {
    background-color: #218838 !important; /* Verde un poco más oscuro */
}

/* 5. Separador interno (la línea encima del botón) */
.tutor-loop-course-footer {
    border-top: 1px solid #e0e0e0 !important; /* Línea gris más sutil */
    background-color: transparent !important;
}

/* Bloquear clics en los enlaces "por..." y "en..." dentro de las tarjetas */
.tutor-card-body .tutor-meta a {
    pointer-events: none !important; /* Desactiva el clic */
    cursor: default !important;      /* Quita la manita del mouse */
    color: inherit !important;       /* Mantiene el color de texto normal */
    text-decoration: none !important; /* Quita subrayados */
}/* End custom CSS */