/* HeroStats V7.2.5 · Correcciones derivadas de la auditoría integral */

/* Los feature flags deben prevalecer sobre reglas de display de navegación. */
[hidden]{display:none!important}

/* Un panel cerrado nunca debe ampliar el documento fuera de pantalla. */
.hs-betslip-drawer[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Los avisos son informativos y nunca deben bloquear controles fijos. */
.toast{pointer-events:none}

/* Tablets estrechas: las siete familias siguen siendo visibles mediante desplazamiento propio. */
@media (min-width:761px) and (max-width:860px){
  html,body{max-width:100%;overflow-x:clip}
  .v724-category-strip{
    display:flex;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }
  .v724-category-strip::-webkit-scrollbar{display:none}
  .v724-category-strip button{
    flex:0 0 122px;
    min-width:0;
    border-right:1px solid #213943;
    scroll-snap-align:start;
  }
}

/* En móvil, las tres entradas del constructor permanecen visibles y la fecha ocupa su propia fila. */
@media (max-width:760px){
  .v724-workbench-head{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }
  .v724-workbench-head nav{
    grid-row:1!important;
    grid-column:1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    max-width:100%;
    overflow:visible!important;
    gap:4px;
  }
  .v724-workbench-head nav button{
    min-width:0;
    min-height:44px!important;
    padding:0 6px!important;
    font-size:12px!important;
    line-height:1.15;
    white-space:normal!important;
  }
  .v724-workbench-head .proposal-anchor-date{
    grid-row:2!important;
    grid-column:1!important;
    display:block;
    width:100%;
    min-width:0!important;
  }
  .v724-workbench-head .proposal-anchor-date input{
    width:100%!important;
    height:44px!important;
    box-sizing:border-box;
    font-size:13px!important;
  }
  .v724-mobile-mode button{min-height:52px}
  .v724-condition-card header nav button{width:36px;height:36px}
  .v724-group-switch button{min-height:44px}
}

/* El usuario pidió lectura cómoda, también en teléfonos pequeños. */
@media (max-width:430px){
  .v724-market-tile b{font-size:13px!important}
  .v724-market-tile small{font-size:12px!important;line-height:1.35}
  .v724-mobile-bottom b{font-size:13px!important}
  .v724-mobile-bottom span{font-size:12px!important}
  .v724-mobile-bottom button,.v724-mobile-bottom button span{font-size:12px!important}
}

/* Controles de evolución de liga cómodos para el dedo. */
@media (max-width:620px){
  .league-evolution-head>div:last-child>span{grid-template-columns:44px minmax(44px,1fr) 44px}
  .league-evolution-head button{min-width:44px;height:44px;font-size:18px}
}

/* El boleto debe quedar por encima de las cabeceras fijas en escritorio y móvil. */
.hs-betslip-backdrop{z-index:990!important}
.hs-betslip-drawer{z-index:1000!important}

/* Los ajustes incrementales también conservan una zona de pulsación cómoda en escritorio. */
.analysis-trend-controls button,
.league-evolution-head button{
  min-width:40px;
  height:40px;
}

/* En filtros móviles, el lanzador no puede quedar debajo de la barra de acciones. */
@media (max-width:760px){
  body:has(.filter-page) .hs-betslip-launcher{
    bottom:calc(85px + env(safe-area-inset-bottom));
  }
}

/* Cierre P1 de accesibilidad: foco visible coherente sobre fondos claros y oscuros. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid #ffcf24!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 2px #10232c!important;
}

/* Los textos funcionales del constructor y del boleto no dependen de microtipografía. */
.v724-condition-card :where(label,output,small),
.v724-slider-head label,
.v724-condition-settings span,
.hs-betslip-drawer :where(label,legend,small,.hs-betslip-note,.hs-selection-status),
.hs-betslip-tabs span,
.hs-history-ticket :where(small,span),
.hs-select-market{
  font-size:max(11px,1em)!important;
  line-height:1.35;
}
.hs-betslip-drawer :where(button,input,select),
.v724-condition-card :where(button,input,select){min-height:40px}
.hs-betslip-selection header>button,
.v724-condition-card header nav button{min-width:40px;min-height:40px}

@media (max-width:760px),(pointer:coarse){
  .hs-betslip-drawer :where(button,input,select),
  .v724-condition-card :where(button,input,select),
  .v724-workbench-head button,
  .proposal-view-switch button{min-height:44px}
  .hs-betslip-selection header>button,
  .v724-condition-card header nav button{min-width:44px;min-height:44px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* Avisos discretos del alcance aprobado para la prueba privada. */
.release-scope-note{
  margin:0 0 14px;
  padding:10px 13px;
  border:1px solid #2d4b3a;
  border-radius:9px;
  background:rgba(44,101,65,.14);
  color:#b8cabe;
  font-size:12px;
  line-height:1.5;
}
.release-unavailable{padding:24px}
.release-unavailable p{margin:0;color:#aab8bd;line-height:1.6}
.release-unavailable a{display:inline-block;margin-top:16px;color:#7ed16d;text-decoration:underline;text-underline-offset:3px}