/* PARCHE-WEBAPP-HEADER-CLUB-BOTON-REAL-30JUN
   Override final para que el Club no vuelva a verse como texto plano. */
.header{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  grid-template-areas:
    "avatar copy club"
    "actions actions actions" !important;
  align-items:center !important;
}
.header .online,
.header .online-dot{
  display:none !important;
}
#clubHeaderBtn.club-header-btn{
  grid-area:club !important;
  justify-self:end !important;
  align-self:center !important;
  box-sizing:border-box !important;
  display:none !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  min-width:174px !important;
  max-width:min(58vw, 230px) !important;
  min-height:52px !important;
  padding:7px 15px 8px !important;
  border:1px solid rgba(255,255,255,.58) !important;
  border-radius:20px !important;
  color:#07343b !important;
  background:linear-gradient(135deg,#fffbea 0%,#eaffd8 34%,#b9f7d7 68%,#7be4b6 100%) !important;
  box-shadow:0 15px 30px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.50) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-decoration:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
#clubHeaderBtn.club-header-btn.club-visible{
  display:inline-flex !important;
}
#clubHeaderBtn .club-header-main{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:13.2px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.12px !important;
}
#clubHeaderBtn .club-header-soon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:14px !important;
  padding:2px 8px !important;
  border-radius:999px !important;
  color:#0b5c45 !important;
  background:rgba(255,255,255,.58) !important;
  border:1px solid rgba(255,255,255,.65) !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.45px !important;
  text-transform:uppercase !important;
}
.header-action-row{
  grid-area:actions !important;
  width:100% !important;
}
.header-action-row .quote-header-btn{
  width:100% !important;
}
@media (max-width:430px){
  #clubHeaderBtn.club-header-btn{
    min-width:156px !important;
    min-height:48px !important;
    padding-left:11px !important;
    padding-right:11px !important;
    border-radius:18px !important;
  }
  #clubHeaderBtn .club-header-main{font-size:12px !important;}
  #clubHeaderBtn .club-header-soon{font-size:8.2px !important;padding-left:7px !important;padding-right:7px !important;}
}
@media (max-width:360px){
  #clubHeaderBtn.club-header-btn{
    min-width:142px !important;
    min-height:46px !important;
    padding-left:9px !important;
    padding-right:9px !important;
  }
  #clubHeaderBtn .club-header-main{font-size:11px !important;}
  #clubHeaderBtn .club-header-soon{font-size:7.8px !important;}
}