.orbita-vr-embed {
--bg: #06080d;
  --panel: rgba(8, 11, 19, 0.72);
  --panel-solid: rgba(9, 13, 23, 0.92);
  --line: rgba(255, 255, 255, 0.12);
  --text: #eef4fa;
  --muted: rgba(238, 244, 250, 0.72);
  --accent: #0b4864;
  --accent-2: #12749d;
  --accent-soft: rgba(18, 116, 157, 0.14);
  --ok: #8cf2c0;
  --danger: #ff7878;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
}

.orbita-vr-embed * {
box-sizing: border-box;
}

.orbita-vr-embed.presentation-mode #controlPanel,
.orbita-vr-embed.presentation-mode #cameraBox,
.orbita-vr-embed.presentation-mode #hint,
.orbita-vr-embed.presentation-mode .reticle,
.orbita-vr-embed.presentation-mode .viewer-overlay {
opacity: 0;
  pointer-events: none;
}

.orbita-vr-embed.presentation-mode #minimalPresentationBar,
.orbita-vr-embed.presentation-mode #exitPresentationBtn {
opacity: 1;
  pointer-events: auto;
}

.orbita-vr-embed #viewer,
.orbita-vr-embed .viewer-overlay {
position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
}

.orbita-vr-embed #viewer {
display: block;
  background: #05060b;
}

.orbita-vr-embed .viewer-overlay {
background:
    radial-gradient(circle at 80% 16%, rgba(18,116,157,.18), transparent 28%),
    radial-gradient(circle at 20% 82%, rgba(18,116,157,.14), transparent 24%);
  pointer-events: none;
}

.orbita-vr-embed .topbar {
position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 28;
  width: min(1100px, calc(100vw - 32px));
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(5, 9, 16, 0.58);
  backdrop-filter: blur(16px);
  box-shadow: var(--shadow);
  transition: opacity .25s ease;
}

.orbita-vr-embed .brand-wrap {
display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.orbita-vr-embed .brand-logo,
.orbita-vr-embed .intro-logo {
display: block;
  object-fit: contain;
}

.orbita-vr-embed .brand-logo {
width: 120px;
  max-width: 28vw;
}

.orbita-vr-embed .brand-wrap strong,
.orbita-vr-embed .brand-wrap span {
display: block;
}

.orbita-vr-embed .brand-wrap strong {
font-size: 14px;
  letter-spacing: .04em;
}

.orbita-vr-embed .brand-wrap span {
color: var(--muted);
  font-size: 12px;
}

.orbita-vr-embed .topbar-actions {
display: flex;
  gap: 10px;
}

.orbita-vr-embed .panel {
position: fixed;
  top: 90px;
  left: 16px;
  z-index: 25;
  width: min(430px, calc(100vw - 32px));
  max-height: calc(100vh - 112px);
  overflow: auto;
  padding: 18px;
  border-radius: 28px;
  border: 1px solid var(--line);
  background: var(--panel);
  backdrop-filter: blur(18px);
  box-shadow: var(--shadow);
  transition: opacity .25s ease;
}

.orbita-vr-embed .panel::-webkit-scrollbar {
width: 6px;
}

.orbita-vr-embed .panel::-webkit-scrollbar-thumb {
background: rgba(255,255,255,.18); border-radius: 999px;
}

.orbita-vr-embed .tag,
.orbita-vr-embed .section-label {
display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .16em;
}

.orbita-vr-embed .tag::before,
.orbita-vr-embed .section-label::before {
content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #73dcff;
  box-shadow: 0 0 18px #73dcff;
}

.orbita-vr-embed .panel h2 {
margin: 0;
  font-size: clamp(28px, 4vw, 42px);
  line-height: .95;
  letter-spacing: -.04em;
}

.orbita-vr-embed .panel p {
margin: 12px 0 0;
  color: var(--muted);
  line-height: 1.52;
}

.orbita-vr-embed .niche-grid {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 18px;
}

.orbita-vr-embed .niche-card,
.orbita-vr-embed .scene-button,
.orbita-vr-embed button,
.orbita-vr-embed .fileLabel,
.orbita-vr-embed .cta-link,
.orbita-vr-embed .hotspot-button,
.orbita-vr-embed .modal-close {
appearance: none;
  border: 0;
  cursor: pointer;
  text-decoration: none;
}

.orbita-vr-embed .niche-card {
padding: 14px;
  border-radius: 18px;
  text-align: left;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  color: var(--text);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.orbita-vr-embed .niche-card:hover,
.orbita-vr-embed .scene-button:hover,
.orbita-vr-embed button:hover,
.orbita-vr-embed .fileLabel:hover,
.orbita-vr-embed .cta-link:hover,
.orbita-vr-embed .hotspot-button:hover {
transform: translateY(-1px);
}

.orbita-vr-embed .niche-card.active {
border-color: rgba(115, 220, 255, .36);
  background: rgba(115, 220, 255, .12);
}

.orbita-vr-embed .niche-card strong,
.orbita-vr-embed .niche-card span {
display: block;
}

.orbita-vr-embed .niche-card strong {
margin-bottom: 6px;
  font-size: 14px;
}

.orbita-vr-embed .niche-card span {
color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.orbita-vr-embed .benefits-box,
.orbita-vr-embed .cta-box,
.orbita-vr-embed .scene-switcher {
margin-top: 18px;
  padding: 15px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
}

.orbita-vr-embed .benefits-box h3,
.orbita-vr-embed .cta-box h3 {
margin: 0 0 10px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--muted);
}

.orbita-vr-embed .benefits-box ul {
margin: 0;
  padding-left: 18px;
  color: var(--text);
  display: grid;
  gap: 7px;
}

.orbita-vr-embed .scene-buttons {
display: grid;
  gap: 10px;
}

.orbita-vr-embed .scene-button {
width: 100%;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
  text-align: left;
  color: var(--text);
}

.orbita-vr-embed .scene-button.active {
border-color: rgba(115,220,255,.36);
  background: rgba(115,220,255,.12);
}

.orbita-vr-embed .scene-button strong,
.orbita-vr-embed .scene-button span {
display: block;
}

.orbita-vr-embed .scene-button strong {
font-size: 13px;
}

.orbita-vr-embed .scene-button span {
color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}

.orbita-vr-embed .controls {
display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.orbita-vr-embed button,
.orbita-vr-embed .fileLabel,
.orbita-vr-embed .cta-link {
display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 15px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  color: #eaf5fa;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow: 0 12px 28px rgba(18,116,157,.16);
}

.orbita-vr-embed button.secondary,
.orbita-vr-embed .fileLabel.secondary {
color: var(--text);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: none;
}

.orbita-vr-embed button:disabled {
opacity: .58;
  cursor: not-allowed;
}

.orbita-vr-embed #fileInput {
display: none;
}

.orbita-vr-embed .status-group {
margin-top: 18px;
  display: grid;
  gap: 8px;
}

.orbita-vr-embed .status {
display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 13px;
}

.orbita-vr-embed .status.small {
font-size: 12px;
}

.orbita-vr-embed .dot {
width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--danger);
  box-shadow: 0 0 14px var(--danger);
  flex: 0 0 auto;
}

.orbita-vr-embed .dot.ok {
background: var(--ok);
  box-shadow: 0 0 14px var(--ok);
}

.orbita-vr-embed .cameraBox {
position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 22;
  width: min(320px, calc(100vw - 32px));
  aspect-ratio: 4 / 3;
  border-radius: 24px;
  overflow: hidden;
  background: var(--panel-solid);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  transition: opacity .25s ease;
}

.orbita-vr-embed #inputVideo,
.orbita-vr-embed #handCanvas {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scaleX(-1);
}

.orbita-vr-embed #inputVideo {
opacity: .30;
}

.orbita-vr-embed #handCanvas {
opacity: .95;
}

.orbita-vr-embed .hint {
position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 18;
  width: min(540px, calc(100vw - 32px));
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: rgba(8,11,19,.58);
  backdrop-filter: blur(14px);
  color: var(--muted);
  line-height: 1.45;
  transition: opacity .25s ease;
}

.orbita-vr-embed .reticle {
position: fixed;
  top: 50%;
  left: 50%;
  z-index: 14;
  width: 34px;
  height: 34px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.28);
  pointer-events: none;
  opacity: .48;
}

.orbita-vr-embed .reticle::before,
.orbita-vr-embed .reticle::after {
content: "";
  position: absolute;
  background: rgba(255,255,255,.24);
}

.orbita-vr-embed .reticle::before {
left: 50%;
  top: -7px;
  width: 1px;
  height: 48px;
  transform: translateX(-50%);
}

.orbita-vr-embed .reticle::after {
left: -7px;
  top: 50%;
  width: 48px;
  height: 1px;
  transform: translateY(-50%);
}

.orbita-vr-embed .intro-screen {
position: fixed;
  inset: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(4, 7, 12, 0.72);
  backdrop-filter: blur(18px);
}

.orbita-vr-embed .intro-screen.hidden {
display: none;
}

.orbita-vr-embed .intro-card {
width: min(760px, 100%);
  padding: 28px;
  border-radius: 32px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top right, rgba(18,116,157,.16), transparent 28%),
    rgba(8, 12, 21, 0.92);
  box-shadow: var(--shadow);
}

.orbita-vr-embed .intro-logo {
width: 180px;
  max-width: 45vw;
  margin-bottom: 12px;
}

.orbita-vr-embed .intro-badge {
display: inline-block;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(115,220,255,.12);
  color: #a6e6fb;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.orbita-vr-embed .intro-card h1 {
margin: 18px 0 0;
  font-size: clamp(34px, 5vw, 64px);
  line-height: .94;
  letter-spacing: -.055em;
}

.orbita-vr-embed .intro-card p {
margin: 16px 0 0;
  color: var(--muted);
  line-height: 1.6;
  max-width: 62ch;
}

.orbita-vr-embed .intro-actions {
display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.orbita-vr-embed .intro-points {
display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.orbita-vr-embed .intro-points li {
padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: var(--muted);
  line-height: 1.45;
}

.orbita-vr-embed .hotspots-layer {
position: fixed;
  inset: 0;
  z-index: 16;
  pointer-events: none;
}

.orbita-vr-embed .hotspot-button {
position: absolute;
  transform: translate(-50%, -50%);
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(6,10,19,.78);
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 12px 26px rgba(0,0,0,.28);
  pointer-events: auto;
  white-space: nowrap;
}

.orbita-vr-embed .hotspot-button::before {
content: "+";
  margin-right: 8px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(115,220,255,.14);
  color: #a8e8ff;
}

.orbita-vr-embed .hotspot-modal {
position: fixed;
  inset: 0;
  z-index: 45;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(4, 7, 12, 0.56);
  backdrop-filter: blur(12px);
}

.orbita-vr-embed .hotspot-modal.hidden,
.orbita-vr-embed .hidden {
display: none !important;
}

.orbita-vr-embed .hotspot-modal-card {
position: relative;
  width: min(520px, 100%);
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(8, 12, 21, 0.96);
  box-shadow: var(--shadow);
}

.orbita-vr-embed .hotspot-modal-card h3 {
margin: 0 0 12px;
  font-size: 28px;
  letter-spacing: -.03em;
}

.orbita-vr-embed .hotspot-modal-card p {
margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.orbita-vr-embed .modal-close {
position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--text);
  background: rgba(255,255,255,.08);
}

.orbita-vr-embed .minimal-presentation {
position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  z-index: 30;
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(8,11,19,.68);
  backdrop-filter: blur(14px);
  color: var(--text);
  box-shadow: var(--shadow);
  opacity: 0;
  pointer-events: none;
}

.orbita-vr-embed .gesture-indicator {
position: fixed;
  right: 16px;
  top: 92px;
  z-index: 24;
  min-width: 200px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(8,11,19,.72);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 44px rgba(0,0,0,.28);
}

.orbita-vr-embed .gesture-indicator__label {
display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.orbita-vr-embed .gesture-indicator strong {
display: block;
  font-size: 16px;
  letter-spacing: -.02em;
  color: var(--text);
}

.orbita-vr-embed.presentation-mode .gesture-indicator {
opacity: 0;
  pointer-events: none;
}

@media (max-width: 980px) {
.orbita-vr-embed .topbar {
align-items: flex-start;
    flex-direction: column;
}

.orbita-vr-embed .intro-points {
grid-template-columns: 1fr;
}
}

@media (max-width: 760px) {
.orbita-vr-embed .gesture-indicator {
right: 10px;
    top: 84px;
    min-width: 0;
    width: calc(100vw - 20px);
    padding: 12px 14px;
}

.orbita-vr-embed .topbar {
top: 10px;
    width: calc(100vw - 20px);
    padding: 12px;
}

.orbita-vr-embed .panel {
top: auto;
    bottom: 10px;
    left: 10px;
    width: calc(100vw - 20px);
    max-height: 56vh;
    padding: 16px;
}

.orbita-vr-embed .niche-grid {
grid-template-columns: 1fr;
}

.orbita-vr-embed .cameraBox {
right: 10px;
    bottom: calc(56vh + 24px);
    width: 160px;
    border-radius: 18px;
}

.orbita-vr-embed .hint {
left: 10px;
    bottom: calc(56vh + 24px);
    width: calc(100vw - 180px - 30px);
    font-size: 12px;
}

.orbita-vr-embed .intro-card {
padding: 20px;
}
}

.orbita-vr-embed.presentation-mode .topbar {
background: rgba(5,9,16,.32);
  border-color: rgba(255,255,255,.06);
}

.orbita-vr-embed.presentation-mode .brand-wrap {
opacity: .22;
}

.orbita-vr-embed .viewer-overlay {
display: none !important;
  background: none !important;
  opacity: 0 !important;
}

.orbita-vr-embed .panel {
transition: opacity .25s ease, transform .25s ease;
}

.orbita-vr-embed.ui-clean #controlPanel {
transform: translateX(calc(-100% - 40px));
  opacity: 0;
  pointer-events: none;
}

.orbita-vr-embed.ui-clean.panel-open #controlPanel {
transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

.orbita-vr-embed .mini-controls {
position: fixed;
  top: 92px;
  left: 16px;
  z-index: 31;
  display: flex;
  gap: 8px;
  padding: 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(8,11,19,.54);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 44px rgba(0,0,0,.24);
}

.orbita-vr-embed .mini-controls button {
padding: 10px 14px;
}

.orbita-vr-embed.presentation-mode .mini-controls {
opacity: 0;
  pointer-events: none;
}

.orbita-vr-embed.ui-clean:not(.panel-open) #hint {
max-width: 410px;
  opacity: .78;
}

.orbita-vr-embed.ui-clean:not(.panel-open) .topbar {
background: rgba(5, 9, 16, 0.42);
}

.orbita-vr-embed.ui-clean:not(.panel-open) .brand-wrap span {
display: none;
}

@media (max-width: 760px) {
.orbita-vr-embed .mini-controls {
top: 84px;
    left: 10px;
    max-width: calc(100vw - 20px);
    overflow-x: auto;
}

.orbita-vr-embed.ui-clean.panel-open #controlPanel {
transform: translateX(0);
}

.orbita-vr-embed.ui-clean:not(.panel-open) #controlPanel {
transform: translateY(calc(100% + 40px));
}

.orbita-vr-embed.ui-clean:not(.panel-open) #hint {
display: none;
}
}

.orbita-vr-embed .hotspots-layer {
display: block !important;
}

.orbita-vr-embed .gesture-guide--minimal {
width: min(390px, calc(100vw - 32px));
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  pointer-events: none;
}

.orbita-vr-embed .gesture-guide--minimal .gesture-guide__stage {
display: grid;
  grid-template-columns: 112px 1fr;
  gap: 14px;
  align-items: center;
}

.orbita-vr-embed .gesture-guide--minimal .gesture-guide__visual {
min-height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 0 !important;
}

.orbita-vr-embed .gesture-guide--minimal .gesture-guide__visual svg {
width: 96px;
  height: 96px;
  overflow: visible;
  filter: drop-shadow(0 2px 6px rgba(255,255,255,.22));
}

.orbita-vr-embed .gesture-guide--minimal .gesture-guide__content h4 {
margin: 0 0 6px;
  color: rgba(255,255,255,.96);
  font-size: 22px;
  letter-spacing: -.03em;
  text-shadow: 0 3px 14px rgba(0,0,0,.42);
}

.orbita-vr-embed .gesture-guide--minimal .gesture-guide__content p {
margin: 0;
  color: rgba(255,255,255,.86);
  line-height: 1.5;
  font-size: 15px;
  text-shadow: 0 3px 14px rgba(0,0,0,.40);
}

@media (max-width: 760px) {
.orbita-vr-embed .gesture-guide--minimal {
width: min(330px, calc(100vw - 20px));
}

.orbita-vr-embed .gesture-guide--minimal .gesture-guide__stage {
grid-template-columns: 88px 1fr;
    gap: 12px;
}

.orbita-vr-embed .gesture-guide--minimal .gesture-guide__visual svg {
width: 78px;
    height: 78px;
}

.orbita-vr-embed .gesture-guide--minimal .gesture-guide__content h4 {
font-size: 18px;
}

.orbita-vr-embed .gesture-guide--minimal .gesture-guide__content p {
font-size: 13px;
}
}

.orbita-vr-embed .gesture-guide__visual img {
width: 96px;
  height: auto;
  display: block;
  filter: drop-shadow(0 2px 6px rgba(255,255,255,.18));
}

@media (max-width: 760px) {
.orbita-vr-embed .gesture-guide__visual img {
width: 78px;
}
}

/* Experiência 360º integrada ao portfolio-details */
.portfolio-details .orbita-vr-shell {
  width: 100%;
}

.portfolio-details .orbita-vr-header {
  margin-bottom: 24px;
}

.portfolio-details .orbita-vr-header .section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: color-mix(in srgb, var(--default-color, #444), transparent 32%);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.portfolio-details .orbita-vr-header .section-kicker::before {
  content: "";
  width: 34px;
  height: 2px;
  background: var(--accent-color, #009961);
  display: inline-block;
}

.portfolio-details .orbita-vr-header h2 {
  margin: 10px 0 10px;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.portfolio-details .orbita-vr-header p {
  max-width: 760px;
  margin: 0;
  color: color-mix(in srgb, var(--default-color, #444), transparent 28%);
  line-height: 1.7;
}

.orbita-vr-embed {
  --bg: #06080d;
  --panel: rgba(8, 11, 19, 0.72);
  --panel-solid: rgba(9, 13, 23, 0.92);
  --line: rgba(255, 255, 255, 0.12);
  --text: #eef4fa;
  --muted: rgba(238, 244, 250, 0.72);
  --accent: var(--accent-color, #009961);
  --accent-2: color-mix(in srgb, var(--accent-color, #009961), #ffffff 22%);
  --accent-soft: color-mix(in srgb, var(--accent-color, #009961), transparent 84%);
  --ok: #8cf2c0;
  --danger: #ff7878;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
  position: relative;
  width: 100%;
  height: min(78vh, 780px);
  min-height: 620px;
  overflow: hidden;
  isolation: isolate;
  border-radius: 30px;
  background: var(--bg);
  color: var(--text);
  box-shadow: 0 30px 90px rgba(0,0,0,.22);
}

.orbita-vr-embed #viewer,
.orbita-vr-embed .viewer-overlay,
.orbita-vr-embed .intro-screen,
.orbita-vr-embed .hotspots-layer,
.orbita-vr-embed .hotspot-modal {
  position: absolute;
  inset: 0;
}

.orbita-vr-embed .topbar,
.orbita-vr-embed .panel,
.orbita-vr-embed .cameraBox,
.orbita-vr-embed .hint,
.orbita-vr-embed .reticle,
.orbita-vr-embed .minimal-presentation,
.orbita-vr-embed .mini-controls,
.orbita-vr-embed .gesture-indicator {
  position: absolute;
}

.orbita-vr-embed .topbar {
  width: min(1100px, calc(100% - 32px));
}

.orbita-vr-embed .panel {
  max-height: calc(100% - 112px);
}

.orbita-vr-embed .cameraBox {
  width: min(320px, calc(100% - 32px));
}

.orbita-vr-embed .hint {
  width: min(540px, calc(100% - 32px));
}

.orbita-vr-embed .gesture-guide--minimal {
  width: min(390px, calc(100% - 32px));
}

.orbita-vr-embed .intro-logo-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  color: #fff;
  font-weight: 800;
  letter-spacing: -.02em;
  background: rgba(255,255,255,.06);
}

.orbita-vr-embed .brand-logo-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  height: 38px;
  padding: 0 13px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
  font-weight: 800;
  letter-spacing: -.03em;
  background: rgba(255,255,255,.07);
}

@media (max-width: 760px) {
  .orbita-vr-embed {
    height: 82vh;
    min-height: 620px;
    border-radius: 22px;
  }

  .orbita-vr-embed .topbar {
    width: calc(100% - 20px);
  }

  .orbita-vr-embed .panel {
    width: calc(100% - 20px);
  }

  .orbita-vr-embed .cameraBox {
    width: 160px;
    bottom: calc(56% + 24px);
  }

  .orbita-vr-embed .hint {
    width: calc(100% - 210px);
    bottom: calc(56% + 24px);
  }

  .orbita-vr-embed .gesture-indicator {
    width: calc(100% - 20px);
  }

  .orbita-vr-embed .gesture-guide--minimal {
    width: min(330px, calc(100% - 20px));
  }
}


/* Ajustes finais da página de entrega do tour 360º */
.header .logo .orbita-logo-mark {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  color: #fff;
  font-weight: 900;
  letter-spacing: -.08em;
  background: rgba(255,255,255,.08);
}

.header .logo .orbita-logo-text {
  color: #fff;
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -.04em;
  white-space: nowrap;
}

.scrolled .header .logo .orbita-logo-mark {
  border-color: rgba(255,255,255,.18);
}

.page-title.orbita-page-title {
  min-height: 390px;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 18% 24%, rgba(24,61,105,.55), transparent 30%),
    linear-gradient(135deg, #05080d 0%, #09111f 46%, #05070c 100%) !important;
}

.page-title.orbita-page-title::before {
  background: rgba(0,0,0,.18);
}

.page-title.orbita-page-title h1 {
  max-width: 780px;
  margin-inline: auto;
  font-size: clamp(38px, 5vw, 68px);
  line-height: .95;
  letter-spacing: -.055em;
}

.page-title.orbita-page-title p {
  max-width: 760px;
  margin-inline: auto;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255,255,255,.78);
}

.orbita-vr-info-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 22px;
  margin-top: 28px;
}

.orbita-vr-info-card {
  padding: 28px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 28px;
  background: var(--surface-color);
  box-shadow: 0 20px 60px rgba(0,0,0,.06);
}

.orbita-vr-info-card h3 {
  margin: 0 0 12px;
  font-size: 24px;
  letter-spacing: -.03em;
}

.orbita-vr-info-card p {
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 24%);
  line-height: 1.75;
}

.orbita-vr-deliverables {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.orbita-vr-deliverables li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: color-mix(in srgb, var(--default-color), transparent 18%);
  line-height: 1.55;
}

.orbita-vr-deliverables i {
  color: var(--accent-color);
  margin-top: 3px;
}

.orbita-final-cta {
  margin-top: 28px;
  padding: 28px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--accent-color), transparent 58%), transparent 30%),
    #07101d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.orbita-final-cta h3 {
  color: #fff;
  margin: 0 0 8px;
  font-size: 26px;
  letter-spacing: -.035em;
}

.orbita-final-cta p {
  margin: 0;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}

.orbita-final-cta .cta-btn-light {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 20px;
  border-radius: 999px;
  background: #fff;
  color: #07101d;
  font-weight: 800;
}

.footer .orbita-footer-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 22px 0 8px;
}

.footer .orbita-footer-actions a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 15px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #fff;
}

.orbita-vr-embed .hotspots-layer {
  display: block !important;
}

.orbita-vr-embed .controls .fileLabel,
.orbita-vr-embed #fileInput {
  display: none !important;
}

.orbita-vr-embed .hotspot-button {
  animation: hotspotPulse 2.4s ease-in-out infinite;
}

@keyframes hotspotPulse {
  0%, 100% { box-shadow: 0 12px 26px rgba(0,0,0,.28), 0 0 0 0 rgba(115,220,255,.18); }
  50% { box-shadow: 0 12px 26px rgba(0,0,0,.28), 0 0 0 10px rgba(115,220,255,0); }
}

@media (max-width: 991px) {
  .orbita-vr-info-grid {
    grid-template-columns: 1fr;
  }

  .orbita-final-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 760px) {
  .header .logo .orbita-logo-text {
    font-size: 18px;
  }

  .page-title.orbita-page-title {
    min-height: 330px;
    padding-top: 96px;
  }

  .orbita-vr-info-card,
  .orbita-final-cta {
    padding: 22px;
    border-radius: 22px;
  }
}



/* ==============================================================
   v28 — Página de portfolio: identidade alinhada ao index.html
   ============================================================== */
.portfolio-details-page .orbita-editorial-header .orbita-editorial-nav > ul > li > a.active {
  color: inherit;
}

.orbita-case-hero {
  min-height: 560px;
  display: flex;
  align-items: center;
  text-align: left;
  background:
    radial-gradient(circle at 78% 18%, rgba(24, 61, 105, .46), transparent 28%),
    radial-gradient(circle at 18% 70%, rgba(24, 61, 105, .28), transparent 30%),
    linear-gradient(135deg, #05070d 0%, #0b1321 48%, #05070c 100%) !important;
}

.orbita-case-hero::before {
  background: rgba(0,0,0,.08) !important;
}

.orbita-case-hero .container {
  max-width: 1140px;
}

.orbita-case-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.orbita-case-eyebrow::before {
  content: "";
  width: 36px;
  height: 2px;
  background: #fff;
  opacity: .86;
}

.page-title.orbita-case-hero h1 {
  max-width: 920px;
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 6vw, 82px);
  line-height: .92;
  letter-spacing: -.065em;
}

.page-title.orbita-case-hero p {
  max-width: 780px;
  margin: 22px 0 0;
  color: rgba(255,255,255,.76);
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.65;
}

.orbita-case-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.orbita-case-chips span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.88);
  font-size: 13px;
  font-weight: 700;
}

.orbita-case-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.orbita-case-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: .02em;
}

.orbita-case-btn--primary {
  background: #fff;
  color: #111827;
}

.orbita-case-btn--secondary {
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
  background: rgba(255,255,255,.04);
}

.orbita-demo-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: end;
}

.orbita-demo-intro p {
  max-width: 740px !important;
}

.orbita-demo-quick-guide {
  display: grid;
  gap: 10px;
  min-width: 240px;
}

.orbita-demo-quick-guide span {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 999px;
  color: color-mix(in srgb, var(--default-color), transparent 12%);
  background: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.04);
  font-size: 13px;
  font-weight: 700;
}

.orbita-demo-quick-guide i {
  color: var(--accent-color);
}

.orbita-info-kicker {
  display: inline-flex;
  margin-bottom: 10px;
  color: var(--accent-color);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.orbita-case-grid .orbita-vr-info-card:first-child {
  background:
    radial-gradient(circle at 86% 16%, color-mix(in srgb, var(--accent-color), transparent 84%), transparent 26%),
    #fff;
}

@media (max-width: 991px) {
  .orbita-case-hero {
    min-height: 500px;
    padding-top: 120px;
  }

  .orbita-demo-intro {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .orbita-demo-quick-guide {
    min-width: 0;
  }
}

@media (max-width: 575px) {
  .page-title.orbita-case-hero h1 {
    font-size: clamp(36px, 12vw, 54px);
  }

  .orbita-case-actions,
  .orbita-case-actions a {
    width: 100%;
  }

  .orbita-case-btn {
    width: 100%;
  }
}



/* ==============================================================
   v29 — reformulação do onboarding da demonstração
   Mais alinhado à nova página de portfólio
   ============================================================== */
.orbita-vr-embed .intro-screen {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 26px;
  background: linear-gradient(180deg, rgba(3,7,14,.10) 0%, rgba(3,7,14,.18) 50%, rgba(3,7,14,.42) 100%);
  backdrop-filter: none;
}

.orbita-vr-embed .intro-screen.hidden {
  display: none;
}

.orbita-vr-embed .intro-card {
  width: min(680px, 100%);
  padding: 28px 30px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(7,12,21,.78) 0%, rgba(7,12,21,.90) 100%);
  box-shadow: 0 24px 60px rgba(0,0,0,.30);
}

.orbita-vr-embed .intro-card__top {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.orbita-vr-embed .intro-logo-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  padding: 10px 16px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  color: #fff;
  font-weight: 800;
  letter-spacing: -.02em;
  background: rgba(255,255,255,.06);
}

.orbita-vr-embed .intro-badge {
  margin: 0;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(18, 116, 157, .20);
  color: #bdeafe;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.orbita-vr-embed .intro-card h3 {
  margin: 0;
  font-size: clamp(34px, 4.4vw, 54px);
  line-height: .96;
  letter-spacing: -.05em;
  color: #fff;
  max-width: 10ch;
}

.orbita-vr-embed .intro-card p {
  margin: 16px 0 0;
  color: rgba(238,244,250,.76);
  line-height: 1.6;
  max-width: 58ch;
  font-size: 17px;
}

.orbita-vr-embed .intro-mini-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.orbita-vr-embed .intro-mini-points span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(238,244,250,.86);
  font-size: 13px;
  line-height: 1.2;
}

.orbita-vr-embed .intro-mini-points i {
  color: #bdeafe;
}

.orbita-vr-embed .intro-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.orbita-vr-embed .intro-points {
  display: none !important;
}

@media (max-width: 760px) {
  .orbita-vr-embed .intro-screen {
    padding: 16px;
    align-items: flex-end;
  }

  .orbita-vr-embed .intro-card {
    width: 100%;
    padding: 22px 20px;
    border-radius: 24px;
  }

  .orbita-vr-embed .intro-card h3 {
    font-size: clamp(28px, 8vw, 40px);
    max-width: 12ch;
  }

  .orbita-vr-embed .intro-card p {
    font-size: 15px;
    line-height: 1.55;
  }

  .orbita-vr-embed .intro-mini-points {
    gap: 8px;
  }

  .orbita-vr-embed .intro-mini-points span {
    font-size: 12px;
    padding: 9px 12px;
  }
}


/* ==============================================================
   v31 — redesenho real da interface 360º
   Remove o aspecto de painel técnico e deixa a experiência mais premium
   ============================================================== */

#orbitaVrExperience.orbita-vr-embed {
  border-radius: 34px !important;
  box-shadow: 0 36px 100px rgba(8, 15, 25, .22) !important;
  background: #05070d !important;
}

#orbitaVrExperience.orbita-vr-embed::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.04) 28%, rgba(0,0,0,0) 52%),
    linear-gradient(0deg, rgba(0,0,0,.24) 0%, rgba(0,0,0,0) 32%) !important;
}

#orbitaVrExperience.orbita-vr-embed::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 6 !important;
  pointer-events: none !important;
  border-radius: 34px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), inset 0 0 90px rgba(0,0,0,.12) !important;
}

/* Topbar deixa de ser aquela faixa pesada atravessando a imagem */
#orbitaVrExperience.orbita-vr-embed .topbar {
  top: 22px !important;
  left: 22px !important;
  right: 22px !important;
  width: auto !important;
  transform: none !important;
  z-index: 32 !important;

  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 14px !important;

  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

/* Marca vira um selo discreto */
#orbitaVrExperience.orbita-vr-embed .brand-wrap {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  gap: 8px !important;
  padding: 7px 9px !important;
  border-radius: 999px !important;
  background: rgba(8, 12, 20, .38) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(12px) saturate(120%) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.14) !important;
}

#orbitaVrExperience.orbita-vr-embed .brand-logo-text {
  min-width: auto !important;
  width: auto !important;
  height: 30px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

#orbitaVrExperience.orbita-vr-embed .brand-wrap > div:not(.brand-logo-text) {
  display: none !important;
}

/* Botão de apresentação vira pílula pequena no canto */
#orbitaVrExperience.orbita-vr-embed .topbar-actions {
  display: flex !important;
  gap: 8px !important;
}

#orbitaVrExperience.orbita-vr-embed .topbar-actions button {
  min-height: 38px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,.92) !important;
  background: rgba(8, 12, 20, .44) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(12px) saturate(120%) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.14) !important;
}

/* Mini controles: menores, discretos e integrados */
#orbitaVrExperience.orbita-vr-embed .mini-controls {
  top: 72px !important;
  left: 22px !important;
  z-index: 32 !important;

  display: inline-flex !important;
  gap: 6px !important;
  padding: 5px !important;
  border-radius: 999px !important;
  background: rgba(8, 12, 20, .40) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(12px) saturate(120%) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.15) !important;
}

#orbitaVrExperience.orbita-vr-embed .mini-controls button {
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: rgba(255,255,255,.92) !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: none !important;
}

#orbitaVrExperience.orbita-vr-embed .mini-controls #miniStartBtn {
  background: #183d69 !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.06) !important;
}

/* Indicador de gesto: menor e menos chamativo */
#orbitaVrExperience.orbita-vr-embed .gesture-indicator {
  top: 72px !important;
  right: 22px !important;
  z-index: 32 !important;

  min-width: 142px !important;
  padding: 10px 13px !important;
  border-radius: 18px !important;
  background: rgba(8, 12, 20, .44) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(12px) saturate(120%) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.14) !important;
}

#orbitaVrExperience.orbita-vr-embed .gesture-indicator__label {
  margin-bottom: 4px !important;
  font-size: 9px !important;
  letter-spacing: .18em !important;
  color: rgba(255,255,255,.52) !important;
}

#orbitaVrExperience.orbita-vr-embed .gesture-indicator strong {
  font-size: 13px !important;
  line-height: 1.15 !important;
  color: rgba(255,255,255,.90) !important;
}

/* Painel de detalhes quando aberto: mais premium e menos largo */
#orbitaVrExperience.orbita-vr-embed .panel {
  top: 118px !important;
  left: 22px !important;
  width: min(350px, calc(100% - 44px)) !important;
  max-height: calc(100% - 140px) !important;
  padding: 18px !important;
  border-radius: 26px !important;
  background: rgba(8, 12, 20, .72) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(18px) saturate(120%) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.22) !important;
}

#orbitaVrExperience.orbita-vr-embed .panel h2 {
  font-size: clamp(24px, 2.7vw, 32px) !important;
}

#orbitaVrExperience.orbita-vr-embed .panel p {
  font-size: 13px !important;
  line-height: 1.58 !important;
}

/* Cards internos mais finos */
#orbitaVrExperience.orbita-vr-embed .niche-grid {
  gap: 8px !important;
  margin-top: 14px !important;
}

#orbitaVrExperience.orbita-vr-embed .niche-card,
#orbitaVrExperience.orbita-vr-embed .scene-button,
#orbitaVrExperience.orbita-vr-embed .benefits-box,
#orbitaVrExperience.orbita-vr-embed .cta-box,
#orbitaVrExperience.orbita-vr-embed .scene-switcher {
  border-radius: 16px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
}

#orbitaVrExperience.orbita-vr-embed .niche-card,
#orbitaVrExperience.orbita-vr-embed .scene-button {
  padding: 11px 12px !important;
}

#orbitaVrExperience.orbita-vr-embed .niche-card strong,
#orbitaVrExperience.orbita-vr-embed .scene-button strong {
  font-size: 12px !important;
}

#orbitaVrExperience.orbita-vr-embed .niche-card span,
#orbitaVrExperience.orbita-vr-embed .scene-button span {
  font-size: 10.5px !important;
  line-height: 1.35 !important;
}

#orbitaVrExperience.orbita-vr-embed .controls {
  gap: 7px !important;
}

#orbitaVrExperience.orbita-vr-embed .controls button,
#orbitaVrExperience.orbita-vr-embed .cta-link {
  min-height: 34px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
}

/* Hotspot: mais elegante */
#orbitaVrExperience.orbita-vr-embed .hotspot-button {
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,.92) !important;
  background: rgba(8, 12, 20, .58) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(10px) saturate(120%) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.16) !important;
}

#orbitaVrExperience.orbita-vr-embed .hotspot-button::before {
  width: 18px !important;
  height: 18px !important;
  margin-right: 7px !important;
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
}

/* Ajuda inferior mais leve */
#orbitaVrExperience.orbita-vr-embed .hint {
  left: 22px !important;
  bottom: 22px !important;
  width: min(340px, calc(100% - 44px)) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

#orbitaVrExperience.orbita-vr-embed .gesture-guide--minimal .gesture-guide__stage {
  grid-template-columns: 74px 1fr !important;
  gap: 12px !important;
}

#orbitaVrExperience.orbita-vr-embed .gesture-guide--minimal .gesture-guide__visual {
  min-height: 74px !important;
}

#orbitaVrExperience.orbita-vr-embed .gesture-guide--minimal .gesture-guide__visual svg,
#orbitaVrExperience.orbita-vr-embed .gesture-guide__visual img {
  width: 66px !important;
}

#orbitaVrExperience.orbita-vr-embed .gesture-guide--minimal .gesture-guide__content h4 {
  font-size: 17px !important;
  margin: 0 0 3px !important;
}

#orbitaVrExperience.orbita-vr-embed .gesture-guide--minimal .gesture-guide__content p {
  font-size: 12.5px !important;
  line-height: 1.42 !important;
  color: rgba(255,255,255,.76) !important;
}

/* Câmera: menor e menos pesada */
#orbitaVrExperience.orbita-vr-embed .cameraBox {
  right: 22px !important;
  bottom: 22px !important;
  width: min(240px, calc(100% - 44px)) !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(8, 12, 20, .52) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.20) !important;
}

/* Modo apresentação: interface quase toda desaparece */
#orbitaVrExperience.orbita-vr-embed.presentation-mode .topbar,
#orbitaVrExperience.orbita-vr-embed.presentation-mode .mini-controls,
#orbitaVrExperience.orbita-vr-embed.presentation-mode .gesture-indicator {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Responsivo */
@media (max-width: 760px) {
  #orbitaVrExperience.orbita-vr-embed {
    border-radius: 22px !important;
  }

  #orbitaVrExperience.orbita-vr-embed::after {
    border-radius: 22px !important;
  }

  #orbitaVrExperience.orbita-vr-embed .topbar {
    top: 12px !important;
    left: 12px !important;
    right: 12px !important;
  }

  #orbitaVrExperience.orbita-vr-embed .topbar-actions button {
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
  }

  #orbitaVrExperience.orbita-vr-embed .mini-controls {
    top: 62px !important;
    left: 12px !important;
    max-width: calc(100% - 24px) !important;
    overflow-x: auto !important;
  }

  #orbitaVrExperience.orbita-vr-embed .mini-controls button {
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
  }

  #orbitaVrExperience.orbita-vr-embed .gesture-indicator {
    top: 110px !important;
    right: 12px !important;
    min-width: 126px !important;
    padding: 9px 11px !important;
  }

  #orbitaVrExperience.orbita-vr-embed .panel {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    top: auto !important;
    width: auto !important;
    max-height: 52% !important;
    border-radius: 22px !important;
  }

  #orbitaVrExperience.orbita-vr-embed .hint {
    left: 12px !important;
    bottom: 12px !important;
    width: min(286px, calc(100% - 24px)) !important;
  }

  #orbitaVrExperience.orbita-vr-embed .cameraBox {
    right: 12px !important;
    bottom: 12px !important;
    width: 140px !important;
  }

  #orbitaVrExperience.orbita-vr-embed .gesture-guide--minimal .gesture-guide__stage {
    grid-template-columns: 58px 1fr !important;
    gap: 10px !important;
  }

  #orbitaVrExperience.orbita-vr-embed .gesture-guide--minimal .gesture-guide__visual svg,
  #orbitaVrExperience.orbita-vr-embed .gesture-guide__visual img {
    width: 52px !important;
  }

  #orbitaVrExperience.orbita-vr-embed .gesture-guide--minimal .gesture-guide__content h4 {
    font-size: 15px !important;
  }

  #orbitaVrExperience.orbita-vr-embed .gesture-guide--minimal .gesture-guide__content p {
    font-size: 11.5px !important;
  }
}


/* ==============================================================
   v32 — navegação interna entre projetos do portfólio
   ============================================================== */
.orbita-related-projects {
  margin-top: 34px;
  padding: 34px;
  border-radius: 34px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background:
    radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--accent-color), transparent 88%), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f7f8fa 100%);
  box-shadow: 0 24px 70px rgba(15, 23, 42, .07);
}

.orbita-related-head {
  max-width: 760px;
  margin-bottom: 24px;
}

.orbita-related-head h3 {
  margin: 8px 0 10px;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1;
  letter-spacing: -.045em;
}

.orbita-related-head p {
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 28%);
  line-height: 1.7;
}

.orbita-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.orbita-related-card {
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: #fff;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .07);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.orbita-related-card:hover,
.orbita-related-card.is-active {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--accent-color), transparent 48%);
  box-shadow: 0 26px 65px rgba(15, 23, 42, .11);
}

.orbita-related-media {
  position: relative;
  min-height: 160px;
  background:
    linear-gradient(135deg, rgba(24,61,105,.92), rgba(9,16,28,.92)),
    linear-gradient(45deg, rgba(255,255,255,.12) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.12) 75%, transparent 75%, transparent);
  background-size: auto, 28px 28px;
  display: flex;
  align-items: flex-end;
  padding: 18px;
}

.orbita-related-media--imoveis {
  background:
    linear-gradient(135deg, rgba(24,61,105,.86), rgba(6,10,18,.86)),
    radial-gradient(circle at 32% 34%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(45deg, rgba(255,255,255,.10) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.10) 50%, rgba(255,255,255,.10) 75%, transparent 75%, transparent);
  background-size: auto, auto, 30px 30px;
}

.orbita-related-media--lancamentos {
  background:
    linear-gradient(135deg, rgba(13,76,105,.86), rgba(6,10,18,.88)),
    radial-gradient(circle at 76% 24%, rgba(255,255,255,.20), transparent 26%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 1px, transparent 1px 18px);
}

.orbita-related-media--eventos {
  background:
    linear-gradient(135deg, rgba(24,61,105,.88), rgba(18,18,30,.90)),
    radial-gradient(circle at 72% 34%, rgba(255,255,255,.20), transparent 24%),
    repeating-linear-gradient(-45deg, rgba(255,255,255,.08) 0 1px, transparent 1px 16px);
}

.orbita-related-media span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
}

.orbita-related-body {
  padding: 24px;
}

.orbita-related-kicker {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 7px 12px;
  border-radius: 999px;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 91%);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.orbita-related-body h4 {
  margin: 0 0 10px;
  font-size: 23px;
  line-height: 1.12;
  letter-spacing: -.035em;
}

.orbita-related-body p {
  margin: 0 0 18px;
  color: color-mix(in srgb, var(--default-color), transparent 28%);
  line-height: 1.65;
}

.orbita-related-btn {
  width: 100%;
  min-height: 46px;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #fff;
  background: var(--accent-color);
  font-weight: 800;
  transition: transform .22s ease, background .22s ease;
}

.orbita-related-btn:hover {
  transform: translateY(-1px);
  background: color-mix(in srgb, var(--accent-color), #000 10%);
}

.orbita-related-card.is-active .orbita-related-btn {
  background: #07101d;
}

@media (max-width: 991px) {
  .orbita-related-projects {
    padding: 26px;
    border-radius: 28px;
  }

  .orbita-related-grid {
    grid-template-columns: 1fr;
  }

  .orbita-related-media {
    min-height: 140px;
  }
}

@media (max-width: 575px) {
  .orbita-related-projects {
    padding: 22px;
    border-radius: 24px;
  }

  .orbita-related-body {
    padding: 20px;
  }

  .orbita-related-body h4 {
    font-size: 21px;
  }
}


/* ==============================================================
   v34 — página de projeto do portfólio
   Remove abordagem de landing page e prioriza apresentação do projeto
   ============================================================== */

.page-title.orbita-project-hero {
  min-height: 540px !important;
  padding: 138px 0 62px !important;
  display: flex !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 78% 22%, rgba(255,255,255,.07), transparent 28%),
    linear-gradient(135deg, #05070c 0%, #09111d 50%, #05070c 100%) !important;
}

.page-title.orbita-project-hero::before {
  background:
    linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,.02)),
    radial-gradient(circle at 22% 74%, rgba(24,61,105,.24), transparent 30%) !important;
}

.orbita-project-hero-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .56fr);
  gap: 42px;
  align-items: end;
}

.orbita-project-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: rgba(255,255,255,.62);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.orbita-project-eyebrow::before {
  content: "";
  width: 36px;
  height: 2px;
  background: rgba(255,255,255,.52);
}

.page-title.orbita-project-hero h1 {
  max-width: 850px;
  margin: 0;
  color: #fff;
  text-align: left;
  font-size: clamp(48px, 7vw, 88px);
  line-height: .91;
  letter-spacing: -.068em;
}

.page-title.orbita-project-hero p {
  max-width: 680px;
  margin: 22px 0 0;
  color: rgba(255,255,255,.72);
  text-align: left;
  font-size: clamp(17px, 1.25vw, 20px);
  line-height: 1.62;
}

.orbita-project-meta {
  display: grid;
  gap: 10px;
  padding: 18px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(16px);
  box-shadow: 0 22px 60px rgba(0,0,0,.20);
}

.orbita-project-meta div {
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.075);
}

.orbita-project-meta span {
  display: block;
  margin-bottom: 6px;
  color: rgba(255,255,255,.52);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.orbita-project-meta strong {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
}

.page-title.orbita-project-hero .breadcrumbs {
  position: relative;
  z-index: 2;
  margin-top: 32px;
  text-align: left;
}

.page-title.orbita-project-hero .breadcrumbs ol {
  justify-content: flex-start;
}

.orbita-project-section-head {
  max-width: 760px;
}

.orbita-project-notes {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 22px;
  margin-top: 30px;
}

.orbita-project-notes article {
  padding: 28px;
  border-radius: 28px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: #fff;
  box-shadow: 0 20px 60px rgba(15,23,42,.06);
}

.orbita-project-notes h3 {
  margin: 8px 0 12px;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.orbita-project-notes p {
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 24%);
  line-height: 1.72;
}

.orbita-project-notes ul {
  display: grid;
  gap: 12px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.orbita-project-notes li {
  display: flex;
  gap: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 18%);
  line-height: 1.5;
}

.orbita-project-notes li i {
  color: var(--accent-color);
  margin-top: 3px;
}

.orbita-related-projects {
  margin-top: 30px !important;
  padding: 30px !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--accent-color), transparent 91%), transparent 28%),
    #fff !important;
}

.orbita-related-head h3 {
  margin: 8px 0 10px !important;
  font-size: clamp(28px, 3.6vw, 42px) !important;
}

.orbita-related-head p {
  max-width: 680px;
}

.orbita-related-body h4 {
  font-size: 22px !important;
}

.orbita-related-body p {
  font-size: 15px !important;
}

.orbita-related-btn {
  min-height: 44px !important;
}

.orbita-project-footer-nav {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.orbita-project-footer-nav a {
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 84%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--heading-color);
  background: #fff;
  font-weight: 800;
  text-decoration: none;
}

.orbita-project-footer-nav a:hover {
  color: #fff;
  background: var(--accent-color);
  border-color: var(--accent-color);
}

/* Reduzir sensação de sistema técnico na primeira visão */
#orbitaVrExperience.orbita-vr-embed:not(.panel-open) #miniResetBtn,
#orbitaVrExperience.orbita-vr-embed:not(.panel-open) .gesture-indicator {
  display: none !important;
}

#orbitaVrExperience.orbita-vr-embed .mini-controls {
  max-width: calc(100% - 44px);
}

#orbitaVrExperience.orbita-vr-embed .mini-controls button {
  text-transform: none !important;
}

@media (max-width: 991px) {
  .page-title.orbita-project-hero {
    min-height: auto !important;
    padding: 130px 0 56px !important;
  }

  .orbita-project-hero-inner,
  .orbita-project-notes {
    grid-template-columns: 1fr;
  }

  .orbita-project-meta {
    margin-top: 4px;
  }
}

@media (max-width: 575px) {
  .page-title.orbita-project-hero h1 {
    font-size: clamp(42px, 13vw, 58px);
  }

  .orbita-project-meta,
  .orbita-project-notes article,
  .orbita-related-projects {
    padding: 22px !important;
    border-radius: 24px !important;
  }

  .orbita-project-footer-nav {
    align-items: stretch;
    flex-direction: column;
  }

  .orbita-project-footer-nav a {
    width: 100%;
  }
}


/* ==============================================================
   v36 — correção visual real da página de projeto
   - hero com imagem visível do projeto
   - header branco no hero e escuro após sair do hero
   - seção 360º mais limpa e equilibrada
   ============================================================== */

.page-title.orbita-project-hero-v36 {
  min-height: 620px !important;
  padding: 150px 0 76px !important;
  display: flex !important;
  align-items: flex-end !important;
  background:
    linear-gradient(90deg, rgba(3,6,12,.82) 0%, rgba(3,6,12,.54) 42%, rgba(3,6,12,.18) 72%, rgba(3,6,12,.34) 100%),
    linear-gradient(180deg, rgba(3,6,12,.52) 0%, rgba(3,6,12,.08) 38%, rgba(3,6,12,.80) 100%),
    url("../img/embedded/embedded-d3561b6e5d88.webp") center center / cover no-repeat !important;
}

.page-title.orbita-project-hero-v36::before {
  display: none !important;
}

.orbita-project-hero-v36__content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 900px !important;
}

.orbita-project-hero-v36 h1 {
  margin: 0 !important;
  max-width: 820px !important;
  color: #fff !important;
  font-size: clamp(48px, 7vw, 92px) !important;
  line-height: .92 !important;
  letter-spacing: -.068em !important;
  text-align: left !important;
  text-shadow: 0 18px 48px rgba(0,0,0,.34) !important;
}

.orbita-project-hero-v36 p {
  max-width: 740px !important;
  margin: 24px 0 0 !important;
  color: rgba(255,255,255,.80) !important;
  font-size: clamp(17px, 1.35vw, 21px) !important;
  line-height: 1.58 !important;
  text-align: left !important;
  text-shadow: 0 10px 32px rgba(0,0,0,.34) !important;
}

.orbita-project-hero-v36 .orbita-project-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.orbita-project-hero-v36 .orbita-project-eyebrow::before {
  content: "" !important;
  width: 36px !important;
  height: 2px !important;
  background: rgba(255,255,255,.62) !important;
}

.orbita-project-meta-v36 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 28px !important;
}

.orbita-project-meta-v36 span {
  min-height: 38px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,.90) !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(12px) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.orbita-project-hero-v36 .breadcrumbs {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 34px !important;
  text-align: left !important;
}

.orbita-project-hero-v36 .breadcrumbs ol {
  justify-content: flex-start !important;
}

.orbita-project-hero-v36 .breadcrumbs,
.orbita-project-hero-v36 .breadcrumbs a,
.orbita-project-hero-v36 .breadcrumbs li,
.orbita-project-hero-v36 .breadcrumbs .current {
  color: rgba(255,255,255,.78) !important;
}

/* Header branco sobre o hero */
body.portfolio-details-page:not(.project-hero-passed) #header,
body.portfolio-details-page:not(.project-hero-passed) .header {
  background: transparent !important;
  box-shadow: none !important;
}

body.portfolio-details-page:not(.project-hero-passed) #header .logo,
body.portfolio-details-page:not(.project-hero-passed) #header .logo *,
body.portfolio-details-page:not(.project-hero-passed) #header .sitename,
body.portfolio-details-page:not(.project-hero-passed) #header .navmenu a,
body.portfolio-details-page:not(.project-hero-passed) #header .mobile-nav-toggle,
body.portfolio-details-page:not(.project-hero-passed) #header .cta-btn {
  color: #fff !important;
}

body.portfolio-details-page:not(.project-hero-passed) #header .logo img,
body.portfolio-details-page:not(.project-hero-passed) #header .header-logo,
body.portfolio-details-page:not(.project-hero-passed) #header .brand-logo {
  filter: brightness(0) invert(1) !important;
}

body.portfolio-details-page.project-hero-passed #header .logo,
body.portfolio-details-page.project-hero-passed #header .logo *,
body.portfolio-details-page.project-hero-passed #header .sitename,
body.portfolio-details-page.project-hero-passed #header .navmenu a,
body.portfolio-details-page.project-hero-passed #header .mobile-nav-toggle {
  color: #151820 !important;
}

body.portfolio-details-page.project-hero-passed #header .logo img,
body.portfolio-details-page.project-hero-passed #header .header-logo,
body.portfolio-details-page.project-hero-passed #header .brand-logo {
  filter: none !important;
}

/* Seção Explore 360º */
.orbita-project-section-head-v36 {
  display: grid !important;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) !important;
  gap: clamp(26px, 4vw, 56px) !important;
  align-items: start !important;
  margin-bottom: 26px !important;
}

.orbita-project-section-head-v36 .section-kicker {
  margin: 15px 0 0 !important;
  max-width: 180px !important;
}

.orbita-project-section-head-v36 h2 {
  margin: 0 0 16px !important;
  max-width: 760px !important;
  color: var(--heading-color) !important;
  font-size: clamp(42px, 5.3vw, 72px) !important;
  line-height: .96 !important;
  letter-spacing: -.06em !important;
  text-align: left !important;
}

.orbita-project-section-head-v36 p {
  max-width: 760px !important;
  margin: 0 !important;
  color: color-mix(in srgb, var(--default-color), transparent 28%) !important;
  font-size: clamp(16px, 1.15vw, 18px) !important;
  line-height: 1.68 !important;
  text-align: left !important;
}

/* Reduzir visual de sistema técnico na primeira visão */
#orbitaVrExperience.orbita-vr-embed:not(.panel-open) #miniResetBtn,
#orbitaVrExperience.orbita-vr-embed:not(.panel-open) .gesture-indicator {
  display: none !important;
}

@media (max-width: 991px) {
  .page-title.orbita-project-hero-v36 {
    min-height: 540px !important;
    padding: 130px 0 58px !important;
    align-items: flex-end !important;
    background:
      linear-gradient(180deg, rgba(3,6,12,.76) 0%, rgba(3,6,12,.36) 45%, rgba(3,6,12,.84) 100%),
      url("../img/embedded/embedded-d3561b6e5d88.webp") center center / cover no-repeat !important;
  }

  .orbita-project-section-head-v36 {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .orbita-project-section-head-v36 .section-kicker {
    max-width: none !important;
    margin-top: 0 !important;
  }

  .orbita-project-section-head-v36 h2 {
    font-size: clamp(36px, 10vw, 52px) !important;
  }
}

@media (max-width: 575px) {
  .orbita-project-hero-v36 h1 {
    font-size: clamp(42px, 13vw, 58px) !important;
  }

  .orbita-project-meta-v36 {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .orbita-project-meta-v36 span {
    width: auto !important;
  }
}


/* ==============================================================
   v37 — correção fina
   - logo e MENU brancos no hero
   - manter "experiência 360º" contínuo no título
   ============================================================== */

/* Evita quebra visual entre experiência e 360º */
.orbita-project-section-head-v36 h2 {
  white-space: normal !important;
}

.orbita-project-section-head-v36 h2 .no-break,
.orbita-project-section-head-v36 h2 nobr {
  white-space: nowrap !important;
}

/* Header branco no hero: regra forte para essa página */
body.portfolio-details-page:not(.project-hero-passed) #header,
body.portfolio-details-page:not(.project-hero-passed) header.header,
body.portfolio-details-page:not(.project-hero-passed) .header {
  background: transparent !important;
  box-shadow: none !important;
}

/* Logo em texto, SVG, imagem ou qualquer variação */
body.portfolio-details-page:not(.project-hero-passed) #header .logo,
body.portfolio-details-page:not(.project-hero-passed) #header .logo *,
body.portfolio-details-page:not(.project-hero-passed) #header .logo span,
body.portfolio-details-page:not(.project-hero-passed) #header .logo h1,
body.portfolio-details-page:not(.project-hero-passed) #header .sitename,
body.portfolio-details-page:not(.project-hero-passed) #header .logo-text,
body.portfolio-details-page:not(.project-hero-passed) #header .orbita-logo-text,
body.portfolio-details-page:not(.project-hero-passed) #header .brand-text {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Imagens de logo escurecidas viram brancas no hero */
body.portfolio-details-page:not(.project-hero-passed) #header .logo img,
body.portfolio-details-page:not(.project-hero-passed) #header img.logo-img,
body.portfolio-details-page:not(.project-hero-passed) #header img.header-logo,
body.portfolio-details-page:not(.project-hero-passed) #header img.brand-logo,
body.portfolio-details-page:not(.project-hero-passed) #header svg {
  filter: brightness(0) invert(1) !important;
}

/* MENU e ícone hamburger brancos no hero */
body.portfolio-details-page:not(.project-hero-passed) #header .navmenu,
body.portfolio-details-page:not(.project-hero-passed) #header .navmenu *,
body.portfolio-details-page:not(.project-hero-passed) #header .navmenu a,
body.portfolio-details-page:not(.project-hero-passed) #header .menu-label,
body.portfolio-details-page:not(.project-hero-passed) #header .menu-text,
body.portfolio-details-page:not(.project-hero-passed) #header [class*="menu"],
body.portfolio-details-page:not(.project-hero-passed) #header .mobile-nav-toggle,
body.portfolio-details-page:not(.project-hero-passed) #header .bi-list,
body.portfolio-details-page:not(.project-hero-passed) #header .bi-x {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Caso o hamburger seja feito com spans/barras */
body.portfolio-details-page:not(.project-hero-passed) #header .hamburger span,
body.portfolio-details-page:not(.project-hero-passed) #header .menu-toggle span,
body.portfolio-details-page:not(.project-hero-passed) #header .mobile-nav-toggle span,
body.portfolio-details-page:not(.project-hero-passed) #header [class*="hamburger"] span {
  background: #ffffff !important;
}

/* Botão do header no hero */
body.portfolio-details-page:not(.project-hero-passed) #header .cta-btn {
  color: #ffffff !important;
  border-color: rgba(255,255,255,.34) !important;
  background: rgba(255,255,255,.06) !important;
}

/* Ao sair do hero, volta para escuro */
body.portfolio-details-page.project-hero-passed #header .logo,
body.portfolio-details-page.project-hero-passed #header .logo *,
body.portfolio-details-page.project-hero-passed #header .sitename,
body.portfolio-details-page.project-hero-passed #header .navmenu,
body.portfolio-details-page.project-hero-passed #header .navmenu *,
body.portfolio-details-page.project-hero-passed #header .navmenu a,
body.portfolio-details-page.project-hero-passed #header .menu-label,
body.portfolio-details-page.project-hero-passed #header .menu-text,
body.portfolio-details-page.project-hero-passed #header [class*="menu"],
body.portfolio-details-page.project-hero-passed #header .mobile-nav-toggle {
  color: #151820 !important;
  fill: #151820 !important;
  stroke: #151820 !important;
}

body.portfolio-details-page.project-hero-passed #header .logo img,
body.portfolio-details-page.project-hero-passed #header img.logo-img,
body.portfolio-details-page.project-hero-passed #header img.header-logo,
body.portfolio-details-page.project-hero-passed #header img.brand-logo,
body.portfolio-details-page.project-hero-passed #header svg {
  filter: none !important;
}


/* ==============================================================
   v38 — correção definitiva do header no hero e do título 360º
   ============================================================== */

/* Título: manter "experiência 360º" junto e dar largura para não quebrar */
.orbita-project-section-head-v36 {
  grid-template-columns: minmax(160px, 210px) minmax(760px, 1fr) !important;
}

.orbita-project-section-head-v36 h2 {
  max-width: none !important;
  white-space: nowrap !important;
  font-size: clamp(40px, 4.4vw, 64px) !important;
}

.orbita-project-section-head-v36 h2 .orbita-title-nowrap {
  white-space: nowrap !important;
  display: inline-block !important;
}

/* HERO: replicar comportamento do index: logo branca visível, preta escondida */
body.portfolio-details-page:not(.project-hero-passed) .header.orbita-editorial-header .orbita-logo-black,
body.portfolio-details-page:not(.project-hero-passed) .header.orbita-editorial-header .orbita-logo-black.orbita-editorial-logo-img,
body.portfolio-details-page:not(.project-hero-passed) #header.orbita-editorial-header .orbita-logo-black,
body.portfolio-details-page:not(.project-hero-passed) #header.orbita-editorial-header .orbita-logo-black.orbita-editorial-logo-img,
html body.portfolio-details-page:not(.project-hero-passed) header#header .orbita-editorial-logo .orbita-logo-black {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}

body.portfolio-details-page:not(.project-hero-passed) .header.orbita-editorial-header .orbita-logo-white,
body.portfolio-details-page:not(.project-hero-passed) .header.orbita-editorial-header .orbita-logo-white.orbita-editorial-logo-img,
body.portfolio-details-page:not(.project-hero-passed) #header.orbita-editorial-header .orbita-logo-white,
body.portfolio-details-page:not(.project-hero-passed) #header.orbita-editorial-header .orbita-logo-white.orbita-editorial-logo-img,
html body.portfolio-details-page:not(.project-hero-passed) header#header .orbita-editorial-logo .orbita-logo-white {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  filter: none !important;
}

/* Se a logo branca falhar por cache, inverter qualquer imagem remanescente da logo no hero */
body.portfolio-details-page:not(.project-hero-passed) #header .orbita-editorial-logo img {
  filter: brightness(0) invert(1) !important;
}

/* Menu branco no hero */
body.portfolio-details-page:not(.project-hero-passed) .header.orbita-editorial-header .orbita-menu-label,
body.portfolio-details-page:not(.project-hero-passed) .header.orbita-editorial-header .mobile-nav-toggle,
body.portfolio-details-page:not(.project-hero-passed) .header.orbita-editorial-header .orbita-menu-toggle,
body.portfolio-details-page:not(.project-hero-passed) #header.orbita-editorial-header .orbita-menu-label,
body.portfolio-details-page:not(.project-hero-passed) #header.orbita-editorial-header .mobile-nav-toggle,
body.portfolio-details-page:not(.project-hero-passed) #header.orbita-editorial-header .orbita-menu-toggle {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Após o hero: volta ao estado escuro do index */
body.portfolio-details-page.project-hero-passed .header.orbita-editorial-header .orbita-logo-black,
body.portfolio-details-page.project-hero-passed #header.orbita-editorial-header .orbita-logo-black {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  filter: none !important;
}

body.portfolio-details-page.project-hero-passed .header.orbita-editorial-header .orbita-logo-white,
body.portfolio-details-page.project-hero-passed #header.orbita-editorial-header .orbita-logo-white {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}

body.portfolio-details-page.project-hero-passed .header.orbita-editorial-header .orbita-menu-label,
body.portfolio-details-page.project-hero-passed .header.orbita-editorial-header .mobile-nav-toggle,
body.portfolio-details-page.project-hero-passed .header.orbita-editorial-header .orbita-menu-toggle,
body.portfolio-details-page.project-hero-passed #header.orbita-editorial-header .orbita-menu-label,
body.portfolio-details-page.project-hero-passed #header.orbita-editorial-header .mobile-nav-toggle,
body.portfolio-details-page.project-hero-passed #header.orbita-editorial-header .orbita-menu-toggle {
  color: #171717 !important;
  fill: #171717 !important;
  stroke: #171717 !important;
}

@media (max-width: 991px) {
  .orbita-project-section-head-v36 {
    grid-template-columns: 1fr !important;
  }

  .orbita-project-section-head-v36 h2 {
    white-space: normal !important;
  }

  .orbita-project-section-head-v36 h2 .orbita-title-nowrap {
    white-space: nowrap !important;
  }
}


/* ==============================================================
   v39 — correção fina de alinhamento do selo no hero
   ============================================================== */

.page-title.orbita-project-hero-v36 .orbita-project-hero-v36__content,
.orbita-project-hero-v36__content {
  text-align: left !important;
  align-items: flex-start !important;
  justify-items: start !important;
}

.page-title.orbita-project-hero-v36 .orbita-project-eyebrow,
.orbita-project-hero-v36 .orbita-project-eyebrow,
.orbita-project-eyebrow {
  display: flex !important;
  width: fit-content !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
}

.page-title.orbita-project-hero-v36 .orbita-project-eyebrow::before,
.orbita-project-hero-v36 .orbita-project-eyebrow::before,
.orbita-project-eyebrow::before {
  flex: 0 0 36px !important;
  margin-left: 0 !important;
}