/* HOTFIX MÓVIL FINAL — restaurar botón Comenzar y adaptar configuración */
@media screen and (max-width: 600px) and (orientation: portrait) {
  /* --- Portada --- */
  #pantallaInicio.inicioBosqueFinal .inicioAccionesV1,
  #pantallaInicio.inicioBosqueFinal .inicioAccionesEstable1 {
    left: 50% !important;
    bottom: 8.2% !important;
    width: auto !important;
    transform: translateX(-50%) !important;
    justify-content: center !important;
    z-index: 24 !important;
  }
  #pantallaInicio.inicioBosqueFinal #botonComenzar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: min(74vw, 350px) !important;
    height: min(24vw, 118px) !important;
    min-width: 260px !important;
    min-height: 84px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  #pantallaInicio.inicioBosqueFinal #botonConfiguracionInicioV1 {
    top: calc(env(safe-area-inset-top, 0px) + 1.7%) !important;
    right: 2.9% !important;
    width: min(14vw, 58px) !important;
    height: min(14vw, 58px) !important;
    min-width: 52px !important;
    min-height: 52px !important;
    z-index: 26 !important;
  }

  /* --- Panel de configuración móvil --- */
  #fondoConfiguracionV1 {
    align-items: flex-start !important;
    justify-content: center !important;
    padding: calc(env(safe-area-inset-top, 0px) + 12px) 8px calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
    background: rgba(51, 45, 66, .44) !important;
  }
  .configV39 {
    width: min(96vw, 710px) !important;
    max-width: 710px !important;
    aspect-ratio: 1.70 / 1 !important;
    margin-top: 0 !important;
    filter: drop-shadow(0 10px 18px rgba(28, 14, 10, .25)) !important;
  }
  .configV39__marco {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  .configV39__cerrar {
    top: 7.8% !important;
    right: 7.4% !important;
    width: 10.8% !important;
    height: 15.2% !important;
    min-width: 46px !important;
    min-height: 46px !important;
  }
  .configV39__subtitulo {
    left: 18% !important;
    right: 18% !important;
    top: 20.2% !important;
    gap: 6px !important;
    white-space: nowrap !important;
    font: 700 clamp(8.5px, 1.45vw, 12px)/1.0 Cambria, Georgia, serif !important;
  }
  .configV39__subtitulo::before,
  .configV39__subtitulo::after {
    width: clamp(20px, 3.2vw, 34px) !important;
    height: 6px !important;
    border-top-width: 1.5px !important;
  }
  .configV39__seccion {
    left: 7.6% !important;
    right: 7.6% !important;
  }
  .configV39__volumen { top: 24.6% !important; height: 18.5% !important; }
  .configV39__musica  { top: 44.7% !important; height: 21.0% !important; }
  .configV39__aventura{ top: 66.9% !important; height: 18.4% !important; }
  .configV39__seccionTitulo,
  .configV39__aventura .configV39__seccionTitulo,
  .configV39__musica .configV39__seccionTitulo,
  .configV39__volumen .configV39__seccionTitulo {
    left: 3.5% !important;
    top: 10.6% !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }
  .configV39__filaVolumen {
    top: 34% !important;
    left: 4.3% !important;
    right: 4.3% !important;
    bottom: 16% !important;
    gap: 7px !important;
    grid-template-columns: 34px minmax(0, 1fr) 42px !important;
  }
  .configV39__sound {
    width: 32px !important;
    height: 32px !important;
  }
  .configV39__slider {
    height: 22px !important;
  }
  .configV39__sliderBase { top: 0 !important; }
  .configV39__sliderFill {
    left: 9.9% !important;
    top: 34.2% !important;
    height: 30% !important;
  }
  .configV39__sliderKnob {
    width: 22px !important;
    height: 22px !important;
  }
  .configV39__valorVolumen {
    font-size: 10px !important;
  }
  .configV39__musicGrid,
  .configV39__actionGrid {
    left: 3.2% !important;
    right: 3.2% !important;
    gap: 6px !important;
  }
  .configV39__musicGrid { top: 34.5% !important; bottom: 8.5% !important; }
  .configV39__actionGrid { top: 31.6% !important; bottom: 13.5% !important; }
  .configV39__pista,
  .configV39__action {
    grid-template-columns: 25px minmax(0, 1fr) !important;
    gap: 4px !important;
    padding: 4px 7px 4px 5px !important;
    aspect-ratio: 3.06 / 1 !important;
    border-radius: 14px !important;
  }
  .configV39__pistaIcono,
  .configV39__action > img {
    width: 23px !important;
    height: 23px !important;
    transform: none !important;
  }
  .configV39__pistaNombre,
  .configV39__action span {
    display: block !important;
    font-size: 6.7px !important;
    line-height: 0.96 !important;
    text-align: center !important;
    white-space: normal !important;
    padding: 0 !important;
    transform: none !important;
  }
  .configV39__aviso {
    left: 8.5% !important;
    right: 8.5% !important;
    bottom: 7.2% !important;
    font-size: 6.6px !important;
    line-height: 1.03 !important;
    gap: 4px !important;
    text-align: center !important;
  }
  .configV39__aviso img {
    width: 10px !important;
    height: 10px !important;
  }
}

@media screen and (max-width: 390px) and (orientation: portrait) {
  #pantallaInicio.inicioBosqueFinal #botonComenzar {
    width: 78vw !important;
    height: 25vw !important;
    min-width: 250px !important;
    min-height: 80px !important;
  }
  .configV39__subtitulo { font-size: 8px !important; }
  .configV39__seccionTitulo,
  .configV39__aventura .configV39__seccionTitulo,
  .configV39__musica .configV39__seccionTitulo,
  .configV39__volumen .configV39__seccionTitulo { font-size: 9.3px !important; }
  .configV39__pistaNombre,
  .configV39__action span { font-size: 6.3px !important; }
}