.pil-lista{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.pil{--c:#a883ff;position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 12px) / 2);min-width:0;display:flex;flex-direction:column;background:var(--tarjeta);border:2px solid var(--linea);border-radius:var(--r);padding:10px 12px 16px;box-shadow:var(--sombra);cursor:pointer;outline:none;transition:border-color .25s,box-shadow .25s,transform .25s}.pil:focus-visible,.pil:focus-within,.pil:hover{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 35%,transparent),0 0 30px color-mix(in srgb,var(--c) 55%,transparent),var(--sombra)}.pil:focus-visible{outline:3px solid var(--texto);outline-offset:3px}@media (hover:hover){.pil:hover{transform:translateY(-4px)}}.pil-img{position:relative;width:100%;aspect-ratio:1;border-radius:18px;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 30%,transparent),transparent 92%);overflow:hidden}.pil-cara{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translate(var(--x),var(--y)) scale(var(--s));transition:opacity .3s ease}.pil-cara.on{opacity:1}.pil-img.sin-fundido .pil-cara{transition:none}.pil-halo .pil-cara{-webkit-mask-image:radial-gradient(closest-side,#000 90%,transparent 100%);mask-image:radial-gradient(closest-side,#000 90%,transparent 100%)}.pil-nom{font:700 clamp(24px,6.6vw,30px) /1.1 var(--titulos);margin-top:10px;color:var(--texto)}.pil-pers{font:700 14px/1.35 var(--titulos);color:var(--texto);margin-top:6px;padding:5px 10px;border-radius:12px;background:color-mix(in srgb,var(--c) 18%,transparent);align-self:flex-start}.pil-hist{font-size:14px;line-height:1.5;color:var(--texto2);margin-top:10px}.pil-datos{margin-top:auto;padding-top:12px;display:grid;gap:8px}.pil-datos>div{border-top:1.5px solid var(--linea);padding-top:8px}.pil-datos dt{font:700 12px/1.2 var(--titulos);letter-spacing:.06em;text-transform:uppercase;color:var(--acento)}.pil-datos dd{font-size:14px;line-height:1.4;margin-top:2px}@media (min-width:560px){.pil-lista{gap:16px}.pil{flex-basis:calc((100% - 16px) / 2);padding:12px 16px 20px}.pil-datos dd,.pil-hist{font-size:15px}}@media (min-width:1100px){.pil-lista{gap:20px}.pil{flex-basis:calc((100% - 60px) / 4)}}.pil-sec{border-style:dashed;border-color:color-mix(in srgb,var(--c) 65%,var(--linea));background:color-mix(in srgb,var(--c) 7%,var(--tarjeta))}.pil-sec .pil-img{margin-top:auto}.pil-sec .pil-pers{font-style:italic}@media (prefers-reduced-motion:reduce){.pil,.pil:hover{transition:none;transform:none}}