@layer components{.pp-root{--pp-ink:#0c1945;--pp-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.05 0 0 0 0 0.1 0 0 0 0 0.27 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--pp-metal-socio:conic-gradient(from 210deg at 50% 50%, #8a8b73, #dcdcc9 18%, #8f907a 36%, #cfd0bb 52%, #7c7d66 70%, #e2e2d0 86%, #8a8b73);--pp-metal-plata:conic-gradient(from 200deg at 50% 50%, #8f97a3, #f5f7fa 16%, #a3abb6 33%, #e6e9ee 50%, #868e9a 68%, #f5f7fa 84%, #8f97a3);--pp-metal-oro:conic-gradient(from 200deg at 50% 50%, #a4864a, #f5ead0 16%, #b5955a 33%, #ebd9ab 50%, #977a41 68%, #f5ead0 84%, #a4864a);--pp-metal-platino:conic-gradient(from 200deg at 50% 50%, #b4bdcb, #fff 14%, #c6cdd9 28%, #e6e2f2 42%, #bcc6d3 56%, #e0eef0 70%, #fff 84%, #b4bdcb);min-height:100vh;color:var(--pp-ink);background:radial-gradient(110% 55% at 88% -8%,#fffffff2 0%,#fff0 62%),radial-gradient(70% 45% at -12% 4%,#c8b07a1f 0%,#c8b07a00 60%),#ecf0f8;position:relative}.pp-root:before{content:"";pointer-events:none;background-image:var(--pp-grain);opacity:.05;z-index:0;position:fixed;inset:0}.pp-root>*{z-index:1;position:relative}.pp-root :focus-visible{outline:2px solid var(--pp-ink);outline-offset:3px}.pp-noir :focus-visible{outline-color:#e9dcb8}.pp-label{font-family:var(--xyxy-font-body);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:1.2}.pp-numeral{font-family:var(--xyxy-font-denton);font-variation-settings:"wdth" 500, "wght" 300, "opsz" 1;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;line-height:.95}.pp-display{font-family:var(--xyxy-font-denton);font-variation-settings:"wdth" 500, "wght" 340, "opsz" 1;letter-spacing:-.015em;line-height:1.02}.pp-card{background:#ffffffc7;border:1px solid #0c194517;border-radius:20px;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0c19450a,0 24px 48px -32px #0c194547}.pp-noir{isolation:isolate;color:#f3f1ea;background:radial-gradient(90% 70% at 100% 0,#c8b07a38 0%,#c8b07a00 58%),radial-gradient(60% 60% at 0 100%,#5d74b240 0%,#5d74b200 60%),linear-gradient(158deg,#15255c 0%,#0c1945 48%,#070f2e 100%);border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e9dcb829,inset 0 1px #ffffff14,0 30px 60px -30px #070f2eb3}.pp-noir:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg, #ffffff05 0 1px, transparent 1px 3px), var(--pp-grain);opacity:.9;mix-blend-mode:soft-light;position:absolute;inset:0}.pp-rule{background:#0c19451f;border:0;height:1px}.pp-rule-gold{background:linear-gradient(90deg,#c8b07a00,#c8b07abf 20% 80%,#c8b07a00);border:0;height:1px}.pp-metal{background:var(--pp-metal-oro)}.pp-metal[data-nivel=inicio]{background:var(--pp-metal-socio)}.pp-metal[data-nivel=plata]{background:var(--pp-metal-plata)}.pp-metal[data-nivel=oro]{background:var(--pp-metal-oro)}.pp-metal[data-nivel=platino]{background:var(--pp-metal-platino)}.pp-medallion{border-radius:9999px;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #fff9,inset 0 -1px #00000026,0 6px 14px -6px #070f2e8c}.pp-medallion:after{content:"";border-radius:inherit;background:inherit;position:absolute;inset:14%;transform:rotate(180deg);box-shadow:0 0 0 1px #ffffff59,inset 0 1px 2px #00000040}.pp-medallion>*{z-index:1;position:relative}.pp-medallion[data-bloqueado=true]{background:0 0;box-shadow:inset 0 0 0 1px #0c194538}.pp-medallion[data-bloqueado=true]:after{background:#0c194508;border:0;box-shadow:inset 0 0 0 1px #0c19451f}.pp-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%230C1945' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:12px 8px}.pp-insignia{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.pp-track{background:#0c19451a;border-radius:9999px;position:relative;overflow:hidden}.pp-noir .pp-track{background:#ffffff1f}.pp-fill{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#9c7f45,#e9d7a6 70%,#fff6dc);height:100%}}@media (prefers-reduced-motion:no-preference){.pp-sheen{position:relative;overflow:hidden}.pp-sheen:after{content:"";pointer-events:none;background:linear-gradient(100deg,#fff0 0%,#ffffff8c 50%,#fff0 100%);width:45%;animation:5.5s ease-in-out 1.2s infinite pp-sheen;position:absolute;inset:-20% auto -20% -60%;transform:skew(-18deg)}}@keyframes pp-sheen{0%,70%{left:-60%}to{left:130%}}:root:not([data-pp-motion]) .pp-root [data-pp-anim]{animation:10ms linear 2.5s forwards pp-seguro}@keyframes pp-seguro{to{opacity:1;transform:none}}.pp-root .pp-form input:not([type=checkbox]):not([type=radio]){color:#0c1945;background:#ffffffe6;border-width:1px;border-color:#0c19453d;border-radius:12px;height:3rem;font-size:15px}.pp-root .pp-form input:not([type=checkbox]):not([type=radio]):focus{border-color:#0c1945;box-shadow:0 0 0 4px #c8b07a47}.pp-root .pp-form label{transition:color .15s ease-out}.pp-root .pp-form div:focus-within>label{color:#0c1945}.pp-root .pp-form label:has(+div :focus){color:#0c1945}.pp-root .pp-form input:not([type=checkbox]):not([type=radio])[aria-invalid=true]{border-color:#b42318}.pp-root .pp-form label{letter-spacing:.16em;text-transform:uppercase;color:#071533b3;font-size:11px;font-weight:500}