/* CAMBIO 25 — descongestión visual y jerarquía más limpia. */
@layer silabasPiloto {
#pantallaSilabasV1{grid-template-rows:56px minmax(0,1fr) 118px!important;gap:8px!important;}
#pantallaSilabasV1.sv-con-tiempo{grid-template-rows:56px 48px minmax(0,1fr) 118px!important;}
#pantallaSilabasV1 .sv-cabecera{grid-template-columns:96px minmax(0,1fr) auto!important;gap:10px!important;}
#pantallaSilabasV1 .sv-marca-linea{font-size:clamp(15px,1.6vw,20px)!important;font-weight:800!important;}
#pantallaSilabasV1 .sv-estado{gap:8px!important;}
#pantallaSilabasV1 .sv-dificultad{padding:7px 12px!important;border-radius:12px!important;font-size:15px!important;}
#pantallaSilabasV1 .sv-dificultad-icono{font-size:16px!important;}
#pantallaSilabasV1 #svGuia{min-width:62px!important;padding:8px 12px!important;}
#pantallaSilabasV1 .sv-tiempo-panel{width:min(420px,100%)!important;padding:4px 12px!important;border-radius:12px!important;border-width:1px!important;}
#pantallaSilabasV1 .sv-tiempo-titulo{font-size:clamp(10px,.95vw,12px)!important;letter-spacing:.2px!important;}
#pantallaSilabasV1 .sv-tiempo-valor{font-size:clamp(18px,2vw,28px)!important;letter-spacing:.6px!important;}
#pantallaSilabasV1 .sv-tiempo-pista{margin-top:3px!important;height:5px!important;}
#pantallaSilabasV1 .sv-cuerpo{grid-template-rows:84px minmax(0,1fr)!important;padding:14px 18px!important;border-radius:24px!important;}
#pantallaSilabasV1 .sv-titulo{grid-template-rows:auto auto auto!important;gap:4px!important;padding-bottom:6px!important;}
#pantallaSilabasV1 .sv-titulo-linea{gap:10px!important;align-items:flex-start!important;}
#pantallaSilabasV1 .sv-meta-actividad{font-size:clamp(14px,1.05vw,17px)!important;line-height:1.2!important;}
#pantallaSilabasV1 .sv-nombre-nivel{font-size:clamp(12px,.95vw,15px)!important;color:#7d6b86!important;}
#pantallaSilabasV1 .sv-titulo h1{font-size:clamp(16px,1.55vw,23px)!important;line-height:1.15!important;font-weight:800!important;text-align:left!important;margin:0!important;}
#pantallaSilabasV1 .sv-mecanismos{justify-content:flex-start!important;gap:5px!important;}
#pantallaSilabasV1 .sv-mecanismos i{width:22px!important;height:22px!important;font-size:10px!important;border-radius:6px!important;}
#pantallaSilabasV1 .sv-zona{grid-template-columns:minmax(220px,.72fr) minmax(0,1.48fr)!important;gap:18px!important;}
#pantallaSilabasV1 .sv-contexto{justify-content:flex-start!important;gap:12px!important;padding:2px 14px 0 0!important;}
#pantallaSilabasV1 .sv-consigna{font-size:clamp(18px,1.55vw,24px)!important;line-height:1.28!important;font-weight:700!important;}
#pantallaSilabasV1 .sv-palabra-analisis{font-size:clamp(21px,1.8vw,30px)!important;line-height:1.15!important;}
#pantallaSilabasV1 .sv-pistas{font-size:17px!important;padding:12px!important;gap:8px!important;}
#pantallaSilabasV1 .sv-elementos{gap:8px!important;}
#pantallaSilabasV1 .sv-elementos span{width:34px!important;height:34px!important;font-size:14px!important;}
#pantallaSilabasV1 .sv-opcion{font-size:22px!important;min-height:60px!important;padding:14px 14px!important;border-radius:18px!important;}
#pantallaSilabasV1 .sv-opciones-dobles .sv-opcion{font-size:20px!important;min-height:54px!important;}
#pantallaSilabasV1 .sv-pie{grid-template-rows:70px 48px!important;gap:6px!important;}
#pantallaSilabasV1 .sv-aviso{min-height:70px!important;max-height:70px!important;padding:10px 14px!important;}
#pantallaSilabasV1 .sv-aviso:empty{min-height:70px!important;}
#pantallaSilabasV1 .sv-resultado{font-size:20px!important;}
#pantallaSilabasV1 .sv-explicacion{font-size:16px!important;line-height:1.28!important;}
#pantallaSilabasV1 .sv-acciones .sv-primario,#pantallaSilabasV1 .sv-acciones .sv-secundario{min-height:46px!important;padding:0 26px!important;font-size:17px!important;}

@media(max-width:700px){
  #pantallaSilabasV1{grid-template-rows:50px minmax(0,1fr) 120px!important;padding:12px!important;gap:8px!important;}
  #pantallaSilabasV1.sv-con-tiempo{grid-template-rows:50px 42px minmax(0,1fr) 120px!important;}
  #pantallaSilabasV1 .sv-cabecera{grid-template-columns:82px minmax(0,1fr) auto!important;gap:8px!important;}
  #pantallaSilabasV1 .sv-marca-linea{font-size:16px!important;}
  #pantallaSilabasV1 .sv-dificultad{padding:6px 10px!important;font-size:13px!important;}
  #pantallaSilabasV1 #svGuia{min-width:48px!important;padding:7px 9px!important;font-size:12px!important;}
  #pantallaSilabasV1 .sv-tiempo-panel{width:min(100%,360px)!important;padding:3px 10px!important;}
  #pantallaSilabasV1 .sv-tiempo-valor{font-size:22px!important;}
  #pantallaSilabasV1 .sv-cuerpo{grid-template-rows:76px minmax(0,1fr)!important;padding:12px 14px!important;}
  #pantallaSilabasV1 .sv-titulo{gap:3px!important;}
  #pantallaSilabasV1 .sv-titulo-linea{flex-wrap:wrap!important;gap:6px!important;}
  #pantallaSilabasV1 .sv-meta-actividad{font-size:13px!important;}
  #pantallaSilabasV1 .sv-nombre-nivel{font-size:12px!important;}
  #pantallaSilabasV1 .sv-titulo h1{font-size:18px!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{gap:10px!important;padding:0 0 10px 0!important;}
  #pantallaSilabasV1 .sv-consigna{font-size:18px!important;}
  #pantallaSilabasV1 .sv-palabra-analisis{font-size:24px!important;}
  #pantallaSilabasV1 .sv-pistas{font-size:15px!important;padding:10px!important;}
  #pantallaSilabasV1 .sv-elementos span{width:30px!important;height:30px!important;font-size:13px!important;}
  #pantallaSilabasV1 .sv-opcion{font-size:18px!important;min-height:52px!important;padding:12px 10px!important;}
  #pantallaSilabasV1 .sv-opciones-dobles .sv-opcion{font-size:17px!important;min-height:50px!important;}
  #pantallaSilabasV1 .sv-pie{grid-template-rows:72px 46px!important;}
  #pantallaSilabasV1 .sv-aviso{min-height:72px!important;max-height:72px!important;padding:8px 10px!important;}
  #pantallaSilabasV1 .sv-resultado{font-size:19px!important;}
  #pantallaSilabasV1 .sv-explicacion{font-size:15px!important;}
}

@media(max-height:450px) and (min-width:600px){
  #pantallaSilabasV1{grid-template-rows:44px minmax(0,1fr) 90px!important;padding:10px 16px!important;gap:6px!important;}
  #pantallaSilabasV1.sv-con-tiempo{grid-template-rows:44px 34px minmax(0,1fr) 90px!important;}
  #pantallaSilabasV1 .sv-cuerpo{grid-template-rows:68px minmax(0,1fr)!important;padding:10px 12px!important;}
  #pantallaSilabasV1 .sv-meta-actividad,#pantallaSilabasV1 .sv-nombre-nivel{font-size:12px!important;}
  #pantallaSilabasV1 .sv-titulo h1{font-size:16px!important;}
  #pantallaSilabasV1 .sv-consigna{font-size:17px!important;}
  #pantallaSilabasV1 .sv-palabra-analisis{font-size:22px!important;}
  #pantallaSilabasV1 .sv-pistas{font-size:14px!important;padding:8px!important;}
  #pantallaSilabasV1 .sv-opcion{font-size:16px!important;min-height:42px!important;padding:8px!important;}
  #pantallaSilabasV1 .sv-opciones-dobles .sv-opcion{font-size:15px!important;min-height:40px!important;}
  #pantallaSilabasV1 .sv-pie{grid-template-rows:50px 36px!important;}
  #pantallaSilabasV1 .sv-aviso{min-height:50px!important;max-height:50px!important;}
  #pantallaSilabasV1 .sv-resultado{font-size:18px!important;}
  #pantallaSilabasV1 .sv-explicacion{font-size:13px!important;}
}
}