.elementor-2116 .elementor-element.elementor-element-43ce6523{--display:flex;--margin-top:-105px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-2116 .elementor-element.elementor-element-43ce6523:not(.elementor-motion-effects-element-type-background), .elementor-2116 .elementor-element.elementor-element-43ce6523 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133458;}.elementor-2116 .elementor-element.elementor-element-5cba8495 .jeg-elementor-kit.jkit-heading{text-align:center;}.elementor-2116 .elementor-element.elementor-element-5cba8495 .jeg-elementor-kit.jkit-heading .heading-title{color:#FFFFFF;}.elementor-2116 .elementor-element.elementor-element-57b3a8ab{--display:flex;overflow:visible;}.elementor-2116 .elementor-element.elementor-element-57b3a8ab:not(.elementor-motion-effects-element-type-background), .elementor-2116 .elementor-element.elementor-element-57b3a8ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133458;}/* Start custom CSS for jkit_heading, class: .elementor-element-5cba8495 *//* ============================================================
   DISEÑO INTEGRAL FINAL - COACH GROUP LATAM
   ============================================================ */

/* ------------------------------------------------------------
   1. ESTRUCTURA Y FONDO DE TARJETA
   ------------------------------------------------------------ */
body.post-type-archive-product, 
body.tax-product_cat {
    background-color: #0f253d !important; /* Fondo web oscuro */
}

.woocommerce ul.products li.product {
    background-color: #133458 !important; /* Fondo tarjeta Azul Marca */
    border-radius: 12px !important;
    padding: 0 0 15px 0 !important;
    border: none !important;
    box-shadow: 0px 8px 25px rgba(0,0,0,0.4) !important;
    transition: all 0.3s ease !important;
    overflow: hidden;
    text-align: left !important;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0px 15px 35px rgba(76, 201, 240, 0.2) !important;
}

/* ------------------------------------------------------------
   2. TÍTULOS Y ETIQUETA (BADGE)
   ------------------------------------------------------------ */

/* Badge Azul (Categoría) */
.curso-badge-azul {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
    margin: 15px 15px 5px 15px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none !important;
}

/* Título del Curso */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #ffffff !important;
    font-family: sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-align: left !important;
    margin: 5px 15px 10px 15px !important;
    line-height: 1.3 !important;
    min-height: 45px;
}

/* ------------------------------------------------------------
   3. METADATOS (ICONOS, RELOJ, ESTRELLA)
   ------------------------------------------------------------ */

/* Contenedor de la fila */
.fila-info-curso {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 15px !important; 
    margin: 0 15px 15px 15px !important;
    padding: 0 !important;
}

/* Estilo de cada grupo (icono + texto) */
.meta-bloque {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #ffffff !important; /* Blanco forzado */
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

/* Forzar Iconos Dashicons Blancos */
.meta-bloque i, 
.meta-bloque i.dashicons {
    font-family: "dashicons" !important;
    font-size: 16px !important;
    color: #ffffff !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* Estrella Amarilla */
.estrella-oro i,
.estrella-oro i.dashicons {
    color: #ffc107 !important;
}

/* ------------------------------------------------------------
   4. PRECIOS (ESTILO ACTUALIZADO: NEGRITA Y GRANDE)
   ------------------------------------------------------------ */
.woocommerce ul.products li.product .price {
    margin: 0 15px 15px 15px !important;
    display: block !important;
    text-align: left !important;
    line-height: 1.2 !important;
}

/* Precio Original ($30.00) -> BLANCO, GRANDE Y NEGRITA */
.woocommerce ul.products li.product .price del {
    color: #ffffff !important;       /* Blanco puro */
    opacity: 1 !important;           /* SIN transparencia */
    font-size: 1.1rem !important;    /* Tamaño grande */
    font-weight: 800 !important;     /* Negrita fuerte (Extra Bold) */
    text-decoration: line-through !important;
    margin-right: 10px !important;
    display: inline-block !important;
}

/* Precio Oferta ($9.99) -> CIAN */
.woocommerce ul.products li.product .price ins {
    color: #4cc9f0 !important;
    text-decoration: none !important;
    font-weight: 900 !important;     /* Negrita máxima */
    font-size: 1.3rem !important;
    background: none !important;
}

/* Ocultar etiqueta oferta de Woo */
.woocommerce span.onsale { display: none !important; }

/* ------------------------------------------------------------
   5. BOTÓN AÑADIR AL CARRITO (Centrado + Icono)
   ------------------------------------------------------------ */
.woocommerce ul.products li.product .button {
    background-color: #4cc9f0 !important;
    color: #133458 !important;
    border-radius: 6px !important;
    padding: 12px 0 !important;
    margin: 0 15px 15px 15px !important;
    width: calc(100% - 30px) !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    border: none !important;
    font-size: 0.85rem !important;
    
    /* Flex para centrar icono y texto */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Añadir icono de carrito */
.woocommerce ul.products li.product .button::before {
    content: "\f174"; /* Icono carrito */
    font-family: "dashicons" !important;
    font-size: 16px !important;
    display: inline-block;
    vertical-align: middle;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #ffffff !important;
    color: #133458 !important;
    transform: scale(1.02);
}

/* ------------------------------------------------------------
   6. CORRECCIONES PARA MÓVIL (RESPONSIVE)
   ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
    
    /* Reducir tamaño del título en celular */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.9rem !important;
        margin-bottom: 5px !important;
        min-height: auto !important;
    }

    /* Ajustar fila de iconos */
    .fila-info-curso {
        gap: 10px !important;
        margin-bottom: 10px !important;
    }

    /* Reducir textos de metadatos */
    .meta-bloque {
        font-size: 11px !important; 
    }
    
    /* Ajustar tamaño de iconos */
    .meta-bloque i, 
    .meta-bloque i.dashicons {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    /* Ajustar botón */
    .woocommerce ul.products li.product .button {
        font-size: 0.75rem !important;
        padding: 10px 0 !important;
        width: calc(100% - 30px) !important;
        margin-left: 15px !important;
    }
}/* End custom CSS */