/* Context questions replace the scene in the same reading area. */
@layer mobile-review-important {
 html:root body.sala #contenido #que-ve-la-ia [data-vision-heading] {scroll-margin-top:100px;}
 html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-photo {display:none !important;}
 html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-questions {
  grid-column:1 !important;
  grid-row:3 !important;
  position:static !important;
  inset:auto !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
 }
 html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-questions li {
  position:static !important;
  width:auto !important;
  min-width:0 !important;
  text-align:left !important;
  font-size:var(--em-type-body) !important;
  font-style:normal !important;
  line-height:1.4 !important;
  margin:0 !important;
  padding:12px 14px !important;
  background:rgba(252,250,246,.65);
  border-left:2px solid #a76d4e;
  hyphens:none !important;
 }
 html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-controls {grid-column:1 !important;grid-row:4 !important;}
 html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-closing {grid-column:1 !important;grid-row:5 !important;}
 html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-note {grid-column:1 !important;grid-row:6 !important;}
 @media(max-width:700px) {
  html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-experiment-column {display:flex !important;flex-direction:column !important;}
  html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-phase-copy {order:1;margin-bottom:14px !important;}
  html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-questions {order:2;}
  html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-controls {order:3;margin:12px 0 0 !important;}
  html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-closing {order:4;}
  html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-note {order:5;}
  html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-questions {gap:10px !important;}
  html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-questions li {padding:10px !important;}
 }
 @media(max-width:359px) {
  html:root body.sala #contenido #que-ve-la-ia[data-phase="2"] .vision-questions {grid-template-columns:1fr !important;}
 }
}