/* PAM V658E · Responsive interior de Cuentacubos. Solo distribución visual. */
body[data-pam-spatial-v658e="cuentacubos"]{min-width:0}

/* Tablet: figura y respuesta comparten la primera fila; dificultad queda debajo. */
@media (min-width:700px) and (max-width:899px){
  body[data-pam-spatial-v658e="cuentacubos"] .app{
    max-width:1180px;display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(260px,.85fr);
    grid-template-areas:"top top" "info info" "viewer question" "settings settings";
    gap:10px;align-items:start
  }
  body[data-pam-spatial-v658e="cuentacubos"] .top{grid-area:top;margin-bottom:0;align-items:center}
  body[data-pam-spatial-v658e="cuentacubos"] .top .nav{display:none}
  body[data-pam-spatial-v658e="cuentacubos"] .info{grid-area:info;margin-bottom:0}
  body[data-pam-spatial-v658e="cuentacubos"] .viewer-card{grid-area:viewer;margin-bottom:0;position:sticky;top:58px}
  body[data-pam-spatial-v658e="cuentacubos"] .question-card{grid-area:question;margin-bottom:0}
  body[data-pam-spatial-v658e="cuentacubos"] .settings{grid-area:settings;margin-bottom:0}
  body[data-pam-spatial-v658e="cuentacubos"] .viewer{height:clamp(380px,60dvh,610px);min-height:0}
  body[data-pam-spatial-v658e="cuentacubos"] .question-card{display:flex;flex-direction:column;min-height:250px}
  body[data-pam-spatial-v658e="cuentacubos"] .actions{display:grid;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:10px}
  body[data-pam-spatial-v658e="cuentacubos"] .seg{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Portátil y ordenador: escena fija y controles en una columna lateral estable. */
@media (min-width:900px){
  body[data-pam-spatial-v658e="cuentacubos"] .app{
    max-width:1480px!important;
    grid-template-columns:minmax(0,1fr) clamp(330px,30vw,420px)!important;
    grid-template-areas:"top top" "info info" "viewer question" "viewer settings"!important;
    gap:12px;align-items:start
  }
  body[data-pam-spatial-v658e="cuentacubos"] .top .nav{display:none}
  body[data-pam-spatial-v658e="cuentacubos"] .viewer-card{
    grid-area:viewer;position:sticky;top:58px;min-width:0
  }
  body[data-pam-spatial-v658e="cuentacubos"] .viewer{
    height:clamp(430px,calc(100dvh - 210px),780px)!important;min-height:0!important
  }
  body[data-pam-spatial-v658e="cuentacubos"] .question-card{
    grid-area:question;display:flex;flex-direction:column;min-height:260px;padding:12px
  }
  body[data-pam-spatial-v658e="cuentacubos"] .settings{grid-area:settings;align-content:start;padding:11px}
  body[data-pam-spatial-v658e="cuentacubos"] .answer-line{
    grid-template-columns:minmax(82px,96px) minmax(0,1fr);gap:8px
  }
  body[data-pam-spatial-v658e="cuentacubos"] .answer-input{min-width:0}
  body[data-pam-spatial-v658e="cuentacubos"] .actions{
    display:grid;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:10px
  }
  body[data-pam-spatial-v658e="cuentacubos"] .actions button,
  body[data-pam-spatial-v658e="cuentacubos"] .settings button{min-height:42px}
  body[data-pam-spatial-v658e="cuentacubos"] .seg{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-pam-spatial-v658e="cuentacubos"] .feedback{line-height:1.35}
  body[data-pam-spatial-v658e="cuentacubos"] .float,
  body[data-pam-spatial-v658e="cuentacubos"] .zoom button{min-width:44px;height:44px}
}

/* Monitores grandes: más espacio para la figura, sin ensanchar demasiado la lectura. */
@media (min-width:1400px){
  body[data-pam-spatial-v658e="cuentacubos"] .app{
    grid-template-columns:minmax(0,1fr) 410px!important
  }
  body[data-pam-spatial-v658e="cuentacubos"] .viewer{
    height:clamp(520px,calc(100dvh - 190px),860px)!important
  }
  body[data-pam-spatial-v658e="cuentacubos"] .question{font-size:26px}
}

/* Portátiles y tablet apaisada con poca altura. */
@media (min-width:700px) and (max-height:760px){
  body[data-pam-spatial-v658e="cuentacubos"] .app{padding-top:8px!important}
  body[data-pam-spatial-v658e="cuentacubos"] .top{margin-bottom:0}
  body[data-pam-spatial-v658e="cuentacubos"] .sub{display:none}
  body[data-pam-spatial-v658e="cuentacubos"] .info{font-size:11.5px;line-height:1.2;padding:7px 9px}
  body[data-pam-spatial-v658e="cuentacubos"] .viewer-card{top:54px}
  body[data-pam-spatial-v658e="cuentacubos"] .viewer{
    height:calc(100dvh - 166px)!important;min-height:350px!important
  }
  body[data-pam-spatial-v658e="cuentacubos"] .question-card,
  body[data-pam-spatial-v658e="cuentacubos"] .settings{padding:8px}
  body[data-pam-spatial-v658e="cuentacubos"] .question{font-size:19px;margin-bottom:6px}
  body[data-pam-spatial-v658e="cuentacubos"] .answer-input{height:42px;font-size:21px}
  body[data-pam-spatial-v658e="cuentacubos"] .actions{padding-top:6px;margin-top:6px}
  body[data-pam-spatial-v658e="cuentacubos"] .actions button,
  body[data-pam-spatial-v658e="cuentacubos"] .settings button{min-height:36px;padding:7px 8px}
}

/* Móvil conserva la interfaz previa y respeta la zona segura inferior. */
@media (max-width:699px){
  body[data-pam-spatial-v658e="cuentacubos"] .app{
    padding-bottom:max(82px,calc(env(safe-area-inset-bottom) + 64px))
  }
}