Santos

Selecione
.product-name { position: relative; padding-top: 26px; /* espaço maior para evitar sobreposição do texto */ margin-top: 5px; } .personalization-badge-name { position: absolute; top: -10px; /* sobe um pouco a tarja */ left: 0; right: 0; width: 100%; background: linear-gradient(135deg, #4b6cb7, #182848); color: white; font-weight: 700; padding: 5px 13px; font-size: 12px; border-radius: 0px; 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: 1px solid rgba(255,255,255,0.2); animation: pulse 2s infinite; text-align: center; box-sizing: border-box; overflow: hidden; } @keyframes pulse { 0% { transform: scale(1.07); } 50% { transform: scale(1.12); } 100% { transform: scale(1.07); } } @media (max-width: 767px) { .personalization-badge-name { font-size: 11px; padding: 4px 11px; top: -8px; /* também ajusta no mobile */ } .product-name { padding-top: 24px; /* mantém espaço no mobile */ } }