body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f7fa;
    /* Light background similar to Vuexy */
    color: #333;
}

/* Custom styles for a more Vuexy-like feel */
.card {
    background-color: #ffffff;
    border-radius: 0.75rem;
    /* rounded-xl */
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    /* Vuexy shadow */
    padding: 2rem;
}

.card-left-primary{
     border-left: 4px solid #7367f0; /* acento tipo Vuexy */
}

.btn-primary {
    background-color: #7367f0;
    /* Vuexy primary purple */
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    /* rounded-lg */
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.btn-primary:hover {
    background-color: #655cdb;
    /* Slightly darker on hover */
    transform: translateY(-2px);
}

.btn-secondary {
    background-color: #e0e0e0;
    /* Light grey for secondary */
    color: #5d5d5d;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.btn-secondary:hover {
    background-color: #d0d0d0;
    transform: translateY(-2px);
}

.section-title {
    color: #5d5d5d;
    /* Darker grey for titles */
    font-weight: 600;
        }