.elementor-13576 .elementor-element.elementor-element-3b53baa{margin:-69px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:1;}.elementor-13576 .elementor-element.elementor-element-3b53baa img{width:28%;}.elementor-13576 .elementor-element.elementor-element-7246f0b:not(.elementor-motion-effects-element-type-background), .elementor-13576 .elementor-element.elementor-element-7246f0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F4F4F4 0%, #EAEAEA 100%);}.elementor-13576 .elementor-element.elementor-element-7246f0b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:11px 11px 11px 11px;}.elementor-13576 .elementor-element.elementor-element-7246f0b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13576 .elementor-element.elementor-element-7281c3f{--spacer-size:50px;}body.elementor-page-13576:not(.elementor-motion-effects-element-type-background), body.elementor-page-13576 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#665634;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-13576 .elementor-element.elementor-element-3b53baa img{width:90%;}}/* Start custom CSS for html, class: .elementor-element-a3fb347 *//* 1. Hacemos transparente el fondo del shortcode para que tome el color de tu web */
.elementor-13576 .elementor-element.elementor-element-a3fb347 #cf-mentorias {
    background-color: transparent !important;
    padding: 2rem 0 !important;
}

/* 2. Color negro para los títulos principales de la sección */
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentorias-header h2 {
    color: #000000 !important; /* Ahora es negro */
}
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentorias-header p {
    color: #333333 !important; /* Un gris oscuro para el subtítulo */
}

/* 3. Estilo Premium para las tarjetas (Fondo oscuro, bordes sutiles) */
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentoria-card {
    background: #111111 !important;
    border: 1px solid #333333 !important;
    border-top: 5px solid #25D366 !important; /* Borde verde CashFlow */
    border-radius: 15px !important;
}

/* 4. Textos interiores de las tarjetas adaptados a fondo oscuro */
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentoria-card h3, 
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentoria-price {
    color: #FFFFFF !important;
}
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentoria-desc,
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentoria-features li {
    color: #BBBBBB !important; /* Gris claro para lectura cómoda */
}
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentoria-price span {
    color: #888888 !important;
}

/* 5. Destacar aún más la tarjeta central (Express) */
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentoria-card.destacada {
    background: #1A1A1A !important;
    border: 1px solid #D32F2F !important;
    border-top: 5px solid #D32F2F !important; /* Borde rojo */
    transform: scale(1.05); /* La hace un poquito más grande */
    z-index: 2;
    box-shadow: 0 15px 35px rgba(0,0,0,0.5) !important;
}
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentoria-card.destacada:hover {
    transform: scale(1.07);
}

/* 6. Estilo de los Botones */
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-btn-full {
    background: #222222 !important;
    border: 1px solid #444444 !important;
    color: #FFFFFF !important;
}
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-btn-full:hover {
    background: #25D366 !important; /* Se pinta de verde al pasar el mouse */
    color: #000000 !important;
    border-color: #25D366 !important;
}

/* Botón especial para la tarjeta destacada */
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentoria-card.destacada .cf-btn-full {
    background: #D32F2F !important; /* Rojo CashFlow */
    color: #FFFFFF !important;
    border: none !important;
}
.elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentoria-card.destacada .cf-btn-full:hover {
    background: #b72a2a !important; /* Rojo más oscuro al hover */
}

/* Adaptación para móviles (quita el scale para que no se desborde) */
@media (max-width: 768px) {
    .elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentoria-card.destacada {
        transform: scale(1);
    }
    .elementor-13576 .elementor-element.elementor-element-a3fb347 .cf-mentoria-card.destacada:hover {
        transform: translateY(-5px);
    }
}/* End custom CSS */