/* Visual opcional dos cards. O modo original não recebe estas regras. */
html[data-sc-card-style="rounded"] .catalog-media{position:relative;border-radius:18px;overflow:hidden;isolation:isolate}
html[data-sc-card-style="rounded"] .catalog-image,
html[data-sc-card-style="rounded"] .hp-image{border-radius:18px!important;overflow:hidden}
html[data-sc-card-style="rounded"] .catalog-card-actions .catalog-link{border-radius:999px!important}
html[data-sc-card-style="rounded"] .hp-see{display:inline-flex;align-items:center;justify-content:center;border:1px solid #25aba2;border-radius:999px!important;padding:11px 18px}
html[data-sc-card-style="rounded"] .catalog-media .catalog-thumbs{
 position:absolute;z-index:4;left:0;right:0;bottom:0;width:100%;box-sizing:border-box;
 display:flex;gap:6px;align-items:center;justify-content:center;
 max-height:none!important;margin:0!important;padding:22px 12px 12px!important;
 background:linear-gradient(transparent,rgba(255,255,255,.9));
 overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);
 transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
html[data-sc-card-style="rounded"] .catalog-thumbs .catalog-thumb{
 flex:0 1 49px!important;min-width:0;width:49px!important;height:auto!important;aspect-ratio:1!important;
 border-radius:50%!important;background:#fff;
}
html[data-sc-card-style="rounded"] .catalog-card:hover .catalog-thumbs,
html[data-sc-card-style="rounded"] .catalog-card:focus-within .catalog-thumbs{
 opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);
}
@media(hover:none),(pointer:coarse){
 html[data-sc-card-style="rounded"] .catalog-media .catalog-thumbs{opacity:1;visibility:visible;pointer-events:auto;transform:none}
 html[data-sc-card-style="rounded"] .catalog-thumbs .catalog-thumb{flex-basis:40px!important;width:40px!important}
}
@media(prefers-reduced-motion:reduce){html[data-sc-card-style="rounded"] .catalog-media .catalog-thumbs{transition:none;transform:none}}