/* Etiquetas independentes do tema global: formato, cor e percentual legível. */
[data-tema-etiqueta]:not([data-tema-etiqueta=""]) {box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;width:76px;height:76px;padding:0!important;border:0;border-radius:0!important;background-color:transparent!important;background-repeat:no-repeat!important;background-size:contain!important;box-shadow:none!important;filter:drop-shadow(0 2px 3px #0002);color:#fff!important;font:700 12px/1 Arial,sans-serif;text-shadow:0 1px 2px #0006;white-space:nowrap;}
[data-tema-etiqueta="blackfriday"]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20fill%3D%22%23101010%22%20stroke%3D%22%23ddd%22%20stroke-width%3D%221%22%20d%3D%22m40%201%208%209%2012-5%203%2013%2013%202-5%2012%208%208-9%208%205%2012-13%203-2%2013-12-5-8%209-8-9-12%205-3-13-13-2%205-12-9-8%209-8-5-12%2013-3%202-13%2012%205Z%22%2F%3E%3C%2Fsvg%3E")!important;padding-top:0px!important;}
[data-tema-etiqueta="natal"]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20fill%3D%22%23167143%22%20d%3D%22M38%2022C8%2023%2014-6%2036%2015l4%207C67-6%2074%2024%2042%2022Z%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2224%22%20width%3D%2264%22%20height%3D%2250%22%20rx%3D%224%22%20fill%3D%22%23bf192e%22%2F%3E%3Cpath%20fill%3D%22%23e8c866%22%20d%3D%22M7%2023h66v12H7ZM35%2024h10v50H35Z%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2241%22%20width%3D%2252%22%20height%3D%2221%22%20rx%3D%224%22%20fill%3D%22%23991127%22%2F%3E%3C%2Fsvg%3E")!important;padding-top:20px!important;}
[data-tema-etiqueta="dia-dos-pais"]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20fill%3D%22%23155394%22%20d%3D%22M25%201h30l-7%2017%2017%2045-25%2016-25-16%2017-45Z%22%2F%3E%3Cpath%20stroke%3D%22%2371b1ee%22%20stroke-width%3D%223%22%20d%3D%22M32%2018h16M25%2043l32%2013%22%2F%3E%3C%2Fsvg%3E")!important;padding-top:18px!important;}
[data-tema-etiqueta="dia-das-maes"]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20fill%3D%22%23bd347c%22%20stroke%3D%22%23e794bd%22%20stroke-width%3D%222%22%20d%3D%22M40%2012C15-15-6%2018%2014%2032-14%2046%209%2082%2032%2066%2046%2094%2082%2071%2066%2048%2094%2034%2071-2%2048%2014Z%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2223%22%20fill%3D%22%23963060%22%2F%3E%3C%2Fsvg%3E")!important;padding-top:0px!important;}
[data-tema-etiqueta="dia-dos-namorados"]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20fill%3D%22%23c51a32%22%20stroke%3D%22%23f18b96%22%20d%3D%22M40%2076%209%2044C-14%209%2027-8%2040%2020%2053-8%2094%209%2071%2044Z%22%2F%3E%3C%2Fsvg%3E")!important;padding-top:0px!important;}
[data-tema-etiqueta="dia-das-criancas"]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20fill%3D%22%23eead30%22%20d%3D%22M38%2022C8%2023%2014-6%2036%2015l4%207C67-6%2074%2024%2042%2022Z%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2224%22%20width%3D%2264%22%20height%3D%2250%22%20rx%3D%224%22%20fill%3D%22%232165b7%22%2F%3E%3Cpath%20fill%3D%22%23dc4588%22%20d%3D%22M7%2023h66v12H7Z%22%2F%3E%3Cpath%20fill%3D%22%23f5c441%22%20d%3D%22M35%2024h10v50H35Z%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2241%22%20width%3D%2252%22%20height%3D%2221%22%20rx%3D%224%22%20fill%3D%22%23194784%22%2F%3E%3C%2Fsvg%3E")!important;padding-top:20px!important;}

.etiqueta-promocao {position:relative;transform:rotate(-15deg);transform-origin:center;overflow:visible;vertical-align:middle;}
.selo-oferta.etiqueta-promocao {position:absolute;top:-14px;left:-14px;}
.etiqueta-promocao .etiqueta-promocao-valor {font:800 24px/1.1 Arial,sans-serif;letter-spacing:-1px;white-space:nowrap;}
.etiqueta-promocao[data-tema-etiqueta] {width:88px;height:88px;}
/* Nome e desconto ficam no mesmo desenho, sem faixa externa. */
.etiqueta-promocao {display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;}
.etiqueta-promocao[data-tema-etiqueta] {width:108px;height:108px;}
.etiqueta-promocao .etiqueta-promocao-valor {display:flex;align-items:baseline;justify-content:center;gap:1px;letter-spacing:-1px;}
.etiqueta-promocao .etiqueta-numero {font-size:32px;font-weight:800;line-height:1;}
.etiqueta-promocao .etiqueta-simbolo {font-size:14px;font-weight:700;line-height:1;letter-spacing:0;}
.etiqueta-promocao .etiqueta-promocao-nome {position:static;box-sizing:border-box;max-width:74px;padding:0;background:none;box-shadow:none;color:inherit;font:600 9px/1.15 Arial,sans-serif;letter-spacing:0;text-align:center;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-shadow:inherit;}
.etiqueta-promocao[data-tema-etiqueta="dia-dos-pais"] .etiqueta-promocao-nome {max-width:52px;}
.etiqueta-promocao[data-tema-etiqueta="dia-dos-pais"] .etiqueta-numero {font-size:29px;}
.etiqueta-promocao[data-tema-etiqueta="dia-dos-namorados"] {padding-bottom:10px!important;}
.etiqueta-promocao[data-tema-etiqueta="dia-das-maes"] .etiqueta-promocao-nome {max-width:60px;}
.etiqueta-promocao .etiqueta-promocao-nome:empty {display:none;}
#produto-promocao .etiqueta-promocao {margin:8px 16px 8px 8px;}

.produto:has(.etiqueta-promocao) {overflow:visible;}
.produto:has(.etiqueta-promocao) .produto-imagem {border-top-left-radius:17px;border-top-right-radius:17px;}

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .produto:hover .selo-oferta.etiqueta-promocao {animation:etiqueta-balancar .65s ease-in-out 1;}
}
@keyframes etiqueta-balancar {
  0%,100% {transform:rotate(-15deg);}
  25% {transform:rotate(-20deg);}
  50% {transform:rotate(-11deg);}
  75% {transform:rotate(-17deg);}
}

/* Folga para 108px girados até 20 graus, sombra e elevação no hover. */
.categoria-produtos .selo-oferta.etiqueta-promocao {top:-14px;left:-14px;}

#grade:not(.categorias-inicio):has(.etiqueta-promocao) {column-gap:36px;row-gap:36px;}