/* Home page styles */

/* Shared spacing for home sections */
.home-section {
    padding: 32px 0;
}

@media (max-width: 576px) {
    .home-section {
        padding: 40px 0;
    }
}

/* Hero spacing to avoid edge hugging */
.hero-section {
    padding: 24px 0;
}

@media (max-width: 576px) {
    .hero-section {
        padding: 32px 0;
    }
}

/* Home cursos section background */
.home-cursos-section {
    background-color: #faf8fa;
    padding: 32px 0;
}

@media (max-width: 576px) {
    .home-cursos-section {
        padding: 40px 0;
    }
}

/* Home section card hover effects */
.home-apps-card {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.home-apps-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
}

/* App showcase gradient bar */
.app-bar-gradient {
    height: 6px;
    background: linear-gradient(90deg, var(--app-color) 0%, var(--app-color-cc) 100%);
}

/* Trilha card styling */
.trilha-card {
    border-top: 5px solid var(--trilha-color);
}

/* Course card styling */
.curso-card {
    border-top: 5px solid var(--curso-color);
}