/* ========================================
   CSS ESPECÍFICO - PÁGINA PRINCIPAL
   Arquivo modular para index.html
   ======================================== */

/* Imagens da página principal */
.produto-imagem-amazon img {
    width: 100%;
    max-width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 6px;
}

.produto-imagem-destaque img {
    width: 100%;
    max-width: 350px;
    height: 350px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Responsividade específica da página principal */
@media (max-width: 1024px) and (min-width: 769px) {
    .produto-imagem-amazon img {
        max-width: 160px;
        height: 160px;
    }
    
    .produto-imagem-destaque img {
        max-width: 300px;
        height: 300px;
    }
}

@media (max-width: 768px) {
    .produto-imagem-amazon img {
        max-width: 140px;
        height: 140px;
    }
    
    .produto-imagem-destaque img {
        max-width: 250px;
        height: 250px;
    }
}

@media (max-width: 480px) {
    .produto-imagem-amazon img {
        max-width: 120px;
        height: 120px;
    }
    
    .produto-imagem-destaque img {
        max-width: 200px;
        height: 200px;
    }
}