/* CAMBIO 24 — distribución global estable, jerarquía más clara y cabecera compacta. */
@layer silabasPiloto {
#pantallaSilabasV1{grid-template-rows:60px minmax(0,1fr) 134px!important;gap:10px!important;}
#pantallaSilabasV1.sv-con-tiempo{grid-template-rows:60px 56px minmax(0,1fr) 134px!important;}
#pantallaSilabasV1 .sv-ruta{display:none!important;}
#pantallaSilabasV1 .sv-cabecera{grid-template-columns:110px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;}
#pantallaSilabasV1 .sv-marca{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;}
#pantallaSilabasV1 .sv-marca-linea{display:block!important;font-size:clamp(18px,2vw,28px)!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#pantallaSilabasV1 .sv-estado{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:0!important;}
#pantallaSilabasV1 .sv-dificultad{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 14px!important;border-radius:14px!important;border:1px solid #cbb6d8!important;background:#f6edf9!important;color:#51356a!important;font-weight:700!important;white-space:nowrap!important;}
#pantallaSilabasV1 .sv-dificultad[data-modo="apoyo"]{background:#edf5e7!important;border-color:#adc197!important;color:#35542f!important;}
#pantallaSilabasV1 .sv-dificultad[data-modo="normal"]{background:#fff1dc!important;border-color:#d8b97b!important;color:#735329!important;}
#pantallaSilabasV1 .sv-dificultad[data-modo="desafio"]{background:#f5eaf8!important;border-color:#b38ac8!important;color:#552f6c!important;}
#pantallaSilabasV1 .sv-dificultad-icono{font-size:18px!important;line-height:1!important;}
#pantallaSilabasV1 #svGuia{min-width:78px!important;}
#pantallaSilabasV1 .sv-cuerpo{grid-template-rows:104px minmax(0,1fr)!important;padding:18px 22px!important;}
#pantallaSilabasV1 .sv-titulo{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:10px!important;padding-bottom:10px!important;align-items:start!important;}
#pantallaSilabasV1 .sv-titulo-linea{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;width:100%!important;}
#pantallaSilabasV1 .sv-meta-actividad{font-size:clamp(15px,1.25vw,19px)!important;line-height:1.25!important;font-weight:800!important;text-align:left!important;}
#pantallaSilabasV1 .sv-nombre-nivel{font-size:clamp(14px,1.1vw,17px)!important;line-height:1.2!important;color:#6a5873!important;font-weight:700!important;text-align:right!important;}
#pantallaSilabasV1 .sv-titulo h1{font-size:clamp(24px,2.2vw,42px)!important;line-height:1.15!important;align-self:center!important;}
#pantallaSilabasV1 .sv-mecanismos{gap:8px!important;flex-wrap:wrap!important;}
#pantallaSilabasV1 .sv-mecanismos i{width:28px!important;height:28px!important;font-size:12px!important;border-radius:8px!important;}
#pantallaSilabasV1 .sv-mecanismos .actual{background:#77558f!important;color:#fff!important;}
#pantallaSilabasV1 .sv-zona{grid-template-columns:minmax(250px,.8fr) minmax(0,1.55fr)!important;gap:clamp(18px,3vw,40px)!important;}
#pantallaSilabasV1 .sv-contexto{justify-content:center!important;gap:16px!important;padding:8px 18px 8px 0!important;}
#pantallaSilabasV1 .sv-consigna{font-size:clamp(24px,2vw,30px)!important;line-height:1.3!important;font-weight:700!important;}
#pantallaSilabasV1 .sv-palabra-analisis{font-size:clamp(24px,2.2vw,34px)!important;}
#pantallaSilabasV1 .sv-pistas{font-size:19px!important;gap:10px!important;padding:16px!important;}
#pantallaSilabasV1 .sv-elementos{gap:12px!important;}
#pantallaSilabasV1 .sv-elementos span{width:38px!important;height:38px!important;font-size:15px!important;font-weight:700!important;}
#pantallaSilabasV1 .sv-opcion{font-size:24px!important;min-height:68px!important;padding:18px 16px!important;}
#pantallaSilabasV1 .sv-instruccion{font-size:18px!important;}
#pantallaSilabasV1 .sv-pie{grid-template-rows:78px 52px!important;gap:8px!important;}
#pantallaSilabasV1 .sv-aviso{min-height:78px!important;max-height:78px!important;padding:10px 16px!important;align-items:center!important;overflow:auto!important;}
#pantallaSilabasV1 .sv-aviso:empty{min-height:78px!important;padding:0 12px!important;border:1px solid transparent!important;background:transparent!important;}
#pantallaSilabasV1 .sv-resultado{font-size:24px!important;white-space:normal!important;}
#pantallaSilabasV1 .sv-explicacion{font-size:18px!important;line-height:1.3!important;}
#pantallaSilabasV1 .sv-acciones{align-items:center!important;}
#pantallaSilabasV1 .sv-doble-grupo legend{font-size:18px!important;font-weight:800!important;padding:0 8px!important;}
#pantallaSilabasV1 .sv-opciones-dobles .sv-opcion{font-size:22px!important;min-height:60px!important;}
@media(max-width:700px){
  #pantallaSilabasV1{grid-template-rows:52px minmax(0,1fr) 126px!important;padding:12px!important;gap:8px!important;}
  #pantallaSilabasV1.sv-con-tiempo{grid-template-rows:52px 46px minmax(0,1fr) 126px!important;}
  #pantallaSilabasV1 .sv-cabecera{grid-template-columns:86px minmax(0,1fr) auto!important;gap:8px!important;}
  #pantallaSilabasV1 .sv-marca-linea{font-size:18px!important;}
  #pantallaSilabasV1 .sv-estado{gap:6px!important;}
  #pantallaSilabasV1 .sv-dificultad{padding:7px 10px!important;font-size:13px!important;gap:6px!important;}
  #pantallaSilabasV1 #svGuia{min-width:54px!important;padding:8px 10px!important;font-size:13px!important;}
  #pantallaSilabasV1 .sv-cuerpo{grid-template-rows:96px minmax(0,1fr)!important;padding:14px!important;}
  #pantallaSilabasV1 .sv-titulo-linea{gap:8px!important;flex-wrap:wrap!important;}
  #pantallaSilabasV1 .sv-meta-actividad{font-size:14px!important;}
  #pantallaSilabasV1 .sv-nombre-nivel{font-size:13px!important;margin-left:auto!important;}
  #pantallaSilabasV1 .sv-titulo h1{font-size:20px!important;}
  #pantallaSilabasV1 .sv-zona{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:10px!important;}
  #pantallaSilabasV1 .sv-contexto{border-right:0!important;border-bottom:1px solid #e2d6c1!important;padding:0 0 10px 0!important;gap:10px!important;}
  #pantallaSilabasV1 .sv-consigna{font-size:20px!important;}
  #pantallaSilabasV1 .sv-palabra-analisis{font-size:24px!important;}
  #pantallaSilabasV1 .sv-pistas{font-size:15px!important;padding:10px!important;gap:6px!important;}
  #pantallaSilabasV1 .sv-elementos span{width:32px!important;height:32px!important;font-size:13px!important;}
  #pantallaSilabasV1 .sv-opcion{font-size:19px!important;min-height:56px!important;padding:12px 10px!important;}
  #pantallaSilabasV1 .sv-pie{grid-template-rows:74px 48px!important;}
  #pantallaSilabasV1 .sv-aviso{min-height:74px!important;max-height:74px!important;padding:8px 10px!important;}
  #pantallaSilabasV1 .sv-resultado{font-size:20px!important;}
  #pantallaSilabasV1 .sv-explicacion{font-size:15px!important;}
  #pantallaSilabasV1 .sv-doble-grupo legend{font-size:16px!important;}
  #pantallaSilabasV1 .sv-opciones-dobles .sv-opcion{font-size:18px!important;min-height:52px!important;}
}
@media(max-height:450px) and (min-width:600px){
  #pantallaSilabasV1{grid-template-rows:46px minmax(0,1fr) 96px!important;padding:10px 16px!important;gap:6px!important;}
  #pantallaSilabasV1.sv-con-tiempo{grid-template-rows:46px 36px minmax(0,1fr) 96px!important;}
  #pantallaSilabasV1 .sv-marca-linea{font-size:17px!important;}
  #pantallaSilabasV1 .sv-dificultad{padding:5px 10px!important;font-size:12px!important;}
  #pantallaSilabasV1 #svGuia{padding:6px 10px!important;min-height:38px!important;}
  #pantallaSilabasV1 .sv-cuerpo{grid-template-rows:78px minmax(0,1fr)!important;padding:12px 14px!important;}
  #pantallaSilabasV1 .sv-meta-actividad,#pantallaSilabasV1 .sv-nombre-nivel{font-size:12px!important;}
  #pantallaSilabasV1 .sv-titulo h1{font-size:18px!important;}
  #pantallaSilabasV1 .sv-consigna{font-size:18px!important;}
  #pantallaSilabasV1 .sv-pistas{font-size:14px!important;padding:8px!important;}
  #pantallaSilabasV1 .sv-opcion{font-size:16px!important;min-height:44px!important;padding:8px!important;}
  #pantallaSilabasV1 .sv-pie{grid-template-rows:56px 40px!important;}
  #pantallaSilabasV1 .sv-aviso{min-height:56px!important;max-height:56px!important;}
  #pantallaSilabasV1 .sv-explicacion{font-size:14px!important;}
}
}