Santos

Selecione
/* ESTILO DO BADGE SEM BORDAS ARREDONDADAS E DE PONTA A PONTA */ .personalization-badge-name { position: absolute; top: 0; /* Alterado para ficar colado no topo */ left: 0; /* Começa da ponta esquerda */ width: 100%; /* Ocupa toda a largura */ transform: none; /* Removido o translateX */ background: linear-gradient(135deg, #4b6cb7, #182848); color: white; font-weight: 700; padding: 5px 0; /* Ajuste o padding vertical apenas */ font-size: 12px; border-radius: 0; /* Removido o border-radius */ text-transform: capitalize; font-family: 'Poppins', Arial, sans-serif; letter-spacing: 0.5px; line-height: 1.3; z-index: 2; box-shadow: 0 2px 5px rgba(0,0,0,0.2); border: none; /* Removida a borda branca */ border-bottom: 1px solid rgba(255,255,255,0.2); /* Borda apenas na parte inferior */ animation: pulse 2s infinite; white-space: nowrap; text-align: center; /* Centraliza o texto */ box-sizing: border-box; /* Garante que o padding não aumente a largura */ } .product-name { position: relative; padding-top: 25px; /* Aumentado para acomodar o badge */ margin-top: 5px; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } /* Efeito de pulsar mais sutil */ 100% { transform: scale(1); } } @media (max-width: 767px) { .personalization-badge-name { font-size: 11px; padding: 4px 0; } .product-name { padding-top: 22px; } }