#page-ajustes{--pfcard:#141826;--pfcard2:#171b2a;--pfline:rgba(255,255,255,.07);--pfline2:rgba(255,255,255,.045);--pftx:#e9ebf3;--pfmut:#8990a6;--pffaint:#565d73;--pfv:#8b6dff;--pfg:#c8a24e;--pfg-hi:#d9b970}
        #page-ajustes .pf-wrap{max-width:1000px;margin:0 auto;padding:2px 22px 34px}
        #page-ajustes .pf-hero{background:var(--pfcard);border:1px solid var(--pfline);border-radius:16px;padding:28px 30px}
        #page-ajustes .pf-top{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start}
        /* Avatar circular plano */
        #page-ajustes .pf-ava-col{position:relative;width:96px;height:96px}
        #page-ajustes .pf-ava{width:96px;height:96px;border-radius:50%;background:#1d2236;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:700;font-size:31px;color:#b6a6ff;overflow:hidden;box-shadow:0 0 0 1px var(--pfline),0 0 0 5px var(--pfcard),0 0 0 6px rgba(139,109,255,.28)}
        #page-ajustes .pf-ava img{width:100%;height:100%;object-fit:cover}
        #page-ajustes .pf-cam{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:var(--pfcard2);border:1px solid var(--pfline);color:var(--pfmut);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}
        #page-ajustes .pf-cam:hover{color:var(--pftx);border-color:rgba(139,109,255,.5)}
        #page-ajustes .pf-body{min-width:0}
        #page-ajustes .pf-line1{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;flex-wrap:wrap}
        #page-ajustes .pf-namewrap{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}
        #page-ajustes .pf-name{font-family:var(--fd);font-size:23px;font-weight:700;letter-spacing:-.01em;line-height:1.1}
        #page-ajustes .pf-pencil{background:none;border:none;color:var(--pffaint);cursor:pointer;padding:2px;display:inline-flex;transition:.15s}
        #page-ajustes .pf-pencil:hover{color:var(--pfv)}
        #page-ajustes .pf-user{font-size:13px;color:var(--pfv);font-weight:500;margin-top:6px}
        #page-ajustes .pf-bio{font-size:12.5px;color:var(--pfmut);line-height:1.6;margin-top:11px;max-width:520px}
        #page-ajustes .pf-bio.empty{color:var(--pffaint);font-style:italic}
        /* ── Cápsula de nivel (única con relieve) · saturación sube con la insignia ── */
        #page-ajustes .lvl-capsule{position:relative;display:inline-flex;align-items:center;gap:6px;padding:2px 7px 2px 3px;border-radius:8px;background:linear-gradient(180deg,var(--c1),var(--c2));border:1px solid var(--cbd);box-shadow:0 2px var(--cgl,18px) rgba(154,61,255,var(--cga,.42)),inset 0 0 10px rgba(0,0,0,.22);font-family:var(--fd);color:#fff;line-height:1;white-space:nowrap;overflow:hidden}
        #page-ajustes .lvl-capsule::before{content:"";position:absolute;left:0;right:0;top:0;height:44%;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none;z-index:0;border-radius:8px 8px 0 0}
        #page-ajustes .lvl-capsule::after{content:"";position:absolute;inset:1.5px;border-radius:6px;border:1px solid var(--cln,transparent);pointer-events:none;z-index:0}
        #page-ajustes .lvl-capsule .ins{width:19px;height:19px;flex-shrink:0;position:relative;z-index:1;border-radius:5px;display:block}
        #page-ajustes .lvl-capsule .lv{position:relative;z-index:1;font-size:14.5px;font-weight:800;letter-spacing:.01em}
        #page-ajustes .lvl-capsule.cap-b1{--c1:#3a3350;--c2:#4a4166;--cbd:rgba(150,135,180,.32);--cgl:8px;--cga:.12;--cln:transparent}
        #page-ajustes .lvl-capsule.cap-b2{--c1:#402c62;--c2:#563a86;--cbd:rgba(160,120,220,.4);--cgl:12px;--cga:.24;--cln:rgba(255,255,255,.14)}
        #page-ajustes .lvl-capsule.cap-b3{--c1:#4E148C;--c2:#7A1FD2;--cbd:rgba(180,92,255,.6);--cgl:18px;--cga:.42;--cln:rgba(255,255,255,.32)}
        #page-ajustes .lvl-capsule.cap-b4{--c1:#560CA0;--c2:#8A1FEB;--cbd:rgba(190,110,255,.7);--cgl:20px;--cga:.5;--cln:rgba(255,255,255,.36)}
        #page-ajustes .lvl-capsule.cap-b5{--c1:#6410BE;--c2:#9A2BFF;--cbd:rgba(205,135,255,.8);--cgl:22px;--cga:.58;--cln:rgba(255,255,255,.42)}
        #page-ajustes .lvl-capsule.cap-b6{--c1:#7A0FD8;--c2:#B03DFF;--cbd:rgba(225,165,255,.9);--cgl:26px;--cga:.68;--cln:rgba(255,255,255,.5)}
        /* ── Etiqueta dorada del plan · misma medida ── */
        #page-ajustes .plan-capsule{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:25px;box-sizing:border-box;padding:0 10px;border-radius:8px;background:linear-gradient(180deg,#7a5613,#c9992e);border:1px solid rgba(245,210,120,.55);box-shadow:0 2px 14px rgba(214,168,58,.34),inset 0 0 10px rgba(50,32,0,.25);font-family:var(--fd);color:#fff6df;line-height:1;white-space:nowrap;overflow:hidden;cursor:pointer}
        #page-ajustes .plan-capsule.free{display:none}
        #page-ajustes .plan-capsule::before{content:"";position:absolute;left:0;right:0;top:0;height:44%;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));pointer-events:none;z-index:0;border-radius:8px 8px 0 0}
        #page-ajustes .plan-capsule::after{content:"";position:absolute;inset:1.5px;border-radius:6px;border:1px solid rgba(255,240,200,.3);pointer-events:none;z-index:0}
        #page-ajustes .plan-capsule.free::after{border-color:transparent}
        #page-ajustes .plan-capsule .pc-ic{width:13px;height:13px;position:relative;z-index:1;flex-shrink:0}
        #page-ajustes .plan-capsule.free .pc-ic{display:none}
        #page-ajustes .plan-capsule .pc-tx{position:relative;z-index:1;font-size:12px;font-weight:800;letter-spacing:.04em}
        #page-ajustes .pf-right{text-align:right}
        #page-ajustes .pf-reach{font-size:13px;color:var(--pfmut);white-space:nowrap}
        #page-ajustes .pf-reach b{font-family:var(--fd);font-weight:500;font-size:14px;color:var(--pftx)}
        #page-ajustes .pf-reach .pf-sep{color:var(--pffaint);margin:0 6px}
        /* Prestigio: insignia + barra fina + recargar */
        #page-ajustes .pf-prestige{display:flex;align-items:center;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid var(--pfline2)}
        #page-ajustes .pf-insignia{width:40px;height:40px;flex-shrink:0;border-radius:9px;object-fit:contain}
        #page-ajustes .pf-prog-wrap{flex:1;min-width:140px}
        #page-ajustes .pf-prog-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:9px}
        #page-ajustes .pf-lvl{font-family:var(--fd);font-size:13.5px;font-weight:600;color:var(--pfg-hi)}
        #page-ajustes .pf-lvl b{font-weight:700}
        #page-ajustes .pf-next{font-size:11px;color:var(--pffaint)}
        #page-ajustes .pf-next b{color:var(--pfmut);font-weight:600}
        #page-ajustes .pf-prog{height:4px;border-radius:2px;background:rgba(255,255,255,.06);overflow:hidden}
        #page-ajustes .pf-prog i{display:block;height:100%;border-radius:2px;background:var(--pfg);width:0;transition:width .8s cubic-bezier(.4,0,.2,1)}
        #page-ajustes .pf-recharge{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--pfg-hi);background:rgba(200,162,78,.1);border:1px solid rgba(200,162,78,.32);padding:8px 13px;border-radius:8px;cursor:pointer;transition:.15s;white-space:nowrap}
        #page-ajustes .pf-recharge:hover{background:rgba(200,162,78,.2)}
        #page-ajustes .pf-socline{display:flex;align-items:center;gap:14px;margin-top:20px;flex-wrap:wrap}
        #page-ajustes .pf-planrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--pfline2)}
        #page-ajustes .pf-plan-label{font-size:12px;color:var(--pfmut)}
        #page-ajustes .pf-plan-label b{font-family:var(--fd);font-weight:600;color:var(--pftx)}
        #page-ajustes .pf-plan-cta{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:11.5px;font-weight:700;color:#20160a;background:linear-gradient(180deg,#e6bf6a,#c9992e);border:1px solid rgba(245,210,120,.5);padding:7px 14px;border-radius:8px;cursor:pointer;transition:.15s;box-shadow:0 2px 12px rgba(200,150,50,.25)}
        #page-ajustes .pf-plan-cta:hover{filter:brightness(1.07)}
        #page-ajustes .pf-plan-cta.pro{color:var(--pfg-hi);background:none;border-color:rgba(200,162,78,.3);box-shadow:none;font-weight:600}
        #page-ajustes .pf-editlink{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--pffaint);background:none;border:none;cursor:pointer;transition:.15s}
        #page-ajustes .pf-editlink:hover{color:var(--pfv)}
        #page-ajustes .pf-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px;padding:0 6px;font-size:12px;color:var(--pfmut)}
        #page-ajustes .pf-foot-l{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
        #page-ajustes .pf-foot-ver{display:inline-flex;align-items:center;gap:5px;color:var(--live);font-weight:500}
        #page-ajustes .pf-txtbtn{background:none;border:none;color:var(--pffaint);font-size:11.5px;font-weight:500;cursor:pointer;padding:5px 8px;border-radius:6px;transition:.15s}
        #page-ajustes .pf-txtbtn:hover{color:var(--pftx)}
        #page-ajustes .pf-txtbtn.danger:hover{color:var(--red)}
        @media(max-width:720px){
          #page-ajustes .pf-hero{padding:24px 18px}
          #page-ajustes .pf-top{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px}
          #page-ajustes .pf-line1{flex-direction:column;align-items:center;gap:0}
          #page-ajustes .pf-namewrap{justify-content:center}
          #page-ajustes .pf-right{text-align:center;margin-top:12px}
          #page-ajustes .pf-reach{white-space:normal}
          #page-ajustes .pf-bio{margin:11px auto 0}
          #page-ajustes .pf-prestige{flex-wrap:wrap;row-gap:14px}
          #page-ajustes .pf-prog-wrap{flex:1 1 calc(100% - 54px)}
          #page-ajustes .pf-recharge{flex:1 1 100%;justify-content:center;order:3}
          #page-ajustes .pf-socline{justify-content:center}
          #page-ajustes .pf-foot{justify-content:center;text-align:center}
          #page-ajustes .pf-foot-l{justify-content:center}
        }