/* AS APP · 14 · MI CUENTA · HERO
   ÚNICO propietario del hero de Mi Cuenta.
   No contiene lógica de campana, vídeo, tema ni navegación. */

html body.as-route-account #as-account-dashboard .asx-account .asx-hero{
  position:relative!important;
  overflow:hidden!important;
  height:370px!important;
  border-radius:var(--as-radius-xl)!important;
  margin:var(--as-space-3) var(--as-space-3) 0!important;
  background:var(--as-surface)!important;
  border:1px solid var(--as-palette-262626)!important;
}
html body.as-route-account #as-account-dashboard .asx-account .asx-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:var(--as-z-content)!important;
  background:
    linear-gradient(90deg,var(--as-palette-rgba-0-0-0-0p92) 0%,var(--as-palette-rgba-0-0-0-0p72) 34%,var(--as-palette-rgba-0-0-0-0p22) 60%,var(--as-palette-rgba-0-0-0-0p05) 100%),
    linear-gradient(0deg,var(--as-palette-070707) 0%,transparent 30%)!important;
}
html body.as-route-account #as-account-dashboard .asx-account .asx-hero>img{
  position:relative!important;
  z-index:var(--as-z-base)!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:60% center!important;
  transform:none!important;
}
html body.as-route-account #as-account-dashboard .asx-account .asx-hero .asx-brand{
  position:absolute!important;
  left:16px!important;
  right:auto!important;
  top:16px!important;
  transform:none!important;
  margin:0!important;
  z-index:var(--as-z-content-raised)!important;
  width:62px!important;
  max-width:62px!important;
  display:block!important;
}
html body.as-route-account #as-account-dashboard .asx-account .asx-hero .asx-brand img{
  display:block!important;
  width:62px!important;
  height:62px!important;
  max-width:62px!important;
  object-fit:cover!important;
  border-radius:17px!important;
  box-shadow:0 8px 22px var(--as-palette-rgba-0-0-0-0p22)!important;
}
html body.as-route-account #as-account-dashboard .asx-account .asx-hero .asx-title{
  position:absolute!important;
  left:16px!important;
  right:auto!important;
  bottom:42px!important;
  z-index:var(--as-z-content-raised)!important;
  transform:none!important;
}
html body.as-route-account #as-account-dashboard .asx-account .asx-hero .asx-title h1{
  margin:0 0 10px!important;
  color:var(--as-white)!important;
  opacity:1!important;
  font-family:var(--as-font-title)!important;
  font-weight:500!important;
  font-size:38px!important;
  line-height:.94!important;
  letter-spacing:-.03em!important;
}
html body.as-route-account #as-account-dashboard .asx-account .asx-hero .asx-title p{
  margin:0!important;
  color:var(--as-gold)!important;
  opacity:1!important;
  font-size:var(--as-size-meta)!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  font-weight:700!important;
}
@media(min-width:431px){
  html body.as-route-account #as-account-dashboard .asx-account .asx-hero .asx-brand{
    left:22px!important;
    top:22px!important;
    width:68px!important;
    max-width:68px!important;
  }
  html body.as-route-account #as-account-dashboard .asx-account .asx-hero .asx-brand img{
    width:68px!important;
    height:68px!important;
    max-width:68px!important;
    border-radius:18px!important;
  }
  html body.as-route-account #as-account-dashboard .asx-account .asx-hero .asx-title{
    left:22px!important;
    bottom:54px!important;
  }
  html body.as-route-account #as-account-dashboard .asx-account .asx-hero .asx-title h1{
    font-size:48px!important;
  }
  html body.as-route-account #as-account-dashboard .asx-account .asx-hero .asx-title p{
    font-size:var(--as-size-body)!important;
  }
}
@media(max-width:430px){
  html body.as-route-account #as-account-dashboard .asx-account .asx-hero{
    height:330px!important;
    border-radius:24px!important;
  }
}