/* =====================================================
   OFERTONA.ONLINE
   HOME.CSS
===================================================== */

.hero{
    max-width:1280px !important;
    margin:40px auto !important;
    padding:40px 20px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    align-items:center !important;
    gap:50px !important;
    min-height:auto !important;
}

.texto-hero h1{
    font-size:52px !important;
    line-height:1.1 !important;
    margin-bottom:20px !important;
}

.texto-hero span{
    color:#ffb400 !important;
}

.texto-hero p{
    font-size:18px !important;
    margin-bottom:25px !important;
    max-width:520px !important;
}

.botao-hero{
    display:inline-block !important;
    background:#ffb400 !important;
    color:#000 !important;
    padding:14px 30px !important;
    border-radius:10px !important;
    font-weight:800 !important;
}

.imagem-hero{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
}

.imagem-hero img{
    width:100% !important;
    max-width:520px !important;
    max-height:360px !important;
    height:auto !important;
    object-fit:contain !important;
}

.categorias{
    max-width:1280px !important;
    margin:50px auto !important;
    padding:0 20px !important;
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    gap:20px !important;
}

.categoria-box{
    background:#111 !important;
    border:1px solid rgba(255,180,0,.18) !important;
    border-radius:16px !important;
    padding:28px 18px !important;
    text-align:center !important;
}

.categoria-box span{
    font-size:38px !important;
    display:block !important;
    margin-bottom:10px !important;
}

.categoria-box h3{
    font-size:17px !important;
    color:#fff !important;
}

.produtos{
    max-width:1280px !important;
    margin:60px auto !important;
    padding:0 20px !important;
}

.titulo-secao{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    margin-bottom:30px !important;
}

.titulo-secao h2{
    font-size:32px !important;
}

.titulo-secao a{
    color:#ffb400 !important;
    font-weight:700 !important;
}

.grade-produtos{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
    gap:26px !important;
}

.card-produto{
    background:#111 !important;
    border:1px solid rgba(255,180,0,.15) !important;
    border-radius:18px !important;
    overflow:hidden !important;
}

.card-produto img{
    width:100% !important;
    height:220px !important;
    object-fit:contain !important;
    background:#fff !important;
    padding:20px !important;
}

.card-produto h3{
    padding:18px 18px 8px !important;
}

.categoria-produto{
    padding:0 18px 18px !important;
    color:#aaa !important;
}

.botao-produto{
    display:block !important;
    margin:0 18px 18px !important;
    background:#ffb400 !important;
    color:#000 !important;
    text-align:center !important;
    padding:14px !important;
    border-radius:10px !important;
    font-weight:800 !important;
}