/* ── Tu perfil (mini-perfil: réplica del perfil, sin edición) ── */
.dp-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 2px 2px}
.dp-see{position:absolute;top:-3px;right:-3px;display:inline-flex;align-items:center;gap:4px;font-family:var(--fb);font-size:11px;font-weight:600;color:var(--tx2);background:var(--sf2);border:1px solid var(--b2);padding:5px 10px;border-radius:8px;cursor:pointer;transition:.15s;z-index:3}
.dp-see:hover{color:var(--tx);border-color:var(--b3)}
.dp-see svg{width:11px;height:11px}
.dp-ava{width:82px;height:82px;border-radius:50%;background:var(--sf2);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:700;font-size:26px;color:#b6a6ff;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px var(--b),0 0 0 5px var(--bg3),0 0 0 6px rgba(139,109,255,.26)}
.dp-ava img{width:100%;height:100%;object-fit:cover}
/* Marco activo del avatar: replica EXACTA del enfoque del podio.
   El wrap se dimensiona al tamaño DEL MARCO (F = 82/0.9 ≈ 91px) por JS.
   (23-jul-2026: era 82/0.52 ≈ 158px, herencia del marco PNG antiguo; el SVG
    actual se pinta al 146% del contenedor y desbordaba la tarjeta.)
   La foto (.dp-ava) se mueve a position:absolute con offset centrado.
   El marco (.active-frame-img) llena el contenedor entero.
   Mantener sincronizado con _renderPodium en cd-app-core.js. */
.dp-hero .active-frame-wrap{flex-shrink:0;position:relative}
.dp-hero .active-frame-wrap > .dp-ava{box-shadow:0 0 0 1px var(--b)}
.dp-hero .active-frame-wrap + .dp-namewrap{margin-top:14px}
.dp-namewrap{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:15px}
.dp-name{font-family:var(--fd);font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--tx);line-height:1.1;word-break:break-word}
.dp-user{font-size:13px;color:var(--acc);font-weight:500;margin-top:8px;word-break:break-all}
.dp-bio{font-size:12.5px;color:var(--tx2);line-height:1.55;margin-top:10px;max-width:290px}
.dp-bio.empty{color:var(--tx3);font-style:italic}
.dp-reach{font-size:12.5px;color:var(--tx2);margin-top:12px}
.dp-reach b{font-family:var(--fd);font-weight:600;color:var(--tx)}
.dp-reach .sep{color:var(--tx3);margin:0 7px}
/* Cápsula de nivel — clon del perfil (único elemento con relieve) */
.dp-namewrap .lvl-capsule{position:relative;display:inline-flex;align-items:center;gap:5px;padding:2px 7px 2px 3px;border-radius:8px;flex-shrink:0;background:linear-gradient(180deg,var(--c1),var(--c2));border:1px solid var(--cbd);box-shadow:0 2px var(--cgl,14px) 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}
.dp-namewrap .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}
.dp-namewrap .lvl-capsule::after{content:"";position:absolute;inset:1.5px;border-radius:6px;border:1px solid var(--cln,transparent);pointer-events:none;z-index:0}
.dp-namewrap .lvl-capsule .ins{width:18px;height:18px;flex-shrink:0;position:relative;z-index:1;border-radius:5px;display:block}
.dp-namewrap .lvl-capsule .lv{position:relative;z-index:1;font-size:13.5px;font-weight:800}
.dp-namewrap .lvl-capsule.cap-b1{--c1:#3a3350;--c2:#4a4166;--cbd:rgba(150,135,180,.32);--cgl:8px;--cga:.12;--cln:transparent}
.dp-namewrap .lvl-capsule.cap-b2{--c1:#402c62;--c2:#563a86;--cbd:rgba(160,120,220,.4);--cgl:12px;--cga:.24;--cln:rgba(255,255,255,.14)}
.dp-namewrap .lvl-capsule.cap-b3{--c1:#4E148C;--c2:#7A1FD2;--cbd:rgba(180,92,255,.6);--cgl:16px;--cga:.42;--cln:rgba(255,255,255,.32)}
.dp-namewrap .lvl-capsule.cap-b4{--c1:#560CA0;--c2:#8A1FEB;--cbd:rgba(190,110,255,.7);--cgl:18px;--cga:.5;--cln:rgba(255,255,255,.36)}
.dp-namewrap .lvl-capsule.cap-b5{--c1:#6410BE;--c2:#9A2BFF;--cbd:rgba(205,135,255,.8);--cgl:20px;--cga:.58;--cln:rgba(255,255,255,.42)}
.dp-namewrap .lvl-capsule.cap-b6{--c1:#7A0FD8;--c2:#B03DFF;--cbd:rgba(225,165,255,.9);--cgl:24px;--cga:.68;--cln:rgba(255,255,255,.5)}
/* Plan PRO mini-cápsula (solo Pro) */
.dp-plan{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;height:24px;box-sizing:border-box;padding:0 9px;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}
.dp-plan.free{display:none}
.dp-plan::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}
.dp-plan::after{content:"";position:absolute;inset:1.5px;border-radius:6px;border:1px solid rgba(255,240,200,.3);pointer-events:none;z-index:0}
.dp-plan svg{width:13px;height:13px;position:relative;z-index:1;flex-shrink:0}
.dp-plan .dp-pc-tx{position:relative;z-index:1;font-size:11.5px;font-weight:800;letter-spacing:.04em}
/* Prestigio: insignia + barra + recargar (idéntico al perfil) */
.dp-prestige{display:flex;align-items:center;gap:13px;width:100%;margin-top:16px;padding-top:16px;border-top:1px solid var(--b)}
.dp-insignia{width:38px;height:38px;flex-shrink:0;border-radius:9px;object-fit:contain}
.dp-prog-wrap{flex:1;min-width:0;text-align:left}
.dp-prog-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.dp-lvl{font-family:var(--fd);font-size:13px;font-weight:600;color:var(--coin2)}
.dp-lvl b{font-weight:700}
.dp-next{font-size:10.5px;color:var(--tx3);text-align:right}
.dp-next b{color:var(--tx2);font-weight:600}
.dp-prog{height:4px;border-radius:2px;background:var(--sf2);overflow:hidden}
.dp-prog i{display:block;height:100%;border-radius:2px;background:var(--coin);width:0;transition:width .8s cubic-bezier(.4,0,.2,1)}
.dp-balance{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:11px;border-radius:11px;background:var(--coin3);border:1px solid rgba(245,200,66,.24)}
.dp-bal-coin{display:flex;flex-shrink:0;filter:drop-shadow(0 1px 4px rgba(245,180,40,.35))}
.dp-bal-val{font-family:var(--fd);font-size:18px;font-weight:800;color:var(--coin2);line-height:1}
.dp-lvl.nolvl{color:var(--tx3);font-weight:600}
/* Fila de plan */
.dp-planrow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;width:100%;margin-top:14px;padding-top:14px;border-top:1px solid var(--b)}
.dp-plan-label{font-size:12px;color:var(--tx2)}
.dp-plan-label b{font-family:var(--fd);font-weight:600;color:var(--tx)}
.dp-plan-cta{display:inline-flex;align-items:center;gap:5px;font-family:var(--fb);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 13px;border-radius:8px;cursor:pointer;transition:.15s;box-shadow:0 2px 12px rgba(200,150,50,.22)}
.dp-plan-cta:hover{filter:brightness(1.07)}
.dp-plan-cta.pro{color:var(--coin2);background:none;border-color:rgba(200,162,78,.3);box-shadow:none;font-weight:600}
/* ── Galería: vitrina de reconocimiento ── */
.dp-cap{font-size:10px;color:var(--tx3);margin-top:2px;letter-spacing:.02em}
.dgal-progress{display:inline-flex;align-items:center;font-family:var(--fd);font-size:11px;font-weight:800;color:var(--tx2);background:rgba(255,255,255,.05);border:1px solid var(--b2);padding:4px 10px;border-radius:8px;flex-shrink:0}
.dgal-progress b{color:var(--coin2)}
.dgal-wrap{position:relative;border-radius:14px}
.dgal-wrap::before{content:"";position:absolute;inset:-6px;z-index:0;pointer-events:none;border-radius:16px;background:radial-gradient(135% 105% at 100% -6%,rgba(255,214,150,.12),rgba(255,214,150,.04) 32%,transparent 58%)}
.dgal{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.dgal-item{position:relative;display:flex;flex-direction:column;height:146px;border-radius:14px;overflow:hidden;background:#12121c;border:1px solid var(--b2);box-shadow:0 6px 16px rgba(0,0,0,.4);transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,border-color .22s}
.dgal-item::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(78% 55% at 80% 6%,rgba(255,255,255,.08),transparent 60%)}
/* zona superior: regalo + nombre del regalo (se apoya en el podio) */
.dgal-top{flex:1;position:relative;z-index:2;padding:11px 6px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:0}
.dgal-glow{position:absolute;left:50%;top:40%;width:122%;height:86%;transform:translate(-50%,-50%);filter:blur(16px);z-index:0;pointer-events:none;opacity:.9}
.dgal-img{position:relative;z-index:2;width:100%;max-width:92px;height:74px;object-fit:contain;filter:drop-shadow(0 10px 9px rgba(0,0,0,.62));transition:transform .22s cubic-bezier(.2,.7,.2,1)}
.dgal-name{position:relative;z-index:2;font-family:var(--fd);font-size:10.5px;font-weight:700;line-height:1.1;text-align:center;color:#f2f0fa;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}
/* podio 3D: bloque con cara superior + cantos que se difuminan + cara frontal */
.dgal-pod{position:relative;z-index:2;height:43px;flex-shrink:0}
.dgal-ptop{position:absolute;left:0;right:0;top:0;height:16px;z-index:2;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}
.dgal-ptop::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;filter:blur(.4px)}
.dgal-pface{position:absolute;left:0;right:0;top:15px;bottom:0;z-index:1;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 11px}
.dgal-pface img{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid rgba(0,0,0,.5)}
.dgal-hav{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--acc),var(--red));flex-shrink:0}
.dgal-hn{font-size:10px;font-weight:400;color:#dcdae6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px;letter-spacing:.01em}
.dgal-frac{font-family:var(--fd);font-size:13px;font-weight:700;color:#8a8ba6;letter-spacing:.01em}
.dgal-frac b{color:#e8e6f2;font-weight:800}
/* conquistado: bloque bronce con top iluminado */
.dgal-item.lit .dgal-glow{background:radial-gradient(circle,rgba(255,200,70,.3),transparent 64%)}
.dgal-item.lit .dgal-name{color:#ffe1a0}
.dgal-item.lit .dgal-ptop{background:linear-gradient(180deg,rgba(70,52,30,0) 0%,rgba(120,90,52,.6) 55%,rgba(200,156,96,.92) 100%)}
.dgal-item.lit .dgal-ptop::after{background:linear-gradient(90deg,rgba(210,168,110,0),rgba(255,214,150,.85) 22%,rgba(255,214,150,.85) 78%,rgba(210,168,110,0))}
.dgal-item.lit .dgal-pface{background:radial-gradient(95% 130% at 50% -6%,rgba(150,112,64,.6),rgba(150,112,64,0) 62%),radial-gradient(135% 120% at 50% 20%,rgba(0,0,0,0) 38%,rgba(0,0,0,.72) 100%),linear-gradient(180deg,rgba(78,58,34,.72) 0%,rgba(44,32,18,.6) 55%,rgba(16,12,8,.5) 100%)}
.dgal-item.lit .dgal-hn{color:#e8e2d4}
/* bloqueado: bloque neutro apagado, fracción centrada */
.dgal-item.dim .dgal-glow{background:radial-gradient(circle,rgba(130,140,180,.13),transparent 64%)}
.dgal-item.dim .dgal-name{color:#9a9ab5}
.dgal-item.dim .dgal-img{filter:saturate(.06) brightness(.5) drop-shadow(0 10px 9px rgba(0,0,0,.62))}
.dgal-item.dim .dgal-ptop{background:linear-gradient(180deg,rgba(40,42,58,0) 0%,rgba(46,48,64,.5) 55%,rgba(90,94,120,.7) 100%)}
.dgal-item.dim .dgal-ptop::after{background:linear-gradient(90deg,rgba(150,155,180,0),rgba(180,186,210,.6) 22%,rgba(180,186,210,.6) 78%,rgba(150,155,180,0))}
.dgal-item.dim .dgal-pface{justify-content:center;background:radial-gradient(95% 130% at 50% -6%,rgba(70,74,96,.5),rgba(70,74,96,0) 62%),radial-gradient(135% 120% at 50% 20%,rgba(0,0,0,0) 38%,rgba(0,0,0,.68) 100%),linear-gradient(180deg,rgba(30,32,44,.7) 0%,rgba(16,17,26,.6) 55%,rgba(9,9,14,.5) 100%)}
.dgal-item:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18);box-shadow:0 12px 26px rgba(0,0,0,.45)}
.dgal-item:hover .dgal-img{transform:scale(1.04)}
/* Galería en el perfil de usuario — misma caja 3D + botón enviar */
.gallery-slot.dgal-item{height:auto;background:#12121c}
.gallery-slot .dgal-top{flex:0 0 auto;padding:15px 8px 9px}
.gallery-slot .dgal-img{max-width:98px;height:84px}
.gallery-slot .dgal-name{font-size:11px}
.gallery-slot .dgal-pod{height:44px}
.gallery-slot .dgal-send{margin:9px 9px 10px;background:rgba(124,92,255,.2);border:1px solid rgba(124,92,255,.4);border-radius:8px;padding:7px 4px;font-size:10.5px;font-weight:700;color:#c4b5fd;cursor:pointer;transition:background .15s;position:relative;z-index:2}
.gallery-slot .dgal-send:hover{background:rgba(124,92,255,.35)}
/* ── Resumen: panel analítico ── */
.dp-metrics{display:flex;flex-direction:column;gap:0}
.dp-metric{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;border-bottom:1px solid var(--b)}
.dp-metric:last-child{border-bottom:0}
.dp-m-lbl{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--tx3)}
.dp-m-val{font-family:var(--fd);font-size:17px;font-weight:800;color:var(--tx);line-height:1}
.dp-m-val.coin{color:var(--coin2)}
.dp-m-val.acc{color:#c4b5ff}