html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Libre Baskerville', serif;
}

#inicio {
    scroll-margin-top: 72px;
}

/* ===== HERO BANNER ===== */
#hero {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
}

/* ===== HERO SLIDES (CARROSSEL) ===== */
.hero-slide {
    position: absolute; /* sempre fora do fluxo */
    inset: 0;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
}

.hero-slide.active {
    opacity: 1;
    z-index: 1;
}

.hero-slide img {
    width: 100%;
    height: 100%;
    display: block;
}

.low-stock {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #b45f06; /* tom quente discreto */
}

.hidden {
    display: none;
}

/* ===== MOBILE ===== */
@media (max-width: 767px) {
    #hero {
        aspect-ratio: 16 / 9; /* ajuste se necessário */
    }

    .hero-slide img {
        object-fit: contain; /* imagem 100% visível */
    }

    #inicio {
        scroll-margin-top: 64px;
    }
}

/* ===== DESKTOP ===== */
@media (min-width: 768px) {
    #hero {
        height: clamp(320px, 55vh, 520px);
    }

    .hero-slide img {
        object-fit: cover; /* impacto visual */
    }
}