/* Perfil y accesos rápidos del Inicio. Mantiene la estética de Superficie. */
.profile-zone::before{width:min(900px,80vw);height:240px}
.profile-zone::after{width:min(570px,52vw);height:138px}
.profile-strip{display:block;padding:24px 0 8px}
.profile-head{gap:19px}
.avatar{width:108px;height:108px;flex:0 0 108px}
.profile-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:9px 0 4px}
.profile-title-row h1{margin:0;font-size:30px}
.profile-copy p{margin:0 0 5px;font-size:17px}
.profile-copy>small{font-size:13px;line-height:1.4}
.profile-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;margin-top:12px;padding:0 3px;font-size:12.5px}
.profile-social{display:inline-flex;align-items:center;gap:6px;min-height:34px;color:#3889bc;font-weight:600;line-height:1.2}
a.profile-social:hover{color:#d35f98}
.profile-social.is-inactive{opacity:.72}
.social-icon{display:block;width:18px;height:18px;flex:0 0 18px;object-fit:contain;filter:invert(47%) sepia(35%) saturate(1245%) hue-rotate(161deg) brightness(93%) contrast(86%)}
a.profile-social:hover .social-icon{filter:invert(55%) sepia(44%) saturate(1045%) hue-rotate(294deg) brightness(91%) contrast(83%)}
.about-profile-btn{padding:7px 12px;border:1px solid rgba(76,148,191,.22);border-radius:999px;background:rgba(255,255,255,.62);color:#315f7c;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(36,76,105,.07);white-space:nowrap}
.about-profile-btn:hover,.about-profile-btn:focus-visible{background:rgba(255,255,255,.88);color:#c9568d;outline:none;box-shadow:0 0 0 3px rgba(122,216,248,.18)}

.orbital-nav{gap:18px;padding-top:10px}
.orb-image{width:78px;height:78px}
.orb-image::after,.orb-image i{display:none!important}
.orb small{font-size:13px}
/* Los SVG provisionales contienen rótulos en su parte inferior. En la burbuja se usa
   únicamente su zona visual superior, como recorte de miniatura, para evitar texto duplicado. */
.orb-image img[src*="narusasu.svg"],.orb-image img[src*="fanworks.svg"]{transform:scale(1.8);transform-origin:50% 35%}
.orb:hover .orb-image img[src*="narusasu.svg"],.orb:hover .orb-image img[src*="fanworks.svg"]{transform:scale(1.88);filter:brightness(1.05)}

.surface-about-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(27,60,83,.24);backdrop-filter:blur(7px)}
.surface-about-card{position:relative;width:min(520px,100%);padding:27px 28px;border:1px solid rgba(255,255,255,.92);border-radius:24px;background:rgba(248,252,255,.94);box-shadow:0 24px 70px rgba(35,73,102,.24);text-align:center}
.surface-about-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(126,216,255,.12),transparent 40%,rgba(239,140,188,.12));}
.surface-about-card>*{position:relative}
.surface-about-card h2{margin:0 40px 10px;font-size:26px}
.surface-about-card p{margin:0;color:#668095;line-height:1.6}
.surface-about-close{position:absolute;z-index:2;right:14px;top:14px;width:36px;height:36px;border:1px solid rgba(76,148,191,.18);border-radius:50%;background:rgba(255,255,255,.8);color:#315f7c;font-size:21px;line-height:1;cursor:pointer}
.surface-about-close:hover,.surface-about-close:focus-visible{color:#c9568d;outline:none;box-shadow:0 0 0 3px rgba(122,216,248,.18)}
body.about-modal-open{overflow:hidden}

@media(max-width:650px){
  .profile-zone::before{height:245px}
  .profile-zone::after{height:128px}
  .profile-strip{padding:15px 0 5px}
  .profile-head{gap:13px}
  .avatar{width:82px;height:82px;flex-basis:82px}
  .profile-title-row{gap:7px;margin:6px 0 4px;flex-wrap:nowrap}
  .profile-title-row h1{font-size:24px;white-space:nowrap}
  .profile-copy p{font-size:14.5px}
  .profile-copy>small{font-size:12px}
  .about-profile-btn{padding:6px 9px;font-size:10.5px}
  .profile-links{width:calc(100% - 95px);flex-wrap:nowrap;justify-content:flex-start;gap:clamp(2px,1.2vw,5px);margin:8px 0 0 95px;padding:0;font-size:11.5px}
  .profile-social{width:clamp(24px,7.6vw,28px);height:32px;min-height:32px;flex:0 0 clamp(24px,7.6vw,28px);justify-content:center;gap:0;padding:0;border-radius:50%}
  .profile-social>span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .social-icon{width:20px;height:20px;flex-basis:20px}
  .orbital-nav{gap:15px 8px;padding-top:12px}
  .orb-image{width:72px;height:72px}
  .surface-about-modal{padding:14px}
  .surface-about-card{padding:25px 20px 22px;border-radius:21px}
  .surface-about-card h2{font-size:23px}
  .surface-about-card p{font-size:13px}
}

@media(max-width:390px){
  .avatar{width:76px;height:76px;flex-basis:76px}
  .profile-title-row h1{font-size:22px}
  .profile-links{width:calc(100% - 89px);margin-left:89px}
  .social-icon{width:19px;height:19px;flex-basis:19px}
  .orb-image{width:68px;height:68px}
}