/* Sellos sobre la foto del producto (App\Services\SellosService::html). Sin prefijo .v2-body:
   también los usa la vista previa del admin. El contenedor tiene que ser position: relative. */
.v2-sello {
    position: absolute;
    z-index: 4;
    width: var(--sello-w, 28%);
    aspect-ratio: 1;
    container-type: inline-size;
    display: grid;
    place-items: center;
    transform: rotate(var(--sello-rot, -8deg));
    pointer-events: none;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .18));
    animation: v2SelloIn .7s cubic-bezier(.34, 1.56, .64, 1) both .15s;
}
.v2-sello.is-etiqueta { aspect-ratio: 100 / 40; }
.v2-sello.is-cinta { aspect-ratio: 100 / 34; }
.v2-sello.is-img { aspect-ratio: auto; filter: none; }
.v2-sello.is-sup-izq { top: 3%; left: 3%; }
.v2-sello.is-sup-der { top: 3%; right: 3%; }
.v2-sello.is-inf-izq { bottom: 3%; left: 3%; }
.v2-sello.is-inf-der { bottom: 3%; right: 3%; }
.v2-sello > svg,
.v2-sello > img { grid-area: 1 / 1; width: 100%; height: 100%; display: block; }
.v2-sello > img { height: auto; }
.v2-sello-txt {
    grid-area: 1 / 1;
    padding: 0 8%;
    font-family: var(--v2-font-titles, 'Inter', system-ui, sans-serif);
    font-size: var(--sello-fs, 14cqw);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.01em;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}
@keyframes v2SelloIn {
    from { opacity: 0; transform: rotate(var(--sello-rot, -8deg)) scale(.4); }
    to { opacity: 1; transform: rotate(var(--sello-rot, -8deg)) scale(1); }
}
@media (prefers-reduced-motion: reduce) { .v2-sello { animation: none; } }