/* --- Estilos Generales --- */
.btn-matriculate {
    min-height: 55px;
    width: 100%;
    border-radius: 12px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-matriculate:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
    filter: brightness(1.05);
}

/* --- Precio --- */
.precio {
    font-size: 2.8em;
    font-weight: 800;
    margin-bottom: 0;
    line-height: 1;
}

/* --- Lista de Servicios --- */
.icon-wrapper {
    background: white;
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    min-width: 60px; /* Asegura que no se aplaste */
}

.lista-servicios img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

/* --- Imagen del Curso --- */
.curso-imagen-wrapper img {
    width: 100%;
    height: auto;
    max-height: 500px; /* Altura máxima controlada */
    object-fit: cover;
    border-radius: 20px; /* Bordes más redondeados */
}

/* --- Tarjeta de Precios (Pricing Card) - DISEÑO NUEVO --- */
.pricing-card {
    background: white;
    border-radius: 20px;
    /* Borde sólido del color del curso, como en la referencia */
    border: 3px solid var(--curso-color);
    overflow: hidden; /* Para asegurar que el contenido respete los bordes redondeados */
}

/* --- Caja de Alianzas DESTACADA (Según referencia visual) --- */
.alianza-box {
    /* Fondo amarillo claro */
    background-color: #fff3cd; 
    /* Borde sólido del color del curso */
    border: 2px solid var(--curso-color);
    border-radius: 12px;
}

/* --- Responsividad --- */
@media (max-width: 991px) {
    /* En tablets y móviles, el orden cambia por las clases order-* de Bootstrap */
    .curso-imagen-wrapper img {
        max-height: 350px;
    }
    
    .pricing-card {
        margin-top: 2rem;
    }
}

@media (max-width: 767px) {
    .precio {
        font-size: 2.2em;
    }
    .lead {
        font-size: 1rem;
    }
}