/* PR-VIBECURB-06 · Etapa 12 — Documento 08, Condições de acesso. */

#planos .vb-access__header > div,
#planos .vb-access__intro > *,
#planos .vb-access__institutional,
#planos .vb-access__institutional > header > *,
#planos .vb-access__institutional > header > div > *,
#planos .vb-access__scope > *,
#planos .vb-access__clauses > div,
#planos .vb-access__clauses dd > *,
#planos .vb-access__institutional > footer > *,
#planos .vb-access__appendix,
#planos .vb-access__appendix > header > *,
#planos .vb-access__appendix > header > div > *,
#planos .vb-access__individual-paths > article,
#planos .vb-access__individual-paths > article > *,
#planos .vb-access__appendix > footer,
#planos .vb-access__closing > * {
  will-change: opacity, translate, scale;
}

#planos .vb-access__header {
  position: relative;
}

#planos .vb-access__header::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: var(--vb-teal-bright);
  transform-origin: left center;
  scale: 0 1;
  transition: scale 720ms var(--vb-ease-out) 180ms;
}

html.vb-js.vb-motion-ready #planos.is-access-motion-entered .vb-access__header::after {
  scale: 1 1;
}

#planos .vb-access__intro h2.vb-motion-item,
#planos .vb-access__intro > strong.vb-motion-item,
#planos .vb-access__institutional h3.vb-motion-item,
#planos .vb-access__appendix h3.vb-motion-item,
#planos .vb-access__individual-paths strong.vb-motion-item,
#planos .vb-access__closing p.vb-motion-item {
  clip-path: none;
  overflow: visible;
}

#planos .vb-access__institutional.vb-motion-item {
  clip-path: none;
  transform-origin: center top;
  transition-property: opacity, translate, scale, border-color, box-shadow;
  transition-duration:
    var(--vb-motion-duration),
    var(--vb-motion-duration),
    var(--vb-motion-duration),
    var(--vb-motion-control),
    var(--vb-motion-control);
  transition-delay:
    var(--vb-motion-delay),
    var(--vb-motion-delay),
    var(--vb-motion-delay),
    0ms,
    0ms;
  transition-timing-function:
    var(--vb-motion-easing),
    var(--vb-motion-easing),
    var(--vb-motion-easing),
    var(--vb-ease-snap),
    var(--vb-ease-snap);
}

html.vb-js.vb-motion-ready #planos.is-access-institutional-entered .vb-access__institutional {
  border-color: rgba(94, 234, 212, .58);
  box-shadow: 0 30px 86px rgba(0, 0, 0, .22);
}

#planos .vb-access__scope blockquote.vb-motion-item {
  clip-path: none;
  transform-origin: left top;
  transition-property: opacity, translate, scale, border-color, background-color;
  transition-duration:
    var(--vb-motion-duration),
    var(--vb-motion-duration),
    var(--vb-motion-duration),
    var(--vb-motion-control),
    var(--vb-motion-control);
  transition-delay:
    var(--vb-motion-delay),
    var(--vb-motion-delay),
    var(--vb-motion-delay),
    0ms,
    0ms;
  transition-timing-function:
    var(--vb-motion-easing),
    var(--vb-motion-easing),
    var(--vb-motion-easing),
    var(--vb-ease-snap),
    var(--vb-ease-snap);
}

html.vb-js.vb-motion-ready #planos.is-access-institutional-entered .vb-access__scope blockquote {
  border-color: var(--vb-teal-bright);
  background: rgba(94, 234, 212, .045);
}

#planos .vb-access__clauses > div {
  position: relative;
  overflow: hidden;
  transform-origin: left top;
  transition-property: opacity, translate, scale, background-color, border-color;
  transition-duration:
    var(--vb-motion-duration),
    var(--vb-motion-duration),
    var(--vb-motion-duration),
    var(--vb-motion-control),
    var(--vb-motion-control);
  transition-delay:
    var(--vb-motion-delay),
    var(--vb-motion-delay),
    var(--vb-motion-delay),
    0ms,
    0ms;
  transition-timing-function:
    var(--vb-motion-easing),
    var(--vb-motion-easing),
    var(--vb-motion-easing),
    var(--vb-ease-snap),
    var(--vb-ease-snap);
}

#planos .vb-access__clauses > div::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--vb-teal-bright), rgba(94, 234, 212, .08));
  transform-origin: left center;
  scale: 0 1;
  transition: scale var(--vb-rhythm-line, 500ms) var(--vb-ease-out) var(--vb-access-clause-line-delay, 170ms);
}

html.vb-js.vb-motion-ready #planos .vb-access__clauses > div.is-access-clause-entered {
  background: rgba(94, 234, 212, .035);
  border-color: rgba(94, 234, 212, .28);
}

html.vb-js.vb-motion-ready #planos .vb-access__clauses > div.is-access-clause-entered::after {
  scale: 1 1;
}

#planos .vb-access__institutional > footer {
  position: relative;
}

#planos .vb-access__institutional > footer::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  height: 1px;
  background: var(--vb-teal-bright);
  transform-origin: left center;
  scale: 0 1;
  transition: scale 680ms var(--vb-ease-out) 120ms;
}

html.vb-js.vb-motion-ready #planos.is-access-institutional-footer-entered .vb-access__institutional > footer::before {
  scale: 1 1;
}

#planos .vb-access__appendix.vb-motion-item {
  clip-path: none;
  transform-origin: right top;
  transition-property: opacity, translate, scale, box-shadow, border-color;
  transition-duration:
    var(--vb-motion-duration),
    var(--vb-motion-duration),
    var(--vb-motion-duration),
    var(--vb-motion-control),
    var(--vb-motion-control);
  transition-delay:
    var(--vb-motion-delay),
    var(--vb-motion-delay),
    var(--vb-motion-delay),
    0ms,
    0ms;
  transition-timing-function:
    var(--vb-motion-easing),
    var(--vb-motion-easing),
    var(--vb-motion-easing),
    var(--vb-ease-snap),
    var(--vb-ease-snap);
}

html.vb-js.vb-motion-ready #planos.is-access-appendix-entered .vb-access__appendix {
  border-color: rgba(94, 234, 212, .7);
  box-shadow: -16px 16px 0 rgba(34, 183, 173, .38), 0 28px 72px rgba(0, 0, 0, .22);
}

#planos .vb-access__individual-paths > article {
  position: relative;
  overflow: hidden;
  transform-origin: center top;
  transition-property: opacity, translate, scale, background-color;
  transition-duration:
    var(--vb-motion-duration),
    var(--vb-motion-duration),
    var(--vb-motion-duration),
    var(--vb-motion-control);
  transition-delay:
    var(--vb-motion-delay),
    var(--vb-motion-delay),
    var(--vb-motion-delay),
    0ms;
  transition-timing-function:
    var(--vb-motion-easing),
    var(--vb-motion-easing),
    var(--vb-motion-easing),
    var(--vb-ease-snap);
}

#planos .vb-access__individual-paths > article::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: var(--vb-teal);
  transform-origin: left center;
  scale: 0 1;
  transition: scale var(--vb-rhythm-line, 500ms) var(--vb-ease-out) var(--vb-access-path-line-delay, 170ms);
}

html.vb-js.vb-motion-ready #planos .vb-access__individual-paths > article.is-access-path-entered {
  background: rgba(34, 183, 173, .055);
}

html.vb-js.vb-motion-ready #planos .vb-access__individual-paths > article.is-access-path-entered::after {
  scale: 1 1;
}

#planos .vb-access__closing {
  position: relative;
}

#planos .vb-access__closing::before {
  content: "";
  position: absolute;
  top: -2px;
  right: 0;
  left: 0;
  height: 2px;
  background: var(--vb-teal-bright);
  transform-origin: left center;
  scale: 0 1;
  transition: scale 760ms var(--vb-ease-out) 120ms;
}

html.vb-js.vb-motion-ready #planos.is-access-closing-entered .vb-access__closing::before {
  scale: 1 1;
}

#planos .vb-access__closing > a.vb-motion-item,
#planos .vb-access__individual-paths a.vb-motion-item,
#planos .vb-access__scope > a.vb-motion-item {
  transition-property: color, background-color, border-color, background-size, opacity, translate, scale, box-shadow;
  transition-duration:
    var(--vb-motion-fast),
    var(--vb-motion-fast),
    var(--vb-motion-fast),
    var(--vb-motion-control),
    var(--vb-motion-duration),
    var(--vb-motion-duration),
    var(--vb-motion-instant),
    var(--vb-motion-control);
}

@media (max-width: 980px) {
  #planos .vb-access__institutional.vb-motion-item,
  #planos .vb-access__appendix.vb-motion-item {
    transform-origin: left top;
  }
}

@media (prefers-reduced-motion: reduce) {
  #planos .vb-access__header::after,
  #planos .vb-access__institutional,
  #planos .vb-access__scope blockquote,
  #planos .vb-access__clauses > div,
  #planos .vb-access__clauses > div::after,
  #planos .vb-access__institutional > footer::before,
  #planos .vb-access__appendix,
  #planos .vb-access__individual-paths > article,
  #planos .vb-access__individual-paths > article::after,
  #planos .vb-access__closing::before,
  #planos .vb-access__closing > a,
  #planos .vb-access__individual-paths a,
  #planos .vb-access__scope > a {
    transition: none;
  }

  html.vb-js.vb-motion-ready #planos .vb-access__header::after,
  html.vb-js.vb-motion-ready #planos .vb-access__clauses > div::after,
  html.vb-js.vb-motion-ready #planos .vb-access__institutional > footer::before,
  html.vb-js.vb-motion-ready #planos .vb-access__individual-paths > article::after,
  html.vb-js.vb-motion-ready #planos .vb-access__closing::before {
    scale: 1 1;
  }
}