/* ===== ESTILO MODERNO ===== */

body{
    background:#f5f6f8;
    font-family:'Segoe UI',Arial,sans-serif;
    color:#333;
}

/* Cards */

.produto,
.product,
.card,
.item-prod{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    transition:.35s;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
}

.produto:hover,
.product:hover,
.card:hover,
.item-prod:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 35px rgba(0,0,0,.15);
}

/* Imagem */

.produto img,
.product img{
    transition:.4s;
}

.produto:hover img,
.product:hover img{
    transform:scale(1.05);
}

/* Botões */

.btn,
button,
input[type=submit]{

    background:#17b45b;
    color:#fff;

    border:none;
    border-radius:10px;

    padding:12px 24px;

    font-weight:600;

    transition:.3s;

}

.btn:hover,
button:hover,
input[type=submit]:hover{

    background:#0d9748;

}

/* Campos */

input,
select{

    border-radius:12px;

    border:1px solid #ddd;

}

/* Menu */

header{

    background:#fff;

    box-shadow:0 3px 12px rgba(0,0,0,.08);

}

/* Rodapé */

footer{

    background:#1d1d1d;

    color:#fff;

}
div.footerfix{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    overflow:hidden !important;
}