/* ── index.css — Estilos exclusivos da página inicial ── */

/* Hero */
.hero {
    position: relative;
    padding: 1rem 0 .5rem;
    overflow: hidden;
    text-align: center;
}
.hero-content { position: relative; z-index: 1; }

/* Categorias */
.cats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}