/* Cambio 26. Base de preguntas común: Apoyo / Aventura / Desafío.
   La estructura está preparada para componentes futuros de otros cursos. */
@layer silabasPiloto {
  #pantallaSilabasV1 {
    --sv-fondo:#d8ecc9;
    --sv-borde:#90ad82;
    --sv-panel:#fcfbf6;
    --sv-barra:#deedd0;
    --sv-reloj:#bed7b0;
    grid-template-rows:70px minmax(0,1fr) 114px!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:14px clamp(14px,4vw,56px)!important;
    overflow:hidden!important;
    background:var(--sv-fondo)!important;
  }
  #pantallaSilabasV1[data-modo="normal"]{
    --sv-fondo:#fde9b3;--sv-borde:#d0ad65;--sv-panel:#fffaf1;--sv-barra:#fce7b2;--sv-reloj:#efd07d;
  }
  #pantallaSilabasV1[data-modo="desafio"]{
    --sv-fondo:#d8dbe2;--sv-borde:#aa98b7;--sv-panel:#fcfaf9;--sv-barra:#d8d4df;--sv-reloj:#c4bad2;
  }
  #pantallaSilabasV1.sv-con-tiempo,
  #pantallaSilabasV1[data-modo="desafio"].sv-con-tiempo:has(> .sv-pie > .sv-aviso:empty),
  #pantallaSilabasV1[data-modo="desafio"]:not(.sv-con-tiempo):has(> .sv-pie > .sv-aviso:empty){
    grid-template-rows:70px minmax(0,1fr) 114px!important;
  }
  #pantallaSilabasV1 .sv-cabecera{
    display:grid!important;grid-template-columns:minmax(205px,1fr) minmax(0,1.6fr) minmax(50px,1fr)!important;
    gap:12px!important;align-items:center!important;height:70px!important;min-height:70px!important;
  }
  #pantallaSilabasV1 .sv-estado{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;min-width:0!important;}
  #pantallaSilabasV1 .sv-dificultad,
  #pantallaSilabasV1 #svGuia {
    min-width:94px!important;max-width:134px!important;height:46px!important;min-height:46px!important;
    padding:6px 12px!important;display:flex!important;justify-content:center!important;align-items:center!important;
    border:1px solid var(--sv-borde)!important;border-radius:13px!important;
    background:var(--sv-panel)!important;color:#483954!important;font-size:15px!important;line-height:1!important;
  }
  #pantallaSilabasV1 .sv-dificultad{gap:7px!important;white-space:nowrap!important;}
  #pantallaSilabasV1 .sv-dificultad-icono{font-size:20px!important;line-height:1!important;}
  #pantallaSilabasV1 #svGuia:disabled{opacity:.75!important;}
  #pantallaSilabasV1 .sv-marca{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;}
  #pantallaSilabasV1 .sv-marca-curso{font-weight:900!important;font-size:clamp(18px,1.7vw,24px)!important;line-height:1.15!important;white-space:nowrap!important;}
  #pantallaSilabasV1 .sv-marca-nivel{font-size:clamp(21px,2.05vw,30px)!important;font-weight:800!important;line-height:1.12!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  #pantallaSilabasV1 .sv-marca-nivel::before{content:'~ ';}
  #pantallaSilabasV1 .sv-marca-nivel::after{content:' ~';}
  #pantallaSilabasV1 #svSalir{justify-self:end!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:14px!important;padding:0!important;font-size:29px!important;font-weight:700!important;background:var(--sv-panel)!important;border:1px solid var(--sv-borde)!important;}
  #pantallaSilabasV1 .sv-cuerpo{background:var(--sv-panel)!important;border:2px solid var(--sv-borde)!important;box-shadow:0 4px 0 #5e4d5f12!important;}
  #pantallaSilabasV1 .sv-cuerpo.sv-actividad,
  #pantallaSilabasV1[data-modo="desafio"] .sv-actividad,
  #pantallaSilabasV1.sv-con-tiempo[data-modo="desafio"] .sv-actividad {
    grid-template-rows:58px minmax(0,1fr)!important;gap:8px!important;
    padding:14px 16px!important;overflow:hidden!important;
  }
  #pantallaSilabasV1 .sv-titulo{
    display:block!important;width:100%!important;min-width:0!important;
    border-bottom:1px solid #ded7cd!important;padding:0 0 8px!important;
  }
  #pantallaSilabasV1 .sv-titulo-linea{
    display:grid!important;grid-template-columns:minmax(150px,1fr) auto minmax(170px,1fr)!important;
    align-items:center!important;gap:10px!important;width:100%!important;height:42px!important;
  }
  #pantallaSilabasV1 .sv-meta-actividad{justify-self:start!important;text-align:left!important;font-size:clamp(13px,1.12vw,16px)!important;font-weight:800!important;line-height:1.22!important;white-space:nowrap!important;}
  #pantallaSilabasV1 .sv-titulo-reto{justify-self:end!important;text-align:right!important;font-size:clamp(14px,1.3vw,18px)!important;font-weight:800!important;font-style:italic!important;line-height:1.14!important;max-width:100%!important;}
  #pantallaSilabasV1 .sv-avance-cabecera{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;white-space:nowrap!important;}
  #pantallaSilabasV1 .sv-indicador{display:grid!important;place-items:center!important;flex:none!important;width:24px!important;height:24px!important;border-radius:7px!important;background:#ebe4d9!important;color:#5a4c5b!important;font-size:11px!important;font-weight:750!important;}
  #pantallaSilabasV1 .sv-indicador.hecho{background:#91b589!important;color:#143f27!important;}
  #pantallaSilabasV1 .sv-indicador.actual{background:#7a5991!important;color:#fff!important;}
  #pantallaSilabasV1 .sv-zona{min-height:0!important;overflow:hidden!important;grid-template-columns:minmax(230px,.86fr) minmax(0,1.7fr)!important;gap:18px!important;}
  #pantallaSilabasV1 .sv-contexto{min-width:0!important;min-height:0!important;overflow:visible!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:6px 16px 6px 2px!important;}
  #pantallaSilabasV1 .sv-consigna{font-size:clamp(18px,1.65vw,24px)!important;line-height:1.3!important;font-weight:700!important;}
  #pantallaSilabasV1 .sv-palabra-analisis{font-size:clamp(21px,2vw,28px)!important;}
  #pantallaSilabasV1 .sv-tablero{min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:4px!important;gap:9px!important;}
  #pantallaSilabasV1 .sv-opcion{font-size:clamp(16px,1.45vw,22px)!important;min-height:56px!important;padding:12px 14px!important;line-height:1.24!important;}
  #pantallaSilabasV1[data-modo="desafio"] .sv-actividad .sv-opciones-expertas .sv-opcion{font-size:clamp(15px,1.25vw,19px)!important;min-height:56px!important;padding:10px 12px!important;}
  #pantallaSilabasV1 .sv-pie,
  #pantallaSilabasV1[data-modo="desafio"]:has(> .sv-pie > .sv-aviso:empty) > .sv-pie {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:66px 42px!important;gap:6px!important;width:100%!important;min-height:0!important;
  }
  #pantallaSilabasV1 .sv-barra-estado{
    position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;height:66px!important;min-height:66px!important;
    background:var(--sv-panel)!important;border:1px solid var(--sv-borde)!important;border-radius:15px!important;
    padding:7px 12px!important;overflow:hidden!important;
  }
  #pantallaSilabasV1 .sv-aviso,
  #pantallaSilabasV1 .sv-aviso:empty{
    flex:1 1 auto!important;min-width:0!important;max-height:56px!important;min-height:50px!important;height:50px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
    border:0!important;background:transparent!important;padding:5px 7px!important;overflow-y:auto!important;overflow-x:hidden!important;
    text-align:left!important;color:#3c3548!important;
  }
  #pantallaSilabasV1 .sv-aviso.sv-bien,
  #pantallaSilabasV1 .sv-aviso.sv-error{width:100%!important;justify-content:center!important;text-align:center!important;}
  #pantallaSilabasV1 .sv-aviso.sv-bien .sv-explicacion,
  #pantallaSilabasV1 .sv-aviso.sv-error .sv-explicacion{text-align:center!important;}
  #pantallaSilabasV1 .sv-barra-estado:has(.sv-aviso.sv-bien){background:#cfe8c5!important;border-color:#6fa06f!important;border-width:3px!important;}
  #pantallaSilabasV1 .sv-barra-estado:has(.sv-aviso.sv-error){background:#f3c9c2!important;border-color:#c97f7f!important;border-width:3px!important;}
  #pantallaSilabasV1 .sv-aviso.sv-bien,#pantallaSilabasV1 .sv-aviso.sv-error{background:transparent!important;border:0!important;}
  #pantallaSilabasV1 .sv-resultado{font-size:clamp(16px,1.4vw,20px)!important;font-weight:850!important;white-space:nowrap!important;}
  #pantallaSilabasV1 .sv-explicacion{font-size:clamp(13px,1.2vw,16px)!important;line-height:1.25!important;white-space:normal!important;}
  #pantallaSilabasV1 .sv-acompanamiento{justify-content:space-between!important;gap:14px!important;}
  #pantallaSilabasV1 .sv-apoyo-contenido{min-width:0!important;flex:1!important;text-align:left!important;}
  #pantallaSilabasV1 .sv-apoyo-texto{font-size:clamp(14px,1.25vw,17px)!important;}
  #pantallaSilabasV1 .sv-saldo-pistas{font-size:11px!important;}
  #pantallaSilabasV1 .sv-tiempo-panel,
  #pantallaSilabasV1 .sv-tiempo-panel.sv-tiempo-urgente{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    flex:0 0 113px!important;width:113px!important;height:46px!important;min-width:113px!important;
    padding:5px 8px!important;border:1px solid var(--sv-borde)!important;border-radius:12px!important;
    background:var(--sv-reloj)!important;color:#483657!important;box-shadow:none!important;
  }
  #pantallaSilabasV1 .sv-barra-estado:has(.sv-tiempo-panel:not([hidden])) .sv-tiempo-panel{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;}
  #pantallaSilabasV1 .sv-barra-estado:has(.sv-tiempo-panel:not([hidden])) .sv-aviso.sv-bien,
  #pantallaSilabasV1 .sv-barra-estado:has(.sv-tiempo-panel:not([hidden])) .sv-aviso.sv-error{padding-left:125px!important;padding-right:125px!important;}
  #pantallaSilabasV1 .sv-pie:has(.sv-aviso:empty):not(:has(.sv-tiempo-panel:not([hidden]))){grid-template-rows:0 42px!important;gap:0!important;}
#pantallaSilabasV1 .sv-barra-estado:has(.sv-aviso:empty):not(:has(.sv-tiempo-panel:not([hidden]))){display:none!important;}
#pantallaSilabasV1 .sv-tiempo-panel[hidden]{display:none!important;}
  #pantallaSilabasV1 .sv-reloj-icono{font-size:18px!important;line-height:1!important;}
  #pantallaSilabasV1 .sv-tiempo-valor{font:800 25px/1 'Trebuchet MS',sans-serif!important;font-variant-numeric:tabular-nums!important;letter-spacing:.5px!important;}
  #pantallaSilabasV1 .sv-tiempo-panel.sv-tiempo-advertencia{background:#f4dda4!important;border-color:#c49b4c!important;color:#805016!important;}
  #pantallaSilabasV1 .sv-tiempo-panel.sv-tiempo-urgente{background:#efb8b8!important;border-color:#bd5560!important;color:#8e2033!important;}
  #pantallaSilabasV1 .sv-acciones{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;height:42px!important;}
  #pantallaSilabasV1 .sv-acciones .sv-primario,#pantallaSilabasV1 .sv-acciones .sv-secundario{height:42px!important;min-height:42px!important;min-width:132px!important;padding:7px 17px!important;font-size:15px!important;}
  #pantallaSilabasV1 .sv-exp-espera{overflow:auto!important;}
  #pantallaSilabasV1 .sv-resumen{color:#3d3349!important;font-weight:600!important;text-align:center!important;}
#pantallaSilabasV1 .sv-nota{background:#f3edf6!important;border:2px solid #ccb7d8!important;box-shadow:0 2px 0 #e1d4ea!important;color:#3d3349!important;}
#pantallaSilabasV1 .sv-nota strong{color:#342a40!important;}
#pantallaSilabasV1 .sv-exp-resumen{color:#3d3349!important;font-weight:600!important;}
#pantallaSilabasV1 .sv-exp-regla{background:#f6efdf!important;border:2px solid #b08b55!important;border-left-width:6px!important;color:#493720!important;font-weight:600!important;}

  @media(max-width:760px){
    #pantallaSilabasV1,#pantallaSilabasV1.sv-con-tiempo{grid-template-rows:65px minmax(0,1fr) 128px!important;padding:9px!important;gap:8px!important;}
    #pantallaSilabasV1 .sv-cabecera{grid-template-columns:minmax(130px,1fr) minmax(0,1.5fr) 38px!important;gap:6px!important;height:65px!important;min-height:65px!important;}
    #pantallaSilabasV1 .sv-dificultad,#pantallaSilabasV1 #svGuia{height:38px!important;min-height:38px!important;min-width:48px!important;max-width:105px!important;font-size:12px!important;padding:4px!important;}
    #pantallaSilabasV1 .sv-dificultad-icono{font-size:14px!important;}
    #pantallaSilabasV1 .sv-marca-curso{font-size:clamp(12px,2.7vw,16px)!important;}
    #pantallaSilabasV1 .sv-marca-nivel{font-size:clamp(14px,3.1vw,19px)!important;white-space:normal!important;text-align:center!important;}
    #pantallaSilabasV1 #svSalir{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;font-size:23px!important;}
    #pantallaSilabasV1 .sv-cuerpo.sv-actividad,#pantallaSilabasV1[data-modo="desafio"] .sv-actividad{grid-template-rows:86px minmax(0,1fr)!important;padding:10px!important;gap:6px!important;overflow:hidden!important;}
    #pantallaSilabasV1 .sv-titulo-linea{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:4px!important;height:auto!important;}
    #pantallaSilabasV1 .sv-meta-actividad{font-size:12px!important;grid-column:1;grid-row:1;}
    #pantallaSilabasV1 .sv-titulo-reto{font-size:13px!important;grid-column:2;grid-row:1;}
    #pantallaSilabasV1 .sv-avance-cabecera{grid-column:1/-1;grid-row:2;justify-self:center!important;gap:4px!important;}
    #pantallaSilabasV1 .sv-indicador{width:21px!important;height:21px!important;font-size:10px!important;}
    #pantallaSilabasV1 .sv-zona{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important;}
    #pantallaSilabasV1 .sv-contexto{padding:0 4px 8px!important;gap:7px!important;}
    #pantallaSilabasV1 .sv-consigna{font-size:clamp(16px,3.6vw,19px)!important;}
    #pantallaSilabasV1 .sv-opcion{font-size:16px!important;min-height:48px!important;padding:9px!important;}
    #pantallaSilabasV1 .sv-pie{grid-template-rows:78px 44px!important;gap:6px!important;}
    #pantallaSilabasV1 .sv-barra-estado{height:78px!important;min-height:78px!important;padding:6px 8px!important;}
    #pantallaSilabasV1 .sv-aviso{max-height:64px!important;height:64px!important;min-height:64px!important;}
    #pantallaSilabasV1 .sv-tiempo-panel{flex-basis:100px!important;width:100px!important;min-width:100px!important;height:42px!important;}
    #pantallaSilabasV1 .sv-tiempo-valor{font-size:21px!important;}
    #pantallaSilabasV1 .sv-acciones{height:44px!important;}
    #pantallaSilabasV1 .sv-acciones .sv-primario,#pantallaSilabasV1 .sv-acciones .sv-secundario{height:44px!important;min-height:44px!important;}
  }
  @media(max-height:480px) and (min-width:600px){
    #pantallaSilabasV1,#pantallaSilabasV1.sv-con-tiempo{grid-template-rows:44px minmax(0,1fr) 76px!important;padding:5px 10px!important;gap:5px!important;}
    #pantallaSilabasV1 .sv-cabecera{height:44px!important;min-height:44px!important;}
    #pantallaSilabasV1 .sv-dificultad,#pantallaSilabasV1 #svGuia,#pantallaSilabasV1 #svSalir{height:36px!important;min-height:36px!important;}
    #pantallaSilabasV1 .sv-marca-curso{font-size:13px!important;}
    #pantallaSilabasV1 .sv-marca-nivel{font-size:15px!important;}
    #pantallaSilabasV1 .sv-cuerpo.sv-actividad,#pantallaSilabasV1[data-modo="desafio"] .sv-actividad{grid-template-rows:40px minmax(0,1fr)!important;padding:6px!important;gap:4px!important;}
    #pantallaSilabasV1 .sv-titulo{padding-bottom:3px!important;}
    #pantallaSilabasV1 .sv-titulo-linea{grid-template-columns:minmax(90px,1fr) auto minmax(100px,1fr)!important;grid-template-rows:1fr!important;gap:5px!important;}
    #pantallaSilabasV1 .sv-meta-actividad{grid-column:1!important;grid-row:1!important;font-size:10px!important;}
    #pantallaSilabasV1 .sv-avance-cabecera{grid-column:2!important;grid-row:1!important;}
    #pantallaSilabasV1 .sv-titulo-reto{grid-column:3!important;grid-row:1!important;font-size:11px!important;}
    #pantallaSilabasV1 .sv-indicador{width:18px!important;height:18px!important;font-size:9px!important;}
    #pantallaSilabasV1 .sv-zona{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr)!important;grid-template-rows:1fr!important;gap:6px!important;}
    #pantallaSilabasV1 .sv-contexto{border-right:1px solid #e3dacf!important;border-bottom:0!important;padding:1px 6px!important;gap:3px!important;}
    #pantallaSilabasV1 .sv-consigna{font-size:13px!important;line-height:1.1!important;}
    #pantallaSilabasV1 .sv-palabra-analisis{font-size:16px!important;}
    #pantallaSilabasV1 .sv-pistas{font-size:12px!important;padding:3px!important;}
    #pantallaSilabasV1 .sv-opcion{font-size:12px!important;min-height:36px!important;padding:4px!important;}
    #pantallaSilabasV1 .sv-pie{grid-template-rows:40px 32px!important;gap:4px!important;}
    #pantallaSilabasV1 .sv-barra-estado{height:40px!important;min-height:40px!important;padding:2px 7px!important;gap:8px!important;}
    #pantallaSilabasV1 .sv-aviso{height:34px!important;min-height:34px!important;max-height:34px!important;padding:2px!important;}
    #pantallaSilabasV1 .sv-resultado{font-size:13px!important;}
    #pantallaSilabasV1 .sv-explicacion{font-size:11px!important;}
    #pantallaSilabasV1 .sv-tiempo-panel{height:32px!important;flex-basis:95px!important;width:95px!important;min-width:95px!important;}
    #pantallaSilabasV1 .sv-tiempo-valor{font-size:18px!important;}
    #pantallaSilabasV1 .sv-acciones{height:32px!important;}
    #pantallaSilabasV1 .sv-acciones .sv-primario,#pantallaSilabasV1 .sv-acciones .sv-secundario{height:32px!important;min-height:32px!important;font-size:12px!important;padding:4px 12px!important;}
  }
}
@layer silabasPiloto {
  /* Evitar que los mensajes neutros se recorten junto al reloj en móviles. */
  #pantallaSilabasV1 .sv-resultado {white-space:normal!important;overflow-wrap:break-word!important;}
  #pantallaSilabasV1 .sv-resumen{color:#3d3349!important;font-weight:600!important;text-align:center!important;}
#pantallaSilabasV1 .sv-nota{background:#f3edf6!important;border:2px solid #ccb7d8!important;box-shadow:0 2px 0 #e1d4ea!important;color:#3d3349!important;}
#pantallaSilabasV1 .sv-nota strong{color:#342a40!important;}
#pantallaSilabasV1 .sv-exp-resumen{color:#3d3349!important;font-weight:600!important;}
#pantallaSilabasV1 .sv-exp-regla{background:#f6efdf!important;border:2px solid #b08b55!important;border-left-width:6px!important;color:#493720!important;font-weight:600!important;}

  @media(max-width:760px){
    #pantallaSilabasV1 .sv-cabecera{grid-template-columns:149px minmax(0,1fr) 38px!important;}
    #pantallaSilabasV1 .sv-estado{gap:5px!important;}
    #pantallaSilabasV1 .sv-dificultad,#pantallaSilabasV1 #svGuia{width:72px!important;min-width:72px!important;max-width:72px!important;white-space:nowrap!important;}
    #pantallaSilabasV1 .sv-dificultad{gap:3px!important;font-size:11px!important;}
    #pantallaSilabasV1 .sv-dificultad-icono{font-size:12px!important;}
    #pantallaSilabasV1 .sv-marca-curso{font-size:12px!important;}
    #pantallaSilabasV1 .sv-marca-nivel{font-size:15px!important;}
    #pantallaSilabasV1 .sv-aviso .sv-resultado{font-size:14px!important;line-height:1.17!important;}
  }
}