/* Somente a geometria da seção e dos cards. Estilize o conteúdo por dentro. */
[data-card-stack],
[data-card-stack] * {
  box-sizing: border-box;
}

[data-card-stack] {
  padding: 0 40px 48px;
}

[data-card-stack] .stack-track {
  position: relative;
  width: min(100%, 1440px);
  margin: auto;
  overflow: hidden;
  padding-bottom: 32px;
}

[data-card-stack] .stack-slide {
  position: relative;
  height: calc(100svh - 52px);
  padding-top: 52px;
  scroll-margin-top: 0;
}

/* O pin fica neste wrapper. A transformação 3D fica no card interno. */
[data-card-stack] .stack-wrap {
  position: relative;
  perspective: 250vw;
  width: 100%;
  height: 100%;
}

[data-card-stack] .stack-card {
  position: absolute;
  inset: 0;
  margin: 0;
  border-radius: 32px;
  padding: clamp(30px, 3.6vw, 60px);
  transform-origin: 50% 10%;
  transform-style: preserve-3d;
  overflow: hidden;
}

@media (max-width: 991px) {
  [data-card-stack] { padding-inline: 24px; }
  [data-card-stack] .stack-card { padding: 32px; }
}

@media (max-width: 767px) {
  [data-card-stack] { padding: 0 16px 32px; }
  [data-card-stack] .stack-slide {
    height: calc(100svh - 64px);
    padding-top: 48px;
  }
  [data-card-stack] .stack-card {
    border-radius: 23px;
    padding: 24px;
  }
}

@media (max-width: 360px) {
  [data-card-stack] .stack-card { padding: 21px; }
}

@media (prefers-reduced-motion: reduce) {
  [data-card-stack] .stack-slide { height: auto; min-height: 650px; }
  [data-card-stack] .stack-wrap { height: 580px; }
  [data-card-stack] .stack-card { will-change: auto; }
}


/* Somente conteúdo e superfícies do DS Bradial. Mecânica/geometria acima preservadas. */
[data-card-stack] .stack-card{background:radial-gradient(ellipse at 50% 0%,#e3f4ff,#c3e2ff 60%,#eaf6ff);border:1px solid #cce3f9;box-shadow:inset 0 1px 0 #fff;color:#2b465c;display:flex;flex-direction:column;justify-content:center;gap:24px}
.voz-stack-heading{padding-bottom:36px}
.voz-stack-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;width:100%}
.voz-stack-copy h3{margin:0;color:#2b465c;font:400 clamp(28px,2.6vw,38px)/1.15 Roboto,Arial,sans-serif;letter-spacing:-.035em;max-width:18ch}
.voz-stack-copy p{margin:0;max-width:53ch;color:#647f96;font:350 17px/1.65 Roboto,Arial,sans-serif}
.voz-stack-picture{width:100%;min-height:0;display:flex;align-items:center;justify-content:center;margin:0;flex:0 1 auto}
.voz-stack-picture img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 370px);object-fit:contain;border-radius:16px;backface-visibility:hidden}
@media(max-width:991px){.voz-stack-copy{display:block}.voz-stack-copy h3{max-width:none}.voz-stack-copy p{margin-top:12px;max-width:64ch;font-size:16px}}
@media(max-width:767px){.voz-stack-copy h3{font-size:28px}.voz-stack-copy p{font-size:16px;line-height:1.6}.voz-stack-picture{border-radius:12px}.voz-stack-heading{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.voz-stack-picture{width:min(100%,1100px)}}

/* Capturas completas: nenhuma janela, crop, escala desigual ou moldura embutida. */
[data-card-stack] .stack-card{border-radius:24px;will-change:transform,opacity;backface-visibility:hidden}
@media(max-width:767px){[data-card-stack] .stack-card{border-radius:22px}.voz-stack-picture{border-radius:0}.voz-stack-picture img{border-radius:16px}}
@media(prefers-reduced-motion:reduce){[data-card-stack] .stack-card{will-change:auto}}

/* Mesmo eixo para título, descrição e captura completa nos três cards. */
[data-card-stack] .stack-card{--voice-content-width:min(100%,1100px,calc((100svh - 370px)*1.869));align-items:center}
.voz-stack-copy,.voz-stack-picture{width:var(--voice-content-width)}
.voz-stack-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px}
.voz-stack-copy h3{max-width:none}
.voz-stack-copy p{max-width:none}
.voz-stack-picture img{width:100%;max-height:none;height:auto}
@media(max-width:991px){.voz-stack-copy{display:block}.voz-stack-copy p{margin-top:12px}}
@media(prefers-reduced-motion:reduce){[data-card-stack] .stack-card{--voice-content-width:min(100%,1000px)}}

/* Pin abaixo da navegação, card inteiro dentro da área útil da tela. */
[data-voz-stack]{--stack-pin-top:122px;--voice-content-width:100%}
[data-voz-stack] .stack-slide{height:calc(100svh - var(--stack-pin-top) - 24px);padding-top:0}
[data-voz-stack] .stack-card{padding:clamp(24px,3vw,48px);--voice-content-width:inherit;justify-content:center}
[data-voz-stack] .voz-stack-copy,[data-voz-stack] .voz-stack-picture{width:var(--voice-content-width)}
[data-voz-stack] .voz-stack-picture{flex:none}
@media(max-width:767px){[data-voz-stack]{--stack-pin-top:95px}[data-voz-stack] .stack-slide{height:calc(100svh - var(--stack-pin-top) - 16px)}[data-voz-stack] .stack-card{padding:24px}}
@media(max-width:360px){[data-voz-stack] .stack-card{padding:21px}}
@media(prefers-reduced-motion:reduce){[data-voz-stack] .stack-slide{height:auto;min-height:650px}[data-voz-stack] .stack-wrap{height:580px}[data-voz-stack] .stack-card{--voice-content-width:inherit}}

/* Ritmo de fundos existente na home: branco, azul claro e degradês suaves. */
.bradial-voz #plataforma{background:linear-gradient(180deg,#fff 0%,#f8fbff 20%,#eff7ff 65%,#fff 100%)}
.bradial-voz #recursos{background:radial-gradient(ellipse at 5% 45%,#f4faff,transparent 62%),#fff}
.bradial-voz #duvidas{background:#f5faff}

/* Mobile proporcional: altura vem do conteúdo, nunca de uma viewport vazia. */
@media(max-width:767px){
 [data-voz-stack] .stack-slide{height:auto;padding:0 0 24px;min-height:0}
 [data-voz-stack] .stack-wrap{height:auto}
 [data-voz-stack] .stack-card{position:relative;inset:auto;height:auto;min-height:0;padding:24px;gap:20px;--voice-content-width:100%;justify-content:flex-start}
 [data-voz-stack] .voz-stack-copy,[data-voz-stack] .voz-stack-picture{width:100%}
 [data-voz-stack] .voz-stack-picture img{width:100%;height:auto;max-height:none}
}
@media(max-width:360px){[data-voz-stack] .stack-card{padding:21px}}

/* Moldura Features do DS: foto quase na largura do card, sem abas azuis largas. */
[data-voz-stack] .stack-card{width:calc(var(--voice-content-width) + 34px);max-width:100%;margin-inline:auto;padding:16px;gap:20px;justify-content:center;border:1px solid #cce3f9;border-radius:24px;box-shadow:0 0 0 5px #e9f4ff66}
[data-voz-stack] .voz-stack-copy,[data-voz-stack] .voz-stack-picture{width:100%}
[data-voz-stack] .voz-stack-picture img{width:100%;height:auto;max-height:none;border-radius:16px}
@media(max-width:767px){[data-voz-stack] .stack-card{width:100%;--voice-content-width:100%;justify-content:flex-start}}
@media(max-width:520px){[data-voz-stack] .stack-card{padding:12px;border-radius:22px}}