/* =========================================================
   home.css — exclusivo da home institucional
   ========================================================= */

.home-hero__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--s-6);
    align-items: center;
}
@media (min-width: 980px) {
    .home-hero__grid { grid-template-columns: 1.1fr 1fr; }
}

.home-hero__visual {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: var(--r-xl);
    padding: var(--s-6);
    text-align: center;
    backdrop-filter: blur(8px);
}
.home-hero__visual-emoji {
    font-size: 80px;
    margin-bottom: var(--s-3);
    line-height: 1;
}
.home-hero__visual h3 { color: #fff; margin-bottom: var(--s-2); }
.home-hero__visual p { color: rgba(255,255,255,0.85); margin-bottom: var(--s-4); }

.home-pillars {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--s-4);
}
@media (min-width: 600px) { .home-pillars { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { .home-pillars { grid-template-columns: repeat(3, 1fr); } }

.home-pillar {
    background: var(--c-bg-alt);
    border: 1px solid var(--c-border);
    border-left: 4px solid var(--c-secondary);
    border-radius: var(--r-md);
    padding: var(--s-5);
}
.home-pillar__icon { font-size: 32px; margin-bottom: var(--s-3); }
.home-pillar__title { color: var(--c-primary-dark); margin-bottom: var(--s-2); }
.home-pillar__desc { color: var(--c-muted); font-size: var(--fs-sm); margin: 0; }

.home-mission {
    background: var(--c-primary-soft);
    border-radius: var(--r-xl);
    padding: var(--s-7) var(--s-5);
    text-align: center;
}
.home-mission h2 { color: var(--c-primary-dark); }
.home-mission p { max-width: 720px; margin: 0 auto var(--s-5); color: var(--c-text); font-size: var(--fs-lg); }

/* =========================================================
   Grid de cursos na home — links para páginas individuais
   ========================================================= */
.home-courses-grid {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: var(--s-3);
}
@media (min-width: 560px) { .home-courses-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 880px) { .home-courses-grid { grid-template-columns: repeat(3, 1fr); } }

.home-course-card a {
    display: flex;
    align-items: center;
    gap: var(--s-3);
    height: 100%;
    padding: var(--s-3) var(--s-4);
    background: var(--c-bg-alt);
    border: 1px solid var(--c-border);
    border-radius: var(--r-md);
    text-decoration: none;
    color: var(--c-text);
    transition: border-color .15s, box-shadow .15s, transform .15s;
}
.home-course-card a:hover {
    border-color: var(--c-secondary);
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

.home-course-card__thumb {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: var(--r-sm);
    overflow: hidden;
    display: grid;
    place-items: center;
    background: var(--c-primary-soft);
}
.home-course-card__thumb img { width: 100%; height: 100%; object-fit: cover; }
.home-course-card__initial {
    font-weight: 800;
    color: var(--c-primary);
    font-size: var(--fs-lg);
}

.home-course-card__body { flex: 1; min-width: 0; }
.home-course-card__title {
    display: block;
    font-weight: 700;
    font-size: var(--fs-sm);
    line-height: 1.3;
}
.home-course-card__meta {
    display: block;
    margin-top: 2px;
    font-size: var(--fs-xs);
    color: var(--c-muted);
}
.home-course-card__cue {
    flex-shrink: 0;
    font-size: var(--fs-xs);
    font-weight: 700;
    color: var(--c-primary);
}

/* Card "mais X bônus" */
.home-course-card--more a {
    border-style: dashed;
    border-color: var(--c-secondary);
    background: var(--c-primary-soft);
}
.home-course-card--more .home-course-card__initial { color: var(--c-secondary); }
.home-course-card--more .home-course-card__title { color: var(--c-primary-dark); }