/* 3D Gabster — abertura com captura real. Tudo escopado em .pg[data-produto="3d-gabster"] .gd3-opening. */
.pg[data-produto="3d-gabster"] .gd3-opening { --gd3-verde: #A3FFA1; --gd3-bege: #C8BFAF; --gd3-papel: #F0EEE9; padding: 88px 0 96px; overflow: hidden; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-grid { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: 64px; align-items: center; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-copy { min-width: 0; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-eyebrow { max-width: 510px; line-height: 20px; letter-spacing: .14em; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-title { font-weight: 400; font-size: clamp(40px, 3.6vw, 54px); line-height: 1.06; letter-spacing: -.03em; overflow-wrap: break-word; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-accent { color: var(--gd3-bege); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-lead { font-size: 18px; line-height: 29px; max-width: 540px; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-support { margin: 20px 0 0; font-size: 15px; line-height: 24px; color: var(--tinta-suave); max-width: 520px; }
.pg[data-produto="3d-gabster"] .gd3-opening .acoes { margin-top: 36px; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-experience { min-width: 0; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-intro { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 24px; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-kicker { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--tinta-suave); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gd3-verde); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-note { font-size: 12px; color: #96AAAF; }
/* Altura frontal, incluindo o deslocamento de 32%: 1,32 × (cabeçalho + bordas + imagem 832/410). */
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-stack { position: relative; height: 0; padding-top: calc(57.25% + 65px); isolation: isolate; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-card { position: absolute; left: 0; top: 0; width: 88%; overflow: hidden; background: #17252D; border: 1px solid rgba(135,154,155,.25); border-radius: 11px; box-shadow: 0 24px 45px rgba(7,19,27,.33); transform-origin: top left; transition: transform .8s cubic-bezier(.22,.68,.18,1), filter .8s; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-card[data-position="front"] { z-index: 3; transform: translate(0, 32%) scale(1); filter: brightness(1); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-card[data-position="middle"] { z-index: 2; transform: translate(10%, 14%) scale(.91); filter: brightness(.68); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-card[data-position="back"] { z-index: 1; transform: translate(3%, 0) scale(.82); filter: brightness(.43); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-card-head { height: 48px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #EFF0E9; color: #20343D; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-brand { font-family: var(--sans); font-size: 18px; letter-spacing: -.02em; white-space: nowrap; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-brand b { font-weight: 600; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-card-label { font-size: 12px; font-weight: 600; white-space: nowrap; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-media { aspect-ratio: 832 / 410; position: relative; overflow: hidden; background: #E9ECEE; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-media video,
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-media img { position: absolute; left: 0; top: -6.829%; width: 100%; height: 113.171%; object-fit: fill; display: block; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-media img { z-index: 1; transition: opacity .2s; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-card.is-ready[data-position="front"] .gd3-still { opacity: 0; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-card.is-failed .gd3-still { opacity: 1; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-card-select { position: absolute; inset: 0; z-index: 4; border: 0; padding: 0; background: transparent; cursor: pointer; border-radius: 11px; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-card[data-position="front"] .gd3-card-select { display: none; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-controls { display: flex; align-items: center; gap: 16px; margin: 22px 0 20px; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-play { position: relative; flex: 0 0 48px; width: 48px; height: 48px; border: 0; padding: 0; border-radius: 50%; background: var(--gd3-papel); color: #20333C; display: grid; place-items: center; cursor: pointer; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-play[hidden] { display: none; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-ring { position: absolute; inset: -3px; width: 54px; height: 54px; transform: rotate(-90deg); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-ring circle { fill: none; stroke-width: 2.5; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-ring-base { stroke: rgba(108,129,123,.4); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-ring-bar { stroke: var(--gd3-verde); stroke-dasharray: 119.38; stroke-dashoffset: 119.38; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-ico { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-ico-play { fill: currentColor; stroke-width: 1; margin-left: 2px; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-play[data-state="playing"] .gd3-ico-play,
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-play[data-state="paused"] .gd3-ico-pause { display: none; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-current { flex: 1; min-width: 0; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-count { font-size: 11px; letter-spacing: .12em; color: #A5B6B9; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-scene-title { margin: 4px 0 2px; font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: -.01em; color: var(--tinta); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-scene-copy { margin: 0; font-size: 13px; line-height: 19px; color: #B6C0BD; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-expand { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(130,148,147,.4); color: var(--tinta); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-expand svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-chapters { display: flex; gap: 16px; border-top: 1px solid rgba(153,167,167,.18); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-chapters button { flex: 1; min-width: 0; min-height: 44px; position: relative; text-align: left; border: 0; background: none; padding: 14px 0; color: #8D9EA3; font-family: var(--sans); font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-chapters button span { font-size: 11px; margin-right: 6px; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-chapters button[aria-pressed="true"] { color: var(--tinta); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-chapters i { position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--gd3-verde); transform: scaleX(0); transform-origin: left; transition: transform .5s; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-chapters button[aria-pressed="true"] i { transform: scaleX(1); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-footnote { margin: 6px 0 0; font-size: 12px; line-height: 18px; color: #9DAEB1; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-footnote a { color: var(--tinta); text-decoration: underline; text-underline-offset: 3px; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-original { display: none; }
.pg[data-produto="3d-gabster"] .gd3-opening.gd3-has-error .gd3-original { display: inline; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-dialog { width: min(1100px, 94vw); max-height: 92vh; border: 1px solid rgba(105,127,135,.33); border-radius: 12px; background: #162730; color: var(--gd3-papel); padding: 0; box-shadow: 0 30px 100px rgba(0,0,0,.5); overflow: hidden; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-dialog::backdrop { background: rgba(7,17,24,.86); }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-modal-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px 12px 20px; font-size: 13px; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-modal-top button { min-height: 40px; background: none; border: 1px solid rgba(130,148,147,.4); border-radius: 6px; padding: 6px 12px; color: inherit; font: 600 13px var(--sans); cursor: pointer; }
.pg[data-produto="3d-gabster"] .gd3-opening .gd3-original-video { display: block; width: 100%; height: auto; aspect-ratio: 832 / 464; max-height: 78vh; object-fit: contain; background: #0E1A20; }
.pg[data-produto="3d-gabster"] .gd3-opening button:focus-visible,
.pg[data-produto="3d-gabster"] .gd3-opening a:focus-visible { outline: 2px solid var(--gd3-verde); outline-offset: 3px; }
@media (max-width: 1100px) {
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-grid { gap: 40px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-lead { font-size: 16px; line-height: 26px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-intro { flex-wrap: wrap; gap: 6px; }
}
@media (max-width: 800px) {
  .pg[data-produto="3d-gabster"] .gd3-opening { padding: 56px 0 64px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .wrap { padding: 0 24px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-grid { grid-template-columns: minmax(0, 1fr); gap: 48px; max-width: 660px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-title { font-size: 44px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-card { width: 92%; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-stack { padding-top: calc(59.85% + 57px); }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-card-head { height: 42px; padding: 0 14px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-brand { font-size: 16px; }
}
@media (max-width: 500px) {
  .pg[data-produto="3d-gabster"] .gd3-opening .wrap { padding: 0 20px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-title { font-size: 36px; letter-spacing: -.025em; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-lead { font-size: 15px; line-height: 24px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-eyebrow { font-size: 11px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-card { width: 95%; border-radius: 8px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-stack { padding-top: calc(61.8% + 49px); }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-card-head { height: 36px; padding: 0 10px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-brand { font-size: 14px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-card-label { font-size: 10px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-controls { gap: 12px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-scene-title { font-size: 17px; line-height: 22px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-chapters { gap: 8px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-chapters button { font-size: 11px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-chapters button span { display: none; }
}
@media (max-width: 360px) {
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-title { font-size: 32px; }
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-note { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-card,
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-chapters i,
  .pg[data-produto="3d-gabster"] .gd3-opening .gd3-media img { transition: none; }
}