/* CAMBIO 20 — Preguntas legibles sin barra DENTRO del enunciado.
   Conservar el tablero de opciones y sus desplazamientos de seguridad en móviles.
   Esta hoja solo afecta a Desafío del nivel piloto. */
@layer silabasPiloto {
  #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-contexto {
    overflow:visible!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    gap:clamp(4px,.7vh,10px)!important;
    padding:4px 12px 4px 0!important;
    justify-content:center!important;
  }
  #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-consigna {
    font-size:clamp(16px,1.55vw,22px)!important;
    line-height:1.22!important;
    text-wrap:pretty!important;
    overflow-wrap:break-word!important;
  }
  #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-pistas {
    font-size:clamp(13px,1.05vw,16px)!important;
    line-height:1.26!important;
    padding:8px 10px!important;
    gap:4px!important;
  }
  #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-elementos {gap:6px!important;}
  #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-elementos span {
    width:28px!important;height:28px!important;
  }
  #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-palabra-analisis {
    font-size:clamp(17px,1.9vw,24px)!important;
    line-height:1.18!important;
  }
  @media (max-width:700px) {
    #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-contexto {
      gap:5px!important;padding:2px!important;
    }
    #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-consigna {
      font-size:clamp(14px,3.4vw,19px)!important;
      line-height:1.18!important;
    }
    #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-pistas {
      font-size:13px!important;line-height:1.2!important;padding:5px 7px!important;
    }
    #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-elementos span {
      width:23px!important;height:23px!important;
    }
  }
  @media (max-height:480px) and (min-width:600px) {
    #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-contexto {
      overflow:visible!important;height:auto!important;
      gap:2px!important;padding:1px 6px 1px 0!important;
      justify-content:center!important;
    }
    #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-consigna {
      font-size:clamp(12px,1.6vw,16px)!important;line-height:1.12!important;
    }
    #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-pistas {
      font-size:clamp(11px,1.4vw,13px)!important;line-height:1.14!important;
      padding:3px 5px!important;gap:1px!important;
    }
    #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-palabra-analisis {
      font-size:clamp(13px,1.7vw,17px)!important;
    }
    #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-elementos span {
      width:17px!important;height:17px!important;font-size:10px!important;
    }
  }
}