.preletores-section { padding: 100px 0; background-color: var(--bg-deep-blue); }

/* Regra base para todos os placeholders (sem a cor verde) */
.preletor-img-placeholder { 
    height: 220px; 
    margin-bottom: 15px; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px; /* Deixa as fotos com cantos arredondados elegantes */
}

/* Imagem específica para cada preletor */
.p-1 { background-image: url('../img/preletores/preletor_1.jpg'); }
.p-2 { background-image: url('../img/preletores/preletor_2.jpg'); }
.p-3 { background-image: url('../img/preletores/preletor_3.jpg'); }
.p-4 { background-image: url('../img/preletores/preletor_4.jpg'); }
.p-5 { background-image: url('../img/preletores/preletor_5.jpg'); }
.p-6 { background-image: url('../img/preletores/preletor_6.jpg'); }
.preletor-info h5 { font-size: 0.95rem; font-weight: 800; margin-bottom: 5px; }
.preletor-info p { font-size: 0.8rem; color: var(--text-muted); }

/* Efeito visual de clique para os preletores */
.preletor-card {
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.preletor-card:hover {
    transform: translateY(-5px); /* Dá um leve salto elegante ao passar o mouse */
    opacity: 0.9;
}

/* Garante que o carrossel fique do mesmo tamanho dos outros placeholders da loja */
.produto-img-carousel {
    height: 280px;          /* Casando perfeitamente com os seus 280px padrão */
    object-fit: cover;      /* Não deixa a imagem da caneca distorcer */
    border-radius: 8px;     /* Deixa os cantos arredondados */
}