/* Ajuste fuerte final móvil — 11/10/2026
   Pulido visual real para la portada y la introducción vertical. */
@media screen and (max-width: 600px) and (orientation: portrait) {
  /* ---------- PORTADA ---------- */
  #pantallaInicio.inicioBosqueFinal .inicioBosque__creditos {
    top: calc(env(safe-area-inset-top, 0px) + 2.2%) !important;
    left: 4.2% !important;
    width: min(52vw, 250px) !important;
    max-width: 250px !important;
    height: auto !important;
    transform: none !important;
    z-index: 25 !important;
  }
  #pantallaInicio.inicioBosqueFinal .inicioBosque__logo {
    top: 15.4% !important;
    width: min(83vw, 420px) !important;
    height: auto !important;
  }
  #pantallaInicio.inicioBosqueFinal .inicioBosque__lema {
    top: 49.1% !important;
    left: 50% !important;
    width: min(72vw, 340px) !important;
    max-width: 340px !important;
    transform: translateX(-50%) !important;
    z-index: 20 !important;
  }
  #pantallaInicio.inicioBosqueFinal .inicioAccionesV1,
  #pantallaInicio.inicioBosqueFinal .inicioAccionesEstable1 {
    left: 50% !important;
    bottom: 11.1% !important;
    width: auto !important;
    transform: translateX(-50%) !important;
  }
  #pantallaInicio.inicioBosqueFinal #botonComenzar {
    width: min(74vw, 360px) !important;
    height: auto !important;
  }
  #pantallaInicio.inicioBosqueFinal #botonConfiguracionInicioV1 {
    top: calc(env(safe-area-inset-top, 0px) + 2.0%) !important;
    right: 3.6% !important;
    left: auto !important;
    width: min(14.2vw, 60px) !important;
    height: min(14.2vw, 60px) !important;
    transform: none !important;
    z-index: 26 !important;
  }

  /* ---------- CONTENEDOR INTRO ---------- */
  #introduccionV3.introAventuraV6 {
    padding: max(12px, env(safe-area-inset-top)) 8px max(12px, env(safe-area-inset-bottom)) !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(54, 66, 70, 0.36) !important;
  }
  #introduccionV3 .introV6Stage {
    width: min(86vw, 390px) !important;
    max-width: 390px !important;
    aspect-ratio: 971 / 1619 !important;
    height: auto !important;
    max-height: calc(100dvh - 122px) !important;
    margin: 0 auto !important;
    overflow: visible !important;
    filter: drop-shadow(0 12px 22px rgba(20, 12, 8, 0.30)) !important;
  }
  #introduccionV3 .introV6Stage::before,
  #introduccionV3 .introV6Stage::after {
    display: none !important;
    content: none !important;
  }
  #introduccionV3 .introV6Marco {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    z-index: 48 !important;
    pointer-events: none !important;
  }
  #introduccionV3 .introV6Clip,
  #introduccionV3 .introV6Stage[data-escena='dificultad'] .introV6Clip {
    inset: 15.0% 10.6% 10.8% 10.6% !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: rgba(247, 241, 224, 0.72) !important;
    box-shadow: none !important;
  }
  #introduccionV3 .introV6Fondo {
    opacity: 0.82 !important;
  }
  #introduccionV3 .introV6Pergamino {
    opacity: 0.72 !important;
  }
  #introduccionV3 .introV6Cerrar {
    top: 4.4% !important;
    right: 6.2% !important;
    width: 36px !important;
    height: 36px !important;
    z-index: 60 !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.18)) !important;
  }

  /* ---------- COMÚN ESCENAS 1-5 Y 8 ---------- */
  #introduccionV3 .introV6Titulo,
  #introduccionV3 .introV6Stage[data-escena] #introV6Titulo {
    left: 2.4% !important;
    top: 2.3% !important;
    width: 95.2% !important;
    height: 15.4% !important;
    object-fit: contain !important;
    z-index: 12 !important;
  }
  #introduccionV3 .introV6Stage[data-escena='bienvenida'] .introV6Titulo {
    left: -1.2% !important;
    top: 0.8% !important;
    width: 102.4% !important;
    height: 19.4% !important;
  }
  #introduccionV3 .introV6Stage[data-escena] .introV6Pose {
    left: 17.6% !important;
    top: 19.2% !important;
    width: 64.8% !important;
    height: 25.0% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    z-index: 10 !important;
  }
  #introduccionV3 .introV6Panel,
  #introduccionV3 .introV6Stage[data-escena] .introV6Panel {
    left: 2.4% !important;
    top: 49.8% !important;
    width: 95.2% !important;
    height: 22.2% !important;
    object-fit: contain !important;
    transform: none !important;
    z-index: 12 !important;
  }
  #introduccionV3 .introV6Stage[data-escena='bienvenida'] .introV6Panel {
    top: 50.8% !important;
    height: 20.6% !important;
  }
  #introduccionV3 .introV6Stage[data-escena='explora'] .introV6Panel,
  #introduccionV3 .introV6Stage[data-escena='aventura'] .introV6Panel,
  #introduccionV3 .introV6Stage[data-escena='recompensa'] .introV6Panel,
  #introduccionV3 .introV6Stage[data-escena='estilo'] .introV6Panel {
    top: 47.8% !important;
    left: 1.0% !important;
    width: 98% !important;
    height: 27.5% !important;
    transform: scale(1.03) !important;
    transform-origin: center center !important;
  }

  /* ---------- NAVEGACIÓN ---------- */
  #introduccionV3 .introV6Nav,
  #introduccionV3 .introV6Stage[data-escena='dificultad'] .introV6Nav {
    left: 5.4% !important;
    width: 89.2% !important;
    bottom: 7.0% !important;
    height: 7.1% !important;
    z-index: 35 !important;
  }
  #introduccionV3 .introV6NavBtn {
    width: 43.5% !important;
    height: 100% !important;
  }
  #introduccionV3 .introV6Progreso,
  #introduccionV3 .introV6Stage[data-escena='dificultad'] .introV6Progreso {
    left: 16.2% !important;
    width: 67.6% !important;
    bottom: 2.2% !important;
    z-index: 36 !important;
  }
  #introduccionV3 .introV6Punto { width: 8px !important; height: 8px !important; }

  /* ---------- NOMBRE ---------- */
  #introduccionV3 .introV6Stage[data-escena='nombre'] #introV6Titulo {
    left: -1.0% !important;
    top: 1.2% !important;
    width: 102% !important;
    height: 16.4% !important;
  }
  #introduccionV3 .introV6Stage[data-escena='nombre'] .introV6Pose {
    top: 18.8% !important;
    left: 17.4% !important;
    width: 65.2% !important;
    height: 24.8% !important;
  }
  #introduccionV3 .introV6Stage[data-escena='nombre'] .introV6NombrePanel {
    left: 1.4% !important;
    top: 48.8% !important;
    width: 97.2% !important;
    height: 23.2% !important;
    object-fit: contain !important;
  }
  #introduccionV3 .introV6Stage[data-escena='nombre'] .introV6InputNombre {
    left: 14.0% !important;
    top: 59.7% !important;
    width: 72% !important;
    height: 7.1% !important;
    padding: 0 10px !important;
    font-size: 13.5px !important;
    line-height: 1.1 !important;
    text-align: center !important;
    border-radius: 18px !important;
  }
  #introduccionV3 .introV6Stage[data-escena='nombre'] .introV6InputNombre::placeholder {
    font-size: 10.7px !important;
    letter-spacing: 0 !important;
  }
  #introduccionV3 .introV6Stage[data-escena='nombre'] .introV6CandadoNombre {
    right: 6.6% !important;
    top: 52.0% !important;
    width: 10.5% !important;
  }

  /* ---------- DIFICULTAD ---------- */
  #introduccionV3 .introV6Stage[data-escena='dificultad'] #introV6Titulo {
    left: 1.0% !important;
    top: 1.8% !important;
    width: 98% !important;
    height: 14.8% !important;
  }
  #introduccionV3 .introV6Stage[data-escena='dificultad'] .introV6DificultadWrap {
    left: 4.0% !important;
    top: 16.4% !important;
    width: 92% !important;
    height: 61.8% !important;
  }
  #introduccionV3 .introV6Stage[data-escena='dificultad'] .introV6DifBtn {
    left: 22% !important;
    width: 56% !important;
    height: 27.6% !important;
  }
  #introduccionV3 .introV6Stage[data-escena='dificultad'] .introV6DifApoyo { top: 0 !important; }
  #introduccionV3 .introV6Stage[data-escena='dificultad'] .introV6DifAventura { top: 33.2% !important; }
  #introduccionV3 .introV6Stage[data-escena='dificultad'] .introV6DifDesafio { top: 66.4% !important; }
  #introduccionV3 .introV6Stage[data-escena='dificultad'] .introV6AvisoDificultad {
    left: 5% !important;
    width: 90% !important;
    bottom: -3.6% !important;
    height: auto !important;
  }

  /* ---------- INICIEMOS ---------- */
  #introduccionV3 .introV6Stage[data-escena='iniciemos'] #introV6Titulo {
    left: 0.8% !important;
    top: 1.6% !important;
    width: 98.4% !important;
    height: 15.6% !important;
  }
  #introduccionV3 .introV6Stage[data-escena='iniciemos'] .introV6Pose {
    top: 18.8% !important;
    left: 17.8% !important;
    width: 64.4% !important;
    height: 24.4% !important;
  }
  #introduccionV3 .introV6Stage[data-escena='iniciemos'] .introV6FinalNombrePanel {
    left: 23.5% !important;
    width: 53% !important;
    top: 48.3% !important;
    height: 9.4% !important;
  }
  #introduccionV3 .introV6Stage[data-escena='iniciemos'] .introV6NombreConfirmado {
    top: 49.7% !important;
    font-size: clamp(13px, 4.1vw, 18px) !important;
  }
  #introduccionV3 .introV6Stage[data-escena='iniciemos'] .introV6Listo {
    left: 14.5% !important;
    width: 71% !important;
    top: 59.0% !important;
    height: 10.2% !important;
  }
}

@media screen and (max-width: 390px) and (orientation: portrait) {
  #pantallaInicio.inicioBosqueFinal .inicioBosque__creditos { width: min(55vw, 240px) !important; }
  #pantallaInicio.inicioBosqueFinal .inicioBosque__lema { width: min(76vw, 320px) !important; }
  #introduccionV3 .introV6Stage { width: min(88vw, 372px) !important; }
  #introduccionV3 .introV6Clip,
  #introduccionV3 .introV6Stage[data-escena='dificultad'] .introV6Clip {
    inset: 15.2% 10.2% 10.8% 10.2% !important;
  }
  #introduccionV3 .introV6Stage[data-escena='nombre'] .introV6InputNombre {
    font-size: 12.8px !important;
  }
}