/* ========================================
   CARDS - Estilos de cards
   ======================================== */

/* Card sem borda (site marcas) */
.card--marca {
    --bs-card-border-color: none;
    cursor: pointer;
    border-radius: var(--borda-radius-lg);
    overflow: hidden;
    max-width: 200px;
    width: 100%;
}

/* Card sem border-radius (formulários) */
.card--flat {
    border-radius: 0px;
}

/* Card catálogo */
.card--catalogo {
    border-radius: var(--borda-radius-lg);
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s;
}

.card--catalogo:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

/* Card hover effect (site) */
.card--hover-shadow {
    transition: box-shadow 0.3s ease;
}

.card--hover-shadow:hover {
    box-shadow: var(--sombra-forte);
}

/* Modal MVV (sobre) - classes diretas nos elementos */
.modal-content--mvv {
    border-radius: var(--borda-radius-pill);
    overflow: hidden;
    background-color: var(--cor-primaria-dark);
    color: var(--cor-texto-branco);
}

.modal-header--mvv {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.modal-title--mvv {
    color: var(--cor-texto-branco);
}

/* Modal representantes */
.modal--representantes-header {
    background-color: var(--cor-primaria-dark);
    color: var(--cor-texto-branco);
}