/* Fechamento de 02/10: os cards de resultados mantêm a própria superfície. */
#resultados .metrics-grid{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}

/* Controles da demonstração precisam continuar legíveis e tocáveis no celular. */
@media(max-width:600px){
  .tour-controls button,.close-dialog{min-height:44px;min-width:44px}
  #galeria .audience-scene[data-audience="rh"]{height:auto;min-height:620px;grid-template-rows:43px auto}
  #galeria .appointment-demo{max-height:none;overflow:visible}
  #galeria .demo-field{font-size:12px}
  #galeria .demo-person{font-size:12px;white-space:normal;min-height:44px}
  #galeria .demo-field-row{grid-template-columns:1fr;gap:0}
  #galeria .demo-field :is(input,select){height:44px;font-size:16px;padding:9px}
  #galeria .component-heading small{font-size:12px}
  #galeria .toxic-control b{font-size:12px}
  #galeria .toxic-control small,#galeria .appointment-note p{font-size:11px}
  #galeria .toxic-control input{width:18px;height:18px;margin-top:2px}
  #galeria .appointment-action{flex-wrap:wrap;gap:12px}
  #galeria .appointment-action>span{max-width:none;width:100%;font-size:11px}
  #galeria .appointment-action button{width:100%;min-height:44px;font-size:12px;justify-content:center}
  #galeria .risk-filters{flex-wrap:wrap;gap:6px}
  #galeria .risk-filters button{min-height:44px;font-size:12px;padding:9px 12px}
  #galeria :is(.inventory-demo,.network-demo,.network-capacity,.demo-table-viewport){min-width:0}
  #galeria .demo-table-viewport{width:100%;max-width:100%}
  #galeria :is(.risk-demo-table,.capacity-table){min-width:480px}
  #galeria :is(.risk-demo-table td,.capacity-table td,.capacity-table button){font-size:12px}
  #galeria :is(.risk-demo-table th,.capacity-table th){font-size:11px}
  #galeria :is(.norm-chip,.risk-type,.capacity-table small,.capacity-bar b){font-size:10px}
  #galeria .capacity-table button{min-height:44px}
  #galeria .component-footnote{font-size:11px;flex-wrap:wrap;gap:6px}
  #galeria .component-footnote>small{font-size:10px}
}

@media(min-width:601px) and (max-width:800px){
  #galeria .demo-field{font-size:12px}
  #galeria .demo-field :is(input,select){min-height:44px;font-size:16px}
  #galeria :is(.appointment-action button,.risk-filters button,.capacity-table button){min-height:44px;font-size:12px}
  .tour-controls button,.close-dialog{min-height:44px;min-width:44px}
}

/* Keep the tour's next step visible while its demonstration scrolls. */
@media(max-width:800px){
  .product-dialog[open]{display:flex;flex-direction:column;max-height:92vh;max-height:calc(100dvh - 32px);overflow:hidden}
  .product-dialog .dialog-head,.product-dialog .dialog-footer{flex:0 0 auto}
  .product-dialog .dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .product-dialog .dialog-footer .tour-controls{width:100%;justify-content:space-between}
  .product-dialog .gallery-native-head{font-size:12px}
  .product-dialog .live-stat>span{font-size:11px;line-height:1.4}
  .product-dialog .live-record b{font-size:12px}
  .product-dialog .live-record small{font-size:11px;line-height:1.4}
  .product-dialog .live-record>span{font-size:10px}
  .tupa-page .demo-label,.next-tour-progress small,.checklist-art>small,.meeting-invite small{font-size:11px;line-height:1.5}
}