/*
 * CSS personalizado Motora
 * Arquivo gerado automaticamente.
 * Não editar manualmente.
 */

/* Fundo geral */
body {
    background: #f2f5f7 !important;
}

/* Títulos */
h1,
h2,
h3 {
    color: ##1a1a1a !important;
}

/* Links */
a {
    color: #000;
}

/* Botões */
button,
.button,
.btn,
input[type="submit"] {
    background: ##1a1a1a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 22px !important;
    transition: all 0.3s ease;
}

button:hover,
.button:hover,
.btn:hover,
input[type="submit"]:hover {
    opacity: 0.85;
    transform: translateY(-2px);
}

/* Cards de produtos */
.product,
.product-card,
.woocommerce ul.products li.product {
    background: #ffffff;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* Imagens */
.woocommerce ul.products li.product img {
    border-radius: 10px;
}

/* Preço */
.price {
    color: #1a1a1a !important;
    font-weight: 700;
}

/* Rodapé */
footer {
    background: #1d1d1d !important;
    color: #ffffff !important;
}