/* HeroStats · revisión visual Atlas 23/07/2026 */
:root{--atlas-readable:14px;--atlas-muted:#9aabb2}

/* Barra comercial: legible sin convertirse en un bloque invasivo */
.hs-upgrade-bar{min-height:92px;padding:18px 20px 18px 22px;gap:30px}
.hs-upgrade-plan{min-width:86px;height:46px;font-size:14px}
.hs-upgrade-bar b{font-size:22px;line-height:1.15}
.hs-upgrade-bar small{margin-top:7px;font-size:15px;line-height:1.4}
.hs-upgrade-bar>a{min-width:210px;min-height:54px;font-size:16px}
.has-hs-upgrade-bar{padding-bottom:122px}
.has-hs-upgrade-bar .hs-betslip-launcher{bottom:132px}

/* Navegación de análisis: escala realmente legible */
.analysis-section-nav a{min-height:52px;padding:0 18px;font-size:14px;font-weight:850}
.analysis-section-nav{min-height:54px}

/* Comparador: elimina el falso cuadro dentro del buscador */
.comparator-heading h2{font-size:25px}
.comparator-heading p:not(.eyebrow){font-size:14px;line-height:1.55}
.comparator-source-state{padding:9px 13px;font-size:12px}
.team-combobox>label{margin-bottom:9px;font-size:12px}
.team-search-control{grid-template-columns:52px minmax(0,1fr);height:58px;min-height:58px;max-height:58px;padding:0 8px;border-radius:12px;box-sizing:border-box;overflow:hidden}
.team-search-control.empty-mark{grid-template-columns:minmax(0,1fr)!important}
.team-search-control.empty-mark .team-mark{display:none!important}
.team-search-control input{height:56px;min-height:0;padding:0 12px;font-size:15px;box-sizing:border-box}
.team-search-control.empty-mark input{padding-left:12px!important}
.team-mark{width:38px;height:38px;margin-left:0;border:0;border-radius:50%;background:#162b34;font-size:12px;box-shadow:none}
.comparator-submit{min-height:58px;padding:0 22px;font-size:14px}
.comparator-versus{align-self:center;font-size:12px}

/* Bloque de acceso FREE */
.account-access-overview>header{padding:22px 24px}
.account-access-overview header small{font-size:12px}
.account-access-overview header h2{font-size:22px}
.account-access-overview header p{font-size:13px;line-height:1.45}
.account-access-overview header>a{padding:11px 15px;font-size:12px}
.account-access-overview>ul{gap:12px;padding:18px 22px}
.account-access-overview li{padding:14px}
.account-access-overview li b{font-size:13px}
.account-access-overview li small{font-size:12px;line-height:1.45}
.account-access-upgrade{margin:0 22px 20px;padding:16px 17px}
.account-access-upgrade b{font-size:13px}.account-access-upgrade span{font-size:12px}
.account-access-upgrade a{padding:11px 16px;font-size:12px}

/* Perfil: estadísticas primero; ajustes secundarios y plegables */
.account-settings-disclosure{margin:18px 0 0;border:1px solid #253b46;border-radius:14px;background:#0b1820;overflow:hidden}
.account-settings-disclosure>summary{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 18px;cursor:pointer;list-style:none;color:#dce6e8;font-size:15px;font-weight:850}
.account-settings-disclosure>summary::-webkit-details-marker{display:none}
.account-settings-disclosure>summary::before{content:'⚙';display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#153029;color:#83df74;font-size:16px}
.account-settings-disclosure>summary::after{content:'Abrir';margin-left:auto;color:#8da0a7;font-size:12px;font-weight:750}
.account-settings-disclosure[open]>summary::after{content:'Cerrar'}
.account-settings-disclosure .account-profile{margin:0;padding:0 18px 18px}
.account-settings-disclosure .account-profile-card{min-height:0}
.account-profile-card h2{font-size:22px}.account-profile-card h3{font-size:16px}
.account-identity p,.account-detail small,.account-method small,.account-settings p,.account-settings label{font-size:13px}
.account-detail b,.account-method b{font-size:15px}
.profile-statistics{margin-top:0}

/* Filtros: corrige la barra de categorías estirada y devuelve una estructura limpia */
.v724-workbench{overflow:hidden!important}
.v724-category-strip{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;align-items:start!important;height:auto!important;min-height:68px!important;overflow:visible!important}
.v724-category-strip button{align-self:start!important;width:100%!important;height:68px!important;min-height:68px!important;max-height:68px!important;padding:8px 6px!important;overflow:hidden!important}
.v724-category-strip button b{font-size:12px!important}
.v724-category-strip button.active{background:linear-gradient(145deg,#277e2a,#3dbb38)!important}
.v724-workbench-head h2,.filter-page h2{font-size:25px!important}
.v724-workbench-head p,.filter-page p{font-size:14px!important;line-height:1.5}
.v724-preset-card b,.v724-market-card b{font-size:15px!important}
.v724-preset-card small,.v724-market-card small{font-size:12px!important;line-height:1.4}

@media(max-width:900px){
  .comparator-pickers{grid-template-columns:1fr;align-items:stretch}.comparator-versus{display:none}.comparator-submit{width:100%}
  .v724-category-strip{display:flex!important;overflow-x:auto!important;min-height:72px!important}.v724-category-strip button{flex:0 0 118px!important}
}
@media(max-width:620px){
  .hs-upgrade-bar{padding:16px;gap:14px}.hs-upgrade-plan{min-width:68px;height:40px;font-size:12px}.hs-upgrade-bar b{font-size:19px}.hs-upgrade-bar small{font-size:14px}.hs-upgrade-bar>a{font-size:16px}
  .analysis-section-nav a{min-height:48px;padding:0 14px;font-size:13px}
  .comparator-heading{display:block}.comparator-source-state{display:inline-block;margin-top:12px}.comparator-heading h2{font-size:22px}.comparator-heading p:not(.eyebrow){font-size:13px}
  .account-access-overview>ul{grid-template-columns:1fr}.account-access-overview header h2{font-size:20px}
}





/* Atlas V2 · eje matemático único para todas las gráficas con línea editable.
   Clases propias para evitar que las reglas históricas de .analysis-bar-* alteren la escala. */
.hs-trend-chart{
  position:relative;
  height:270px;
  border:1px solid #213540;
  border-radius:9px;
  background:#0b1720;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
}
.hs-trend-canvas{
  display:grid;
  grid-template-rows:22px minmax(0,1fr) 50px;
  min-width:max(100%,calc(var(--hs-bar-count,10)*52px));
  height:100%;
  padding:20px 14px 10px;
  box-sizing:border-box;
}
.hs-trend-values,.hs-trend-bars,.hs-trend-labels{
  display:grid;
  grid-template-columns:repeat(var(--hs-bar-count),minmax(44px,1fr));
  gap:8px;
  min-width:0;
}
.hs-trend-values{align-items:center}
.hs-trend-value{min-width:44px;color:#dce4e7;font-size:12px;font-weight:850;text-align:center}
.hs-trend-plot{
  position:relative;
  min-height:0;
  background:linear-gradient(to top,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:100% 25%;
}
.hs-trend-bars{position:absolute;inset:0;align-items:stretch}
.hs-trend-column{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-width:44px;
  height:100%;
  color:inherit;
  text-decoration:none;
}
.hs-trend-bar{
  width:min(32px,72%);
  height:var(--hs-bar-height);
  margin:0 auto;
  border-radius:6px 6px 2px 2px;
  box-shadow:0 5px 12px rgba(0,0,0,.18);
}
.hs-trend-bar.is-hit{--hs-zero-color:#2f8736;background:linear-gradient(180deg,#58c94a,#2f8736)}
.hs-trend-bar.is-miss{--hs-zero-color:#9c3f3d;background:linear-gradient(180deg,#df6a62,#9c3f3d)}
.hs-trend-bar.is-zero{position:relative;height:0;box-shadow:none;background:transparent}
.hs-trend-bar.is-zero::after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px;background:var(--hs-zero-color);content:""}
.hs-trend-reference{
  position:absolute;
  z-index:5;
  right:0;
  bottom:var(--hs-line-bottom);
  left:0;
  height:1px;
  background:#d5ac50;
  pointer-events:none;
  transform:translateY(50%);
}
.hs-trend-reference span{
  position:absolute;
  top:50%;
  left:4px;
  padding:4px 7px;
  border-radius:4px;
  background:#a77c23;
  color:#fff3ca;
  font-size:12px;
  font-weight:900;
  transform:translateY(-50%);
}
.hs-trend-labels{align-content:start;padding-top:6px}
.hs-trend-label{
  display:grid;
  grid-template-rows:18px 18px;
  align-content:start;
  min-width:44px;
  color:inherit;
  text-align:center;
  text-decoration:none;
}
.hs-trend-label time{color:#829098;font-size:12px;white-space:nowrap}
.hs-trend-label small{overflow:hidden;color:#61717a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.hs-trend-column:hover+.hs-trend-label time,.hs-trend-label:hover time{color:#c8e9c1}

/* La gráfica diferencial aparece inmediatamente después del resumen del mercado. */
.analysis-market-overview+.analysis-trend-module{margin-top:14px;padding-top:0;border-top:0}

@media(max-width:560px){
  .hs-trend-chart{height:250px}
  .hs-trend-canvas{grid-template-rows:22px minmax(0,1fr) 50px;padding:18px 12px 8px}
}