@layer components{[data-tono=agua]{--t1:#3a86ff;--t2:#1b39a0}[data-tono=madera]{--t1:#17b584;--t2:#0a6e57}[data-tono=tierra]{--t1:#f29b16;--t2:#c2520a}[data-tono=fuego]{--t1:#ff5e3f;--t2:#c8173f}[data-tono=metal]{--t1:#4bafd6;--t2:#34508e}[data-tono=violeta]{--t1:#a273ff;--t2:#552cc4}[data-tono=marca]{--t1:#e8442a;--t2:#b51f3a}[data-tono=jade]{--t1:#4a8a6e;--t2:#1f4a3a}.dark [data-tono=agua]{--t2:#1a3088}.dark [data-tono=madera]{--t2:#0b5a4a}.dark [data-tono=tierra]{--t2:#9a4209}.dark [data-tono=fuego]{--t2:#9e1638}.dark [data-tono=violeta]{--t2:#4724a8}.dark [data-tono=marca]{--t2:#8e1631}.pv-tesela{isolation:isolate;color:#fff;text-shadow:0 1px 2px color-mix(in oklab, var(--t2) 60%, #00000059);border:1px solid color-mix(in oklab, var(--t1) 60%, white);background-image:radial-gradient(110% 90% at 0% 0%, #ffffff4d, transparent 55%), radial-gradient(80% 70% at 100% 100%, color-mix(in oklab, var(--t2) 70%, black), transparent 70%), linear-gradient(140deg, var(--t1), var(--t2));box-shadow:inset 0 1px 0 #fff6, inset 0 -1px 0 #00000024, 0 18px 40px -20px color-mix(in oklab, var(--t2) 90%, transparent);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;position:relative;overflow:hidden}.dark .pv-tesela{border-color:color-mix(in oklab, var(--t1) 55%, transparent);box-shadow:inset 0 1px 0 #ffffff47, inset 0 -1px 0 #00000040, 0 20px 44px -22px color-mix(in oklab, var(--t1) 75%, transparent)}.pv-tesela:after{content:"";z-index:1;pointer-events:none;opacity:0;background-image:linear-gradient(105deg,#0000 38%,#ffffff3d 50%,#0000 62%);background-position:160% 0;background-size:240% 100%;transition:background-position .8s,opacity .3s;position:absolute;inset:0}a.pv-tesela:hover,.group:hover>.pv-tesela-viva{box-shadow:inset 0 1px 0 #ffffff80, 0 28px 50px -22px color-mix(in oklab, var(--t1) 95%, transparent);transform:translateY(-4px)}a.pv-tesela:hover:after,.group:hover>.pv-tesela-viva:after{opacity:1;background-position:-60% 0}a.pv-tesela:focus-visible{outline:2px solid var(--t1);outline-offset:3px}.pv-marca{z-index:-1;font-family:var(--font-cjk);color:#ffffff29;text-shadow:none;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:8rem;line-height:1;transition:transform .6s cubic-bezier(.22,1,.36,1),color .3s;position:absolute;bottom:-.24em;right:-.06em}a.pv-tesela:hover .pv-marca,.group:hover .pv-marca{color:#ffffff40;transform:translate(-6px,-4px)scale(1.08)rotate(-5deg)}.pv-sello{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#fff3;box-shadow:inset 0 1px #ffffff73,0 0 0 1px #ffffff52}.pv-suave{color:#ffffffdb}.pv-tenue{color:#ffffffb3}.pv-boton-claro{color:color-mix(in oklab, var(--t2) 85%, black);text-shadow:none;box-shadow:0 8px 20px -8px color-mix(in oklab, var(--t2) 90%, black);background:#fff}.pv-boton-claro:hover{transform:translateY(-2px)}.pv-halo{z-index:-1;filter:blur(40px);opacity:.75;background:radial-gradient(60% 60% at 20% 30%,#f29b168c,#0000 70%),radial-gradient(60% 60% at 80% 70%,#e8442a80,#0000 70%),radial-gradient(50% 50% at 70% 10%,#3a86ff59,#0000 70%);background:radial-gradient(60% 60% at 20% 30%,lab(71.7597% 27.2829 72.7981/.55),#0000 70%),radial-gradient(60% 60% at 80% 70%,lab(54.2791% 62.8279 52.5122/.5),#0000 70%),radial-gradient(50% 50% at 70% 10%,lab(56.1816% 9.11033 -68.2333/.35),#0000 70%);border-radius:3rem;position:absolute;inset:8% -6% -6% 6%}.dark .pv-halo{opacity:.55}@media (max-width:639px){.pv-halo{display:none}}.pv-icono{color:#fff;background-image:radial-gradient(90% 90% at 0% 0%, #ffffff59, transparent 60%), linear-gradient(140deg, var(--t1), var(--t2));box-shadow:inset 0 1px 0 #fff6, 0 8px 18px -8px color-mix(in oklab, var(--t2) 85%, transparent)}@media (prefers-reduced-motion:reduce){.pv-tesela,.pv-tesela:after,.pv-marca{transition:none}}}