/* Niveles de fotógrafos · LumiFix Studio. Insignias, etiquetas, tooltip, ventana de explicación y panel «Mi nivel». */
.lxl-b,.lxl-chip{--lxc:#8a94a6;position:relative;cursor:pointer;display:inline-flex;align-items:center;vertical-align:middle;-webkit-tap-highlight-color:transparent}
.lxl-t-nuevo,.lxl-t-desarrollo{--lxc:#8a94a6}.lxl-t-bronce{--lxc:#b0703c}.lxl-t-plata{--lxc:#8f9aab}.lxl-t-oro{--lxc:#d4a017}.lxl-t-platino{--lxc:#3f9bb0}.lxl-t-diamante{--lxc:#5f7cf5}
.lxl-b svg,.lxl-chip svg{display:block;flex:none;filter:drop-shadow(0 1px 2px rgba(15,23,42,.22))}
.lxl-s svg{width:22px;height:22px}.lxl-m svg{width:34px;height:34px}.lxl-l svg{width:76px;height:76px}
.lxl-b:focus-visible,.lxl-chip:focus-visible{outline:2px solid var(--lxc);outline-offset:3px;border-radius:99px}
/* Etiqueta de tarjeta */
.lxl-chip{gap:6px;padding:3px 10px 3px 4px;border-radius:99px;background:color-mix(in srgb,var(--lxc) 12%,#fff);border:1px solid color-mix(in srgb,var(--lxc) 38%,transparent);color:#1b2433;font-size:12px;line-height:1;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}
.lxl-chip svg{width:20px;height:20px}.lxl-chip b{font-weight:700;letter-spacing:.01em}
.lxl-chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--lxc) 30%,transparent)}
.lxl-t-nuevo.lxl-chip,.lxl-t-desarrollo.lxl-chip{color:#59627a}
/* Tooltip */
[data-lxl][data-tip]::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,4px);width:max-content;max-width:min(260px,70vw);padding:8px 11px;border-radius:10px;background:#0f1a2b;color:#fff;font:500 12px/1.4 inherit;font-family:inherit;text-align:left;white-space:normal;letter-spacing:0;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:60;box-shadow:0 8px 24px rgba(15,23,42,.28)}
[data-lxl][data-tip]:hover::after,[data-lxl][data-tip]:focus-visible::after{opacity:1;transform:translate(-50%,0)}
@media(hover:none){[data-lxl][data-tip]::after{display:none}}
/* Línea de puntuación */
.lxl-ln{font-size:13px;color:#5b6577}.lxl-ln b{color:#0b1a2e;font-size:14px}.lxl-star{font-style:normal;color:#e0a22a}.lxl-ln em{font-style:normal;color:#8a94a6}
.lxl-stars{display:inline-flex;gap:1px;color:#e3e6eb;font-size:15px}.lxl-stars i{font-style:normal}.lxl-stars i.on{color:#e0a22a}
/* Bloque de perfil */
.lxl-hero{display:flex;gap:14px;align-items:center}.lxl-hero small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7a8498}
.lxl-hero strong{display:block;font-size:22px;line-height:1.15;color:#0b1a2e;margin:1px 0 3px}
/* Ventana */
.lxl-ov{position:fixed;inset:0;z-index:100000;background:rgba(10,18,32,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .2s ease}
.lxl-ov.on{opacity:1}
.lxl-md{position:relative;background:#fff;color:#1b2433;border-radius:22px;width:min(520px,100%);max-height:92vh;overflow:auto;padding:26px 24px 22px;box-shadow:0 30px 80px rgba(10,18,32,.45);transform:translateY(14px) scale(.98);transition:transform .22s cubic-bezier(.2,.8,.2,1);border-top:4px solid var(--lxc)}
.lxl-ov.on .lxl-md{transform:none}
.lxl-x{position:absolute;top:12px;right:14px;width:34px;height:34px;border-radius:50%;border:0;background:#f1f3f7;color:#445;font-size:22px;line-height:1;cursor:pointer}.lxl-x:hover{background:#e6e9f0}
.lxl-mh{display:flex;gap:16px;align-items:center;margin-bottom:14px;padding-right:30px}.lxl-mh small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7a8498}
.lxl-mh h3{margin:2px 0 4px;font-size:24px;color:#0b1a2e}.lxl-mh p{margin:0;font-size:13.5px;line-height:1.5;color:#5b6577}
.lxl-req{background:#f6f8fb;border:1px solid #e6eaf1;border-radius:14px;padding:12px 14px;margin-bottom:12px}.lxl-req b{font-size:13px;color:#0b1a2e}.lxl-req p{margin:3px 0 0;font-size:12.5px;line-height:1.5;color:#5b6577}
.lxl-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.lxl-list li{display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid transparent;transition:background .15s}
.lxl-list li svg{width:32px;height:32px;flex:none}.lxl-list li b{display:block;font-size:14px;color:#0b1a2e}.lxl-list li span{font-size:12.5px;color:#68738a}
.lxl-list li.cur{background:color-mix(in srgb,var(--lxc) 11%,#fff);border-color:color-mix(in srgb,var(--lxc) 40%,transparent)}
.lxl-fine{margin:0;font-size:12px;line-height:1.5;color:#7a8498}
/* Panel «Mi nivel en LumiFix» */
.lxm{display:grid;gap:18px}
.lxm-top{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.lxm-top h2{margin:0;font-size:30px;color:#0b1a2e;line-height:1.1}.lxm-top small{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#7a8498}
.lxm-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.lxm-kpis span{background:#f3f5f9;border-radius:12px;padding:9px 14px;font-size:12.5px;color:#5b6577}.lxm-kpis b{display:block;font-size:20px;color:#0b1a2e;line-height:1.2}
.lxm-bar{height:12px;border-radius:99px;background:#eceff4;overflow:hidden;margin:10px 0 6px}.lxm-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--lxc),color-mix(in srgb,var(--lxc) 55%,#fff));transition:width 1s cubic-bezier(.2,.8,.2,1)}
.lxm-need{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px}
.lxm-need div{background:#f6f8fb;border:1px solid #e6eaf1;border-radius:14px;padding:12px 14px;font-size:13px;color:#5b6577}.lxm-need div.ok{background:#eaf8f0;border-color:#bfe8d1}.lxm-need b{display:block;font-size:16px;color:#0b1a2e;margin-top:2px}
.lxm-steps{display:flex;gap:6px;flex-wrap:wrap}.lxm-steps .lxl-chip{opacity:.55}.lxm-steps .lxl-chip.cur{opacity:1;box-shadow:0 0 0 2px var(--lxc)}
.lxm-tips{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px;line-height:1.5;color:#3b4558}
.lxm-warn{background:#fff7e6;border:1px solid #f3d9a0;color:#6b4a00;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.5}
.lxm-hist{display:grid;gap:8px}.lxm-hist div{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#3b4558;padding:9px 12px;border-radius:12px;background:#f6f8fb}.lxm-hist em{font-style:normal;color:#8a94a6;font-size:12px;display:block}
.lxm-hist .up{border-left:3px solid #2fa86a}.lxm-hist .down{border-left:3px solid #d9822b}
.lxm-award{display:flex;gap:14px;align-items:center;padding:14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--lxc) 40%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--lxc) 14%,#fff),#fff)}
.lxm-award b{display:block;font-size:15px;color:#0b1a2e}.lxm-award span{font-size:12.5px;color:#5b6577}
@media(max-width:640px){.lxm-top{grid-template-columns:1fr;justify-items:start}.lxl-md{padding:22px 16px 18px;border-radius:20px}.lxl-mh{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.lxl-chip,.lxl-ov,.lxl-md,.lxm-bar i{transition:none}}
/* Posición de la etiqueta dentro de tarjetas */
.lxl-row{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 2px}
.pf-lvl{margin:12px 0 4px}
.pf-pkc .lxl-row{margin:0 0 8px}
.cm-post .nm .lxl-chip{margin-left:6px}
.cm-pro .lxl-chip{margin:4px 0 2px}
.pti-photographer .lxl-row{margin:2px 0 8px}

/* ---- Recompensas por nivel ---- */
.lxr-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0 0}
.lxr-t{position:relative;padding:14px 14px 14px 62px;border-radius:16px;border:1px solid #e3e8f0;background:linear-gradient(180deg,#fff,#f7f9fc);min-height:92px}
.lxr-t small{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#7a8498}
.lxr-t b{display:block;font-size:20px;color:#0b1a2e;margin:3px 0 2px;line-height:1.15}
.lxr-t em{display:block;font-style:normal;font-size:12px;color:#68738a;line-height:1.35}
.lxr-i{position:absolute;left:14px;top:14px;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#eef3fb;color:#2f5fa8}
.lxr-i svg{width:20px;height:20px}
.lxr-t.sto .lxr-i{background:#eaf7f0;color:#1f8f5a}.lxr-t.ads .lxr-i{background:#fff4e0;color:#b9770e}
.lxr-sub{margin:20px 0 10px;font-size:14px;color:#0b1a2e}
.lxr-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.lxr-tabs button{border:1px solid #dfe5ee;background:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;color:#3b4558;cursor:pointer}
.lxr-tabs button.on{background:#0b1a2e;color:#fff;border-color:#0b1a2e}
.lxr-tabs i{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-left:6px;padding:2px 7px;border-radius:999px;background:#d4a017;color:#fff}
.lxr-tw{overflow-x:auto;border:1px solid #e3e8f0;border-radius:14px}
.lxr-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
.lxr-table th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7a8498;padding:10px 14px;background:#f6f8fb;font-weight:600}
.lxr-table td{padding:10px 14px;border-top:1px solid #edf0f5;color:#1d2a3f;vertical-align:middle}
.lxr-table tr.cur td{background:#fffaf0}.lxr-table tr.lock td{color:#8a94a6}
.lxr-you{font-style:normal;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-left:8px;padding:2px 8px;border-radius:999px;background:#0b1a2e;color:#fff}
.lxr-got{font-style:normal;margin-left:8px;color:#1f8f5a;font-weight:700}
.lxr-up{margin:12px 0 0;padding:11px 14px;border-radius:12px;background:#eef6ff;border:1px solid #cfe2f7;color:#1f4468;font-size:13px;line-height:1.45}
.lxr-aw{display:block;margin-top:3px;color:#1f8f5a!important;font-weight:600}
.lxr-cel{margin:14px auto 0;max-width:420px;padding:12px 14px;border-radius:14px;background:#f2faf5;border:1px solid #cfe9da;text-align:left}
.lxr-cel b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#1f8f5a;margin-bottom:6px}
.lxr-cel span{display:block;font-size:13.5px;color:#1d2a3f;padding:3px 0}.lxr-cel span:before{content:"✓ ";color:#1f8f5a;font-weight:700}
@media(max-width:560px){.lxr-t{padding-left:58px}.lxr-table th,.lxr-table td{padding:9px 10px}}

/* Insignia de nivel solo-icono sobre el avatar (zonas públicas): sin nombre, sin tooltip, sin clic */
.lxl-corner{position:absolute;top:-4px;right:-6px;z-index:4;display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #fff,0 1px 5px rgba(15,23,42,.32);pointer-events:none;cursor:default;line-height:0}
.lxl-corner svg{display:block;width:100%;height:100%}
.lxl-corner.lg{top:12px;right:12px;width:42px;height:42px}
.lxl-av{position:relative;display:inline-block;flex:none;line-height:0}
.cm-post .hd .who,.cm-pro .who,.pb-avl{position:relative}
.cm-post .lxl-corner{width:19px;height:19px;top:-3px;right:-5px}
.fi-top .lxl-av .lxl-corner{top:-2px;right:-4px;width:24px;height:24px}