/* V21 — Only user identity and hero, retaining V20 header, crest and flag. */
.topbar .profile-name{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;gap:3px!important;
  min-width:178px!important;max-width:265px!important;
  padding:9px 15px!important;border-radius:13px!important;
  border:1px solid rgba(242,199,96,.8)!important;
  background:linear-gradient(115deg,rgba(2,7,17,.93),rgba(7,27,61,.93) 65%,rgba(16,43,79,.94))!important;
  box-shadow:inset 0 1px rgba(255,231,160,.26),0 5px 16px #0009,0 0 11px #d2a44a20!important;
  text-align:left!important;text-decoration:none!important;
}
.profile-name .holder-label{display:block;font-size:9px!important;color:#e6c779!important;letter-spacing:1.1px}
.profile-name .holder-name{display:block;font-size:clamp(13px,1.22vw,17px)!important;color:#fff!important;
  text-shadow:0 2px 5px #000!important;line-height:1.25}
.profile-name .holder-foot{display:block;font-size:9px!important;color:#d7b65d!important;letter-spacing:.85px}
.topbar .round.avatar{border:2px solid #dfb44c!important;
  box-shadow:0 0 0 3px #06172e,0 0 0 4px #bd914b77,0 3px 12px #000a!important;
  background:linear-gradient(135deg,#020812,#15335a)!important}
.topbar .round.avatar img{object-fit:cover!important}
.v9-hero{
  height:clamp(175px,21vw,250px)!important;min-height:0!important;
  margin-top:13px!important;border-radius:17px!important;
  border:1px solid #b48c40!important;
  background:linear-gradient(90deg,#01081795 0%,#03152d36 24%,#03132942 65%,#020812a6 100%),
  linear-gradient(0deg,#020918df 0%,transparent 52%,#07142644 100%),
  url('./assets/tribuna-cabecera-v9.webp') center 51%/cover no-repeat!important;
  box-shadow:0 0 0 1px #2b51806b,0 12px 28px #0008,inset 0 0 22px #0006!important;
  align-items:center!important;padding:14px 18px!important;
}
.v9-hero-content p{
  font:italic 800 clamp(28px,3.65vw,51px)/1.08 Georgia,serif!important;
  color:#fff9e9!important;letter-spacing:.15px!important;
  text-shadow:0 3px 6px #000,0 0 16px #e6e8f054,0 0 2px #fff!important;
}
.v9-hero-content p span{color:#f8d16a!important;text-shadow:0 3px 5px #000,0 0 16px #c99742aa!important}
.v9-hero-content:after{height:2px!important;width:min(275px,55%)!important;
  background:linear-gradient(90deg,transparent,#e8c36d,transparent)!important;margin:13px auto 0!important}
@media(max-width:760px){
 .topbar .profile-name{min-width:0!important;max-width:118px!important;padding:6px 8px!important}
 .profile-name .holder-label,.profile-name .holder-foot{display:none!important}
 .profile-name .holder-name{font-size:11px!important;max-width:102px!important}
 .v9-hero{height:clamp(170px,35vw,215px)!important;margin-top:9px!important}
 .v9-hero-content p{font-size:clamp(26px,5vw,39px)!important}
}
@media(max-width:420px){.topbar .profile-name{max-width:90px!important}.profile-name .holder-name{max-width:75px!important;font-size:10px!important}}