/* Modelo 02 Mirror Hall: espelho e cartões do protótipo, com rolagem nativa. */
#entregaveis .mentor-mirror { display: none; }
#entregaveis.is-mirror .mentor-mirror { display: block; height: var(--delivery-track); }
#entregaveis.is-mirror .mentor-deliverables,
#entregaveis .mentor-mirror__status {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
#entregaveis .mentor-mirror__pin {
  position: sticky; top: var(--delivery-header, 84px);
  height: calc(100svh - var(--delivery-header, 84px));
  display: grid; grid-template-rows: minmax(0,1fr) auto 48px 38px;
  background: #000; isolation: isolate; overflow: hidden;
  border: 1px solid var(--linha); border-radius: 4px;
  touch-action: pan-y;
}
#entregaveis .mentor-mirror__scene { min-height: 0; position: relative; }
#entregaveis .mentor-mirror__canvas { display: block; width: 100%; height: 100%; touch-action: pan-y; }
#entregaveis .mentor-mirror__shade {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(transparent 83%,#000),linear-gradient(90deg,#0004,transparent 15%,transparent 85%,#0004);
}
#entregaveis .mentor-mirror__caption {
  width: min(800px,100%); margin: 0 auto; padding: 8px 32px 16px;
  text-align: center; position: relative; z-index: 2;
}
#entregaveis .mentor-mirror__counter {
  display: block; color: var(--amarelo); font: 600 12px/1.2 var(--corpo);
  letter-spacing: .13em; margin-bottom: 12px;
}
#entregaveis .mentor-mirror__counter span { color: var(--apagado); }
#entregaveis .mentor-mirror__title {
  font: 400 clamp(26px,3vw,38px)/1.14 var(--titulo) !important;
  text-transform: uppercase; letter-spacing: 0; color: var(--branco);
  margin: 0 0 12px; text-wrap: balance;
}
#entregaveis .mentor-mirror__description {
  font: 400 clamp(14px,1.2vw,17px)/1.6 var(--corpo) !important;
  color: var(--suave); margin: 0; max-width: none;
}
#entregaveis .mentor-mirror__navigation {
  display: flex; align-items: center; justify-content: center; gap: 20px; z-index: 2;
}
#entregaveis .mentor-mirror__navigation button {
  min-width: 44px; height: 44px; padding: 0; border: 1px solid #ffffff30;
  border-radius: 50%; background: #101010; color: var(--branco);
  font: 500 19px/1 var(--corpo); cursor: pointer;
}
#entregaveis .mentor-mirror__navigation button:disabled { opacity: .3; cursor: default; }
#entregaveis .mentor-mirror__navigation button:focus-visible { outline: 2px solid var(--amarelo); outline-offset: 2px; }
#entregaveis .mentor-mirror__dots { display: flex; align-items: center; }
#entregaveis .mentor-mirror__dots button {
  min-width: 38px; width: 38px; border: 0; background: transparent; border-radius: 0;
}
#entregaveis .mentor-mirror__dots button::after {
  content: ''; display: block; width: 5px; height: 5px; border-radius: 99px;
  margin: auto; background: #ffffff50;
}
#entregaveis .mentor-mirror__dots button[aria-pressed="true"]::after { width: 22px; background: var(--amarelo); }
#entregaveis .mentor-mirror__dots span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#entregaveis .mentor-mirror__hint { font: 400 12px/1.2 var(--corpo); color: var(--apagado); text-align: center; margin: 10px 0 0; }
#entregaveis .mentor-mirror__hint span { color: var(--amarelo); margin-left: 8px; }
#entregaveis.is-mirror .mentor-result { margin-top: 48px; }
body.delivery-mirror-active .flutuante { visibility: hidden; pointer-events: none; }
@media(max-width:720px) {
  #entregaveis .mentor-mirror__pin { grid-template-rows: minmax(0,1fr) auto 46px 30px; }
  #entregaveis .mentor-mirror__caption { padding: 8px 18px 8px; }
  #entregaveis .mentor-mirror__counter { margin-bottom: 10px; font-size: 11px; }
  #entregaveis .mentor-mirror__title { font-size: clamp(24px,6.5vw,30px) !important; margin-bottom: 10px; }
  #entregaveis .mentor-mirror__description { font-size: 14px !important; line-height: 1.55 !important; }
  #entregaveis .mentor-mirror__navigation { gap: 4px; }
  #entregaveis .mentor-mirror__navigation button { min-width: 44px; width: 44px; }
  #entregaveis .mentor-mirror__dots button { min-width: 22px; width: 22px; }
  #entregaveis .mentor-mirror__hint { font-size: 10px; margin-top: 8px; }
}
@media(prefers-reduced-motion:reduce) {
  #entregaveis.is-mirror .mentor-mirror { display: none; }
  #entregaveis.is-mirror .mentor-deliverables { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; white-space: normal; }
}
