/* Clase personalizada para la transparencia del fondo de la tarjeta */
.card-transparent-bg {
    background-color: rgba(255, 255, 255, 0.5); /* Blanco con 50% de opacidad */
    border: none; /* Eliminar el borde predeterminado */
    border-radius: 15px; /* Esquinas redondeadas para la tarjeta */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra sutil */
}

    /* Asegurarse de que el contenido dentro de la tarjeta no herede la transparencia */
    .card-transparent-bg .card-body {
        background-color: transparent; /* El cuerpo de la tarjeta no tiene su propio fondo */
        color: #333; /* Color de texto oscuro para contraste */
        /* Los elementos internos (texto, imágenes) por defecto tendrán opacidad 100% */
    }

/* Estilo para el título de la tarjeta */
.card-title {
    color: #007bff; /* Color azul para el título */
    font-weight: bold;
}

/* Estilo para el texto de la tarjeta */
.card-text {
    line-height: 1.6;
}