/* CAMBIO 12: capa visual localizada en el Valle de las Sílabas. */
#pantallaSilabasV1 #svGuia:disabled{opacity:.85!important;cursor:not-allowed!important;background:#e7e0ec!important;color:#5e5470!important;border-color:#b9a9c7!important;font-size:21px!important;line-height:1!important;}
#pantallaSilabasV1 .sv-dialogo{position:relative!important;overflow-y:auto!important;overflow-x:hidden!important;max-height:calc(100dvh - 20px)!important;box-sizing:border-box!important;}
#pantallaSilabasV1 .sv-ayuda-marco{position:relative!important;padding-top:3px!important;}
#pantallaSilabasV1 .sv-cerrar-ayuda{position:absolute!important;top:-12px!important;right:-12px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;background:#6c4c80!important;color:white!important;border:2px solid #503b63!important;border-radius:50%!important;display:grid!important;place-items:center!important;font:700 29px/1 Arial,sans-serif!important;z-index:5!important;cursor:pointer!important;}
#pantallaSilabasV1 .sv-cerrar-ayuda:hover,#pantallaSilabasV1 .sv-cerrar-ayuda:focus-visible{background:#4e3266!important;outline:3px solid #dac6f1!important;outline-offset:2px!important;}
#pantallaSilabasV1 .sv-ayuda-marco>h2{padding-right:46px!important;}
#pantallaSilabasV1 .sv-ayuda-acciones{justify-content:flex-start!important;}
#pantallaSilabasV1 .sv-saldo-pistas{display:block!important;font-size:12px!important;line-height:1.3!important;color:#536d43!important;}
#pantallaSilabasV1 #svPista:disabled{opacity:.6!important;cursor:not-allowed!important;}
#pantallaSilabasV1 .sv-opciones-expertas{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
#pantallaSilabasV1 .sv-opciones-expertas .sv-opcion{font-size:clamp(14px,1.5vw,18px)!important;line-height:1.3!important;text-align:left!important;padding:10px 12px!important;min-height:52px!important;overflow-wrap:anywhere!important;}
#pantallaSilabasV1 .sv-doble-grupo{min-width:0!important;width:100%!important;margin:0!important;padding:8px 12px!important;border:1px solid #cebedd!important;border-radius:12px!important;}
#pantallaSilabasV1 .sv-doble-grupo legend{font-size:13px!important;font-weight:700!important;color:#674582!important;}
#pantallaSilabasV1[data-modo=desafio] .sv-doble-grupo .sv-opciones.sv-opciones-dobles{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
#pantallaSilabasV1 .sv-opciones-dobles .sv-opcion{min-height:44px!important;font-size:16px!important;padding:5px!important;}
#pantallaSilabasV1[data-modo=desafio] .sv-tablero{gap:7px!important;justify-content:center!important;}
#pantallaSilabasV1[data-modo=desafio] .sv-instruccion{font-size:13px!important;line-height:1.3!important;text-align:center!important;}
@media(max-width:700px){
 #pantallaSilabasV1 .sv-opciones-expertas{gap:6px!important;}
 #pantallaSilabasV1 .sv-opciones-expertas .sv-opcion{font-size:13px!important;padding:6px!important;min-height:44px!important;}
 #pantallaSilabasV1 .sv-doble-grupo{padding:4px 6px!important;}
 #pantallaSilabasV1 .sv-opciones-dobles{gap:4px!important;}
 #pantallaSilabasV1 .sv-opciones-dobles .sv-opcion{font-size:13px!important;min-height:40px!important;}
 #pantallaSilabasV1 .sv-cerrar-ayuda{right:-5px!important;top:-8px!important;}
 #pantallaSilabasV1 .sv-ayuda-tema{font-size:12px!important;line-height:1.15!important;}
}
@media(max-height:480px) and (min-width:600px){
 #pantallaSilabasV1 .sv-dialogo{max-height:calc(100dvh - 12px)!important;padding:10px!important;}
 #pantallaSilabasV1 .sv-ayuda-panel{min-height:105px!important;height:auto!important;}
 #pantallaSilabasV1[data-modo=desafio] .sv-instruccion{display:none!important;}
 #pantallaSilabasV1 .sv-opciones-expertas .sv-opcion{font-size:12px!important;min-height:38px!important;padding:4px 6px!important;}
 #pantallaSilabasV1[data-modo=desafio] .sv-tablero-doble{justify-content:flex-start!important;align-items:stretch!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;gap:2px!important;padding:2px 4px!important;}
 #pantallaSilabasV1[data-modo=desafio] .sv-tablero-doble .sv-palabra{font-size:20px!important;line-height:1.05!important;letter-spacing:0!important;text-align:center!important;}
 #pantallaSilabasV1 .sv-doble-grupo{padding:0 4px!important;min-height:auto!important;}
 #pantallaSilabasV1 .sv-doble-grupo legend{font-size:11px!important;line-height:1!important;}
 #pantallaSilabasV1[data-modo=desafio] .sv-doble-grupo .sv-opciones.sv-opciones-dobles{gap:3px!important;}
 #pantallaSilabasV1 .sv-opciones-dobles .sv-opcion{min-height:34px!important;font-size:12px!important;padding:2px!important;}
}

/* CAMBIO 17 · MINIJEFES EXPERTOS: legibilidad con reloj en móvil horizontal. */
@media (max-height:450px) and (min-width:600px){
 #pantallaSilabasV1.sv-con-tiempo[data-modo=desafio] .sv-cuerpo{padding:5px 8px!important;grid-template-rows:46px minmax(0,1fr)!important;gap:3px!important;}
 #pantallaSilabasV1.sv-con-tiempo[data-modo=desafio] .sv-titulo{grid-template-rows:10px minmax(0,1fr) 11px!important;}
 #pantallaSilabasV1.sv-con-tiempo[data-modo=desafio] .sv-titulo h1{font-size:18px!important;line-height:1!important;}
 #pantallaSilabasV1.sv-con-tiempo[data-modo=desafio] .sv-zona{gap:7px!important;grid-template-columns:minmax(150px,.82fr) minmax(0,1.58fr)!important;overflow:hidden!important;}
 #pantallaSilabasV1.sv-con-tiempo[data-modo=desafio] .sv-contexto{min-height:0!important;height:100%!important;padding:2px 6px 2px 0!important;overflow-y:auto!important;overflow-x:hidden!important;justify-content:flex-start!important;align-items:center!important;gap:2px!important;}
 #pantallaSilabasV1.sv-con-tiempo[data-modo=desafio] .sv-consigna{font-size:15px!important;line-height:1.14!important;}
 #pantallaSilabasV1.sv-con-tiempo[data-modo=desafio] .sv-pistas{font-size:11px!important;line-height:1.13!important;margin:1px 0!important;}
 #pantallaSilabasV1.sv-con-tiempo[data-modo=desafio] .sv-tablero{min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;gap:2px!important;}
 #pantallaSilabasV1.sv-con-tiempo[data-modo=desafio] .sv-opciones-expertas{gap:3px!important;}
 #pantallaSilabasV1.sv-con-tiempo[data-modo=desafio] .sv-opciones-expertas .sv-opcion{min-height:34px!important;font-size:11px!important;padding:3px 5px!important;line-height:1.13!important;}
}
@media (max-height:450px) and (min-width:600px){
 #pantallaSilabasV1.sv-con-tiempo[data-modo=desafio] .sv-tablero{justify-content:flex-start!important;align-items:stretch!important;overscroll-behavior:contain!important;}
 #pantallaSilabasV1.sv-con-tiempo[data-modo=desafio] .sv-opciones-expertas{flex-shrink:0!important;}
}


@layer silabasPiloto {
/* CAMBIO 18 · lectura completa de las DOS partes y de los retos del guardián. */
#pantallaSilabasV1[data-modo=desafio] .sv-actividad .sv-zona{
  min-height:0!important;min-width:0!important;overflow:hidden!important;
}
#pantallaSilabasV1[data-modo=desafio] .sv-actividad .sv-contexto{
  min-height:0!important;min-width:0!important;overflow-y:auto!important;overflow-x:hidden!important;
}
#pantallaSilabasV1[data-modo=desafio] .sv-actividad .sv-tablero{
  min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain!important;scrollbar-width:thin!important;
}
#pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-tablero-doble{
  align-self:stretch!important;display:flex!important;flex-direction:column!important;
  justify-content:flex-start!important;align-items:stretch!important;
  gap:9px!important;padding:6px 8px 12px!important;
}
#pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-doble-grupo{
  flex:0 0 auto!important;max-width:100%!important;padding:10px!important;
}
#pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-opciones-dobles{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
}
#pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-opciones-dobles .sv-opcion{
  min-height:40px!important;line-height:1.15!important;padding:6px 5px!important;
}
#pantallaSilabasV1[data-modo=desafio] .sv-palabra-analisis{
  display:block!important;max-width:100%!important;text-align:center!important;
  font-size:clamp(22px,2.4vw,33px)!important;line-height:1.15!important;
  color:#4d3560!important;letter-spacing:.01em!important;overflow-wrap:anywhere!important;
}
#pantallaSilabasV1[data-modo=desafio] .sv-palabra-boss{
  font-size:clamp(16px,1.8vw,23px)!important;
}
#pantallaSilabasV1[data-modo=desafio] .sv-con-boss .sv-tablero{
  justify-content:flex-start!important;align-items:stretch!important;padding:7px 5px!important;gap:9px!important;
}
#pantallaSilabasV1[data-modo=desafio] .sv-con-boss .sv-opciones-expertas .sv-opcion{
  overflow-wrap:break-word!important;min-width:0!important;
}
@media(max-width:700px){
  #pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-opciones-dobles{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #pantallaSilabasV1[data-modo=desafio] .sv-palabra-analisis{font-size:21px!important;}
}
@media(max-height:480px) and (min-width:600px){
  #pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-tablero-doble{
    overflow-y:auto!important;max-height:100%!important;align-items:stretch!important;
    justify-content:flex-start!important;gap:6px!important;padding:5px 6px 12px!important;
  }
  #pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-doble-grupo{
    flex:0 0 auto!important;padding:6px!important;
  }
  #pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-opciones-dobles{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;
  }
  #pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-opciones-dobles .sv-opcion{
    min-height:35px!important;font-size:12px!important;padding:3px 2px!important;
  }
  #pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-contexto{
    justify-content:center!important;align-items:center!important;
  }
  #pantallaSilabasV1[data-modo=desafio] .sv-palabra-analisis{font-size:22px!important;}
}

@media(max-height:480px) and (min-width:600px){
  /* En móvil horizontal ambos apartados simultáneamente, sin desplazar el segundo. */
  #pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-tablero-doble{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:minmax(0,1fr)!important;gap:6px!important;
    padding:2px 4px!important;align-items:stretch!important;overflow-y:auto!important;
  }
  #pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-doble-grupo{
    min-width:0!important;max-height:100%!important;padding:2px 4px!important;
  }
  #pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-doble-grupo legend{
    font-size:10px!important;line-height:1!important;
  }
  #pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-opciones-dobles{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important;
  }
  #pantallaSilabasV1[data-modo=desafio] .sv-con-doble .sv-opciones-dobles .sv-opcion{
    min-height:30px!important;font-size:11px!important;padding:2px!important;
  }
}

}