@layer components{.estrellas{align-items:center;gap:var(--esp-2);border:none;margin:0;padding:0;display:inline-flex}.estrellas__fila{gap:1px;display:inline-flex}.estrellas__icono{inline-size:var(--estrella-tam);block-size:var(--estrella-tam);stroke-width:1.5px;stroke-linejoin:round;flex-shrink:0}.estrellas--sm{--estrella-tam:.85rem;font-size:var(--texto-xs)}.estrellas--md{--estrella-tam:1.05rem;font-size:var(--texto-sm)}.estrellas--lg{--estrella-tam:1.6rem;font-size:var(--texto-base)}.estrellas__total{color:var(--texto-suave)}.estrellas--interactivo{gap:var(--esp-1)}.estrellas__opcion{cursor:pointer;padding:var(--esp-1);border-radius:var(--radio-sm);display:inline-flex}.estrellas--interactivo .estrellas__icono{fill:#0000;stroke:var(--borde-fuerte);transition:fill var(--trans-rapida), stroke var(--trans-rapida), transform var(--trans-rapida)}.estrellas__icono--activa{fill:var(--laton);stroke:var(--laton);transform:scale(1.08)}.estrellas__opcion:has(input:focus-visible){outline:3px solid var(--laton);outline-offset:1px}.ficha{background:var(--superficie-ficha);-webkit-backdrop-filter:var(--vidrio);backdrop-filter:var(--vidrio);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra-sm);transition:transform var(--trans), box-shadow var(--trans), border-color var(--trans);flex-direction:column;display:flex;overflow:hidden}.ficha:hover,.ficha:focus-within{box-shadow:var(--sombra-lg);border-color:var(--borde-fuerte);transform:translateY(-4px)}.ficha:has(.ficha__agotado){opacity:.72}.ficha__enlace{flex-direction:column;flex:1;display:flex}.ficha__marco{aspect-ratio:4/3;background:color-mix(in srgb, var(--roble-claro) 22%, transparent);position:relative;overflow:hidden}.ficha__imagen{object-fit:contain;block-size:100%;inline-size:100%;transition:transform var(--trans-lenta)}.ficha:hover .ficha__imagen{transform:scale(1.06)}.ficha__sin-imagen{block-size:100%;font-size:var(--texto-sm);color:var(--texto-suave);place-items:center;display:grid}.ficha__promo,.ficha__agotado{padding:var(--esp-1) var(--esp-3);font-size:var(--texto-xs);letter-spacing:.03em;border-radius:var(--radio-pill);box-shadow:var(--sombra-sm);font-weight:700;position:absolute;inset-block-start:var(--esp-2)}.ficha__promo{color:var(--tinta);background:var(--laton);inset-inline-start:var(--esp-2)}.ficha__agotado{color:var(--crema);background:var(--rojo-error);inset-inline-end:var(--esp-2)}.ficha__cuerpo{gap:var(--esp-2);padding:var(--esp-4);flex-direction:column;flex:1;display:flex}.ficha__categoria{font-size:var(--texto-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--texto-suave)}.ficha__nombre{font-size:var(--texto-base);color:var(--texto)}.ficha__resumen{font-size:var(--texto-sm);color:var(--texto-suave);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.ficha__sin-calificar{font-size:var(--texto-xs);color:var(--texto-suave);font-style:italic}.ficha__precio{font-size:var(--texto-lg);color:var(--texto);font-weight:700}.ficha__precio-anterior{font-size:var(--texto-sm);color:var(--texto-suave);margin-inline-start:var(--esp-2);font-weight:400;text-decoration:line-through}.ficha__acciones{padding:0 var(--esp-4) var(--esp-4)}}