/* ============================================================
   home-custom.css — Página Inicial (Landing Page)
   Estilos específicos da home que não se encaixam
   nos arquivos centrais do Design System.
   ============================================================ */

/* Background-image das seções hero são mantidos inline
   no HTML pois referenciam assets específicos de conteúdo.
   Apenas estilos de comportamento/layout ficam aqui. */

/* Seções do carousel */
.carousel-section {
    overflow: hidden;
}

/* Cards de features na home */
.feature-card {
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}
.feature-card:hover {
    transform:  translateY(-4px);
    box-shadow: var(--shadow-lg);
}

/* Badge de preço/plano */
.price-badge {
    font-size:   var(--font-size-4xl);
    font-weight: var(--font-weight-bold);
    color:       var(--color-primary);
}