/* CAMBIO 56.7 — UNA SOLA CAPA DE ACCESIBILIDAD PARA COMUNICACIÓN 01–10.
   Aplica por defecto únicamente en pantallas pequeñas; modo de comparación
   reversible ?qaMovil=off. Respeta las capas de las diez pantallas existentes.
   No se aplica a menús, mapa, jefe final ni paneles que no sean actividad.
   La doble coincidencia :is() aumenta la prioridad ante CSS antiguo con !important,
   sin alterar la semántica ni duplicar reglas por nivel. */
@layer silabasPiloto {
  @media (max-width: 950px), (max-height: 540px) {
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-cuerpo.sv-actividad .sv-opcion,
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-cuerpo.sv-actividad .nv-token,
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-cuerpo.sv-actividad .sv-piezas button,
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-cuerpo.sv-actividad .sv-opciones-dobles .sv-opcion,
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-cuerpo.sv-actividad .sv-opciones-expertas .sv-opcion {
      min-height:44px!important;
      font-size:max(15px,1rem)!important;
      line-height:1.25!important;
      white-space:normal!important;
      overflow-wrap:break-word!important;
      box-sizing:border-box!important;
    }
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-cuerpo.sv-actividad .sv-instruccion,
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-cuerpo.sv-actividad legend {
      font-size:15px!important;
      line-height:1.27!important;
      overflow-wrap:break-word!important;
    }
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-cuerpo.sv-actividad .sv-consigna {
      font-size:max(16px,1rem)!important;
      line-height:1.3!important;
      overflow-wrap:break-word!important;
    }
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-acciones button,
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-cerrar-nivel {
      min-width:44px!important;
      min-height:44px!important;
      height:auto!important;
      box-sizing:border-box!important;
      touch-action:manipulation;
    }
  }
  @media (orientation: landscape) and (max-height: 540px) and (min-width: 600px) {
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-cuerpo.sv-actividad {
      min-height:0!important;
      overflow:hidden!important;
    }
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-cuerpo.sv-actividad .sv-zona {
      min-height:0!important;
      overflow-y:auto!important;
      overflow-x:hidden!important;
      overscroll-behavior:contain!important;
      scroll-padding-bottom:12px!important;
    }
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-cuerpo.sv-actividad .sv-tablero {
      min-height:0!important;
      overflow-y:auto!important;
      overflow-x:hidden!important;
      overscroll-behavior:contain!important;
    }
    html:not([data-qa-movil="off"]) :is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46):is(#pantallaSilabasV1,#pantallaNombresV1,#pantallaCualidadesV36,#pantallaAccionesV37,#pantallaFortalezaV39,#pantallaSignosV41,#pantallaTorreV43,#pantallaBosqueV44,#pantallaPuertoV45,#pantallaBibliotecaV46) .sv-acciones {
      min-height:44px!important;
      height:auto!important;
    }
  }
}