/* PAM V658D · Responsive interior de Bloques en contacto. Solo distribución visual. */
body[data-pam-spatial-v658d="bloques-contacto"]{min-width:0}

/* Tablet: figura fija a la izquierda, pregunta a la derecha y ajustes debajo. */
@media (min-width:721px) and (max-width:899px){
  body[data-pam-spatial-v658d="bloques-contacto"] .app{max-width:1180px}
  body[data-pam-spatial-v658d="bloques-contacto"] .top .nav{display:none}
  body[data-pam-spatial-v658d="bloques-contacto"] .layout{
    grid-template-columns:minmax(0,1.45fr) minmax(260px,.85fr);
    grid-template-areas:"viewer question" "settings settings";
    gap:10px;align-items:start
  }
  body[data-pam-spatial-v658d="bloques-contacto"] .viewer-card{grid-area:viewer;position:sticky;top:58px}
  body[data-pam-spatial-v658d="bloques-contacto"] .question-card{grid-area:question}
  body[data-pam-spatial-v658d="bloques-contacto"] .settings{
    grid-area:settings;grid-template-columns:minmax(300px,1.15fr) minmax(250px,.8fr) minmax(240px,1fr);
    align-items:center
  }
  body[data-pam-spatial-v658d="bloques-contacto"] .viewer{
    height:clamp(380px,61dvh,620px);min-height:0
  }
  body[data-pam-spatial-v658d="bloques-contacto"] .options{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-pam-spatial-v658d="bloques-contacto"] .seg{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Portátil y escritorio: la escena permanece visible y el panel derecho se desplaza por separado. */
@media (min-width:900px){
  body[data-pam-spatial-v658d="bloques-contacto"] .app{max-width:1480px}
  body[data-pam-spatial-v658d="bloques-contacto"] .top .nav{display:none}
  body[data-pam-spatial-v658d="bloques-contacto"] .layout{
    grid-template-columns:minmax(0,1fr) clamp(330px,30vw,420px)!important;
    grid-template-areas:"viewer question" "viewer settings"!important;
    align-items:start;gap:12px
  }
  body[data-pam-spatial-v658d="bloques-contacto"] .viewer-card{
    grid-area:viewer;position:sticky;top:58px;min-width:0
  }
  body[data-pam-spatial-v658d="bloques-contacto"] .viewer{
    height:clamp(430px,calc(100dvh - 210px),780px)!important;min-height:0!important
  }
  body[data-pam-spatial-v658d="bloques-contacto"] .question-card{
    grid-area:question;display:flex;flex-direction:column;min-height:245px;padding:12px
  }
  body[data-pam-spatial-v658d="bloques-contacto"] .settings{
    grid-area:settings;min-height:0;align-content:start;padding:11px
  }
  body[data-pam-spatial-v658d="bloques-contacto"] .options{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
  }
  body[data-pam-spatial-v658d="bloques-contacto"] .option{min-height:58px}
  body[data-pam-spatial-v658d="bloques-contacto"] .actions{
    display:grid;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:10px
  }
  body[data-pam-spatial-v658d="bloques-contacto"] .actions button{min-height:42px}
  body[data-pam-spatial-v658d="bloques-contacto"] .seg{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-pam-spatial-v658d="bloques-contacto"] .settings button{min-height:40px}
  body[data-pam-spatial-v658d="bloques-contacto"] .feedback{line-height:1.35}
  body[data-pam-spatial-v658d="bloques-contacto"] .float,
  body[data-pam-spatial-v658d="bloques-contacto"] .zoom button{min-width:44px;height:44px}
}

/* Monitores grandes: más espacio para la estructura y un panel lateral estable. */
@media (min-width:1400px){
  body[data-pam-spatial-v658d="bloques-contacto"] .layout{
    grid-template-columns:minmax(0,1fr) 410px!important
  }
  body[data-pam-spatial-v658d="bloques-contacto"] .viewer{
    height:clamp(520px,calc(100dvh - 190px),860px)!important
  }
  body[data-pam-spatial-v658d="bloques-contacto"] .question{font-size:26px}
}

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

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