/* Perfil público: identidad, colección y actividad. */
.hse-profile { color:#315878; font:14px/1.5 Arial,Helvetica,sans-serif; }
.hse-profile * { box-sizing:border-box; }
.hse-profile .hse-profile-cover { overflow:hidden; margin-bottom:20px; padding:25px; border:1px solid #fff; border-radius:18px; background:linear-gradient(110deg,#eefaffee,#ffffffdf),url('/img/theme/hse-clouds-soft.png') center / cover; box-shadow:0 5px 18px #178ec61a; }
.hse-profile .hse-profile-identity { display:flex; gap:23px; align-items:center; }
.hse-profile .hse-profile-avatar-stage { position:relative; display:grid; place-items:center; flex:0 0 122px; height:154px; border:2px solid white; border-radius:24px; background:linear-gradient(#8bd9f9,#d8f3ff); box-shadow:0 5px 15px #188dc523,inset 0 0 0 1px #72c4ec55; }
.hse-profile .hse-profile-avatar-stage::after { content:''; position:absolute; width:60px; height:12px; bottom:16px; border-radius:50%; background:#278bbb30; }
.hse-profile .hse-profile-avatar { position:relative; z-index:1; width:80px; height:140px; background-position:center; background-repeat:no-repeat; }
.hse-profile .hse-profile-heading { flex:1; min-width:0; }
.hse-profile .hse-profile-eyebrow { color:#4c8aaa; font-size:10px; letter-spacing:1.6px; font-weight:700; }
.hse-profile h1 { margin:7px 0 8px; color:#165b87; font-size:clamp(25px,3vw,36px); line-height:1.15; letter-spacing:-.8px; overflow-wrap:anywhere; }
.hse-profile .hse-profile-presence { display:inline-flex; align-items:center; gap:6px; color:#8093a1; font-size:11px; }
.hse-profile .hse-profile-presence i { width:7px; height:7px; flex-shrink:0; border-radius:50%; background:#9dadba; }
.hse-profile .hse-profile-presence.is-online { color:#24825c; }
.hse-profile .hse-profile-presence.is-online i { background:#2cbd7d; box-shadow:0 0 0 3px #2cbd7d18; }
.hse-profile .hse-profile-ranks { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.hse-profile .hse-profile-ranks>span { padding:5px 9px; border:1px solid #bbdff4; border-radius:7px; background:#fff; color:#377fa5; font-size:11px; font-weight:700; }
.hse-profile .hse-profile-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:22px 0 0; }
.hse-profile .hse-profile-stats>div { display:flex; flex-direction:column-reverse; padding:16px 18px; border:1px solid #d4eaf8; border-radius:12px; background:#ffffffdc; }
.hse-profile dt { color:#7892a5; font-size:12px; }
.hse-profile dd { margin:0; }
.hse-profile .hse-profile-stats dd { color:#187aa9; font-size:25px; font-weight:700; line-height:1.3; }
.hse-profile .hse-profile-stats>div:first-child dd { color:#c68b13; }
.hse-profile .hse-profile-dates { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin:17px 0 0; padding-top:16px; border-top:1px solid #d1e7f5; }
.hse-profile .hse-profile-dates dd { margin-top:3px; font-size:12px; color:#466d88; }
.hse-profile .hse-profile-panel { margin:0 0 18px; padding:20px; border:1px solid #d6ebf8; border-radius:16px; background:#ffffffeb; box-shadow:0 4px 14px #21648510; }
.hse-profile .hse-profile-section-title { display:flex; align-items:center; gap:9px; margin:0 0 17px; color:#285976; font-size:17px; line-height:1.3; }
.hse-profile .hse-profile-section-title>span { display:inline-flex; align-items:center; justify-content:center; min-width:24px; padding:3px 7px; border-radius:8px; background:#eaf6ff; color:#4a8cad; font-size:11px; }
.hse-profile .hse-profile-empty { display:flex; flex-direction:column; gap:5px; align-items:center; padding:22px 14px; border:1px dashed #c7e1f2; border-radius:11px; background:#f5fbff; text-align:center; color:#7891a4; font-size:12px; }
.hse-profile .hse-profile-empty strong { color:#59809b; font-size:13px; }
.hse-profile .hse-profile-badges { display:grid; grid-template-columns:repeat(auto-fill,minmax(64px,1fr)); gap:10px; }
.hse-profile .hse-profile-badge { height:70px; border:1px solid #d6eaf7; border-radius:12px; background-color:#f4faff; background-position:center; background-repeat:no-repeat; cursor:help; }
.hse-profile .hse-profile-badge:hover { border-color:#46b9f5; background-color:#eaf7ff; }
.hse-theme .hse-profile .lista-amigos { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:10px; padding:0; }
.hse-theme .hse-profile .amigo-card { display:flex; align-items:center; gap:12px; margin:0; padding:12px; border:1px solid #d6eaf7; border-radius:12px; background:linear-gradient(110deg,#f2faff,#fff); box-shadow:none; }
.hse-profile .amigo-avatar { width:48px; height:48px; flex-shrink:0; border-radius:14px; background-color:#dcf2ff; background-position:center; background-repeat:no-repeat; background-size:contain; }
.hse-profile .amigo-info { display:flex; flex-direction:column; gap:5px; min-width:0; }
.hse-theme .hse-profile .amigo-info a { color:#1482bc; font-size:13px; font-weight:700; overflow-wrap:anywhere; text-decoration:none; }
.hse-profile .hse-profile-comments { display:grid; gap:12px; }
.hse-profile .hse-profile-comment { padding:16px; border:1px solid #e1edf6; border-radius:12px; background:linear-gradient(115deg,#f5faff,#fff); }
.hse-profile .hse-profile-comment-date { color:#8a9eae; font-size:10px; }
.hse-profile .hse-profile-comment-date b { font-weight:400; }
.hse-profile .hse-profile-comment-text { margin:8px 0 11px; color:#426680; font-size:13px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.hse-theme .hse-profile .hse-profile-comment-article a { color:#1686be; font-size:12px; text-decoration:none; }
.hse-profile :is(a,.hse-profile-badge):focus-visible { outline:3px solid #299bdd; outline-offset:3px; }
@media(max-width:540px) { .hse-profile .hse-profile-cover { padding:18px; } .hse-profile .hse-profile-identity { gap:14px; } .hse-profile .hse-profile-avatar-stage { flex-basis:88px; height:130px; border-radius:18px; } .hse-profile .hse-profile-avatar { height:120px; } .hse-profile .hse-profile-eyebrow { font-size:8px; letter-spacing:1px; } .hse-profile .hse-profile-panel { padding:16px; } .hse-profile .hse-profile-stats>div { padding:12px; } .hse-profile .hse-profile-dates { grid-template-columns:minmax(0,1fr); gap:10px; } }