.npf,.npf *{box-sizing:border-box}.npf{--bg:#050505;--sf:#100d09;--chip:#17120c;--line:#2b2217;--gold:#e8c46c;--peach:#f1c48f;--tx:#f3eadb;--mut:#b2a690;--ring:#8a6a2c;--px:16px;width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);padding:0 0 8px;background:var(--bg);color:var(--tx);font-family:Georgia,Times New Roman,serif;line-height:1.5}.npf a{color:inherit;text-decoration:none}.npf-top{position:relative;margin:0 0 66px}.npf-ban{height:180px;background:radial-gradient(120% 140% at 15% 0%,#3a2c18,#17120c 55%,#0b0905);overflow:hidden;border-bottom:1px solid var(--line)}.npf .npf-ban-img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.npf .npf-av{position:absolute;left:var(--px);bottom:-60px;width:120px;height:120px;max-width:none;flex:none;border-radius:50%;border:4px solid var(--bg);outline:1px solid var(--ring);object-fit:cover;background:var(--chip);box-shadow:0 6px 20px #0000008c}.npf .npf-av-ini{display:flex;align-items:center;justify-content:center;font-size:54px;color:var(--gold);background:linear-gradient(135deg,#2b2217,#100d09);line-height:1}.npf-id{margin:-44px var(--px) 0 calc(var(--px) + 136px);min-width:0;min-height:60px}.npf-id h1{margin:0;padding:0;font-size:30px;font-weight:500;color:var(--gold);overflow-wrap:anywhere;line-height:1.15}.npf-rol{margin:4px 0 0;color:var(--mut);font-size:15px}.npf-acc{margin:6px var(--px) 0}.npf .npf-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 20px;border:1px solid var(--gold);border-radius:99px;background:var(--gold);color:#17120c;font:inherit;font-size:16px;font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none;text-decoration:none}.npf .npf-btn.is-on,.npf .npf-btn-o{background:transparent;color:var(--gold)}.npf .npf-btn:disabled{opacity:.6}.npf .npf-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.npf-bio{margin:22px var(--px) 0;font-size:17px;overflow-wrap:anywhere}.npf-links{list-style:none;margin:16px var(--px) 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.npf-links a{display:inline-flex;align-items:baseline;gap:7px;padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:var(--chip);font-size:14px}.npf-links small{font-size:12.5px;color:var(--mut)}.npf-links a:hover{border-color:var(--gold);color:var(--gold)}.npf-stats{list-style:none;margin:22px var(--px) 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.npf-stats li{background:var(--sf);padding:14px 16px;display:flex;flex-direction:column;gap:2px}.npf-stats b{font-size:26px;font-weight:500;color:var(--gold);line-height:1.1}.npf-stats small{font-size:13px;color:var(--mut)}.npf-h2{margin:30px var(--px) 14px;font-size:20px;font-weight:500;color:var(--peach)}.npf-vacio{margin:18px var(--px);color:var(--mut)}.npf-grid{list-style:none;margin:0;padding:0 var(--px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.npf-grid a{display:flex;flex-direction:column;gap:4px;height:100%}.npf .npf-grid img,.npf-no{width:100%!important;height:auto!important;max-width:none;aspect-ratio:3/4.3;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:var(--chip);display:block}.npf-grid a:hover img{border-color:var(--gold)}.npf-grid b{font-size:15px;font-weight:500;margin-top:6px;overflow-wrap:anywhere}.npf-grid small{font-size:12.5px;color:var(--mut)}@media(min-width:700px){.npf{--px:0px;width:auto;max-width:980px;margin:0 auto;padding:0 24px 48px}.npf-ban{height:210px;border:1px solid var(--line);border-radius:18px}.npf-top{margin-bottom:68px}.npf .npf-av{left:24px;bottom:-64px;width:132px;height:132px}.npf-id{margin:-44px 0 0 180px;min-height:64px}.npf-id h1{font-size:32px}.npf-acc{max-width:260px}.npf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}


/* Perfil público: estructura adaptable sin modificar con JavaScript los contenedores del tema */
.npf{overflow-x:clip}
.npf-ban{position:relative;background-color:var(--chip);background-image:radial-gradient(110% 140% at 15% 0%,#3a2c18,#17120c 58%,#0b0905)}
.npf .npf-ban-img{object-position:center 40%}
.npf-top{overflow:visible}
.npf .npf-av{z-index:1}
.npf-id h1{letter-spacing:-.025em}
.npf-rol{overflow-wrap:anywhere}
.npf-acc{min-width:0}
.npf-estado{margin:8px 2px 0;color:var(--mut);font-size:13px;line-height:1.4}
.npf-estado.is-error{color:#e9a49b}
.npf .npf-acc .npf-btn{max-width:100%;transition:filter .15s,transform .15s}
.npf .npf-acc .npf-btn:hover{filter:brightness(1.06)}
.npf .npf-acc .npf-btn:active{transform:translateY(1px)}
.npf .npf-acc .npf-btn:focus-visible,.npf-links a:focus-visible,.npf-grid a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.npf-stats li{transition:background-color .15s}
.npf-grid li{min-width:0}
.npf-grid a{min-width:0;border-radius:14px}
.npf .npf-grid img,.npf-no{aspect-ratio:3/4.25;transition:border-color .15s,filter .15s}
.npf-grid a:hover img{filter:brightness(1.04)}
.npf-grid b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35}
.npf-grid small{line-height:1.45;overflow-wrap:anywhere}
@media(max-width:699px){
 .npf{--px:16px;width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);padding:0 0 28px}
 .npf-top{margin-bottom:52px}
 .npf-ban{height:clamp(145px,45vw,190px);border-radius:0;border-left:0;border-right:0}
 .npf .npf-av{left:var(--px);bottom:-46px;width:92px;height:92px;border-width:4px}
 .npf .npf-av-ini{font-size:42px}
 .npf-id{margin:0 var(--px);min-height:0}
 .npf-id h1{font-size:clamp(25px,7vw,32px);line-height:1.15}
 .npf-rol{font-size:14px}
 .npf-acc{margin:16px var(--px) 0;max-width:none}
 .npf .npf-acc .npf-btn{min-height:46px}
 .npf-bio{margin:18px var(--px) 0;font-size:15.5px;line-height:1.65}
 .npf-links{margin:14px var(--px) 0;gap:7px}
 .npf-links a{padding:8px 11px;font-size:13px}
 .npf-stats{margin:20px var(--px) 0;border-radius:14px}
 .npf-stats li{padding:13px 12px}
 .npf-stats b{font-size:24px}
 .npf-h2{margin:26px var(--px) 13px;font-size:20px}
 .npf-grid{padding:0 var(--px);gap:12px}
 .npf-grid b{font-size:14px}
 .npf-grid small{font-size:11.5px}
 .npf-vacio{margin:18px var(--px)}
}
@media(min-width:520px) and (max-width:699px){.npf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(min-width:700px){
 .npf-top{margin-bottom:68px}
 .npf .npf-av{width:132px;height:132px}
 .npf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
 .npf-grid b{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.npf .npf-acc .npf-btn,.npf-stats li,.npf .npf-grid img,.npf-no{transition:none}}

.npf-estado[hidden]{display:none!important}