/* Desenvolvido por MTHBARROS · mthbarros.com.br | Fellow Ship - agenciafellowship.com.br */
/*
 * Páginas simples: Política de Privacidade (privacidade.html) e link pessoal da live (acesso/index.php).
 * Usa os tokens de base.css.
 */

body.pagina-privacidade { background: var(--cinza-1); }
body.pagina-acesso { background: radial-gradient(70% 40% at 50% -5%, rgb(0 205 185 / 14%), transparent 70%), var(--cinza-1); }

/* ---------- Acesso ---------- */
.pagina-acesso { display: grid; place-items: center; min-height: 100vh; min-height: 100svh; padding: 20px; }
.acesso-caixa { display: grid; justify-items: center; gap: 14px; width: min(100%, 480px); padding: clamp(28px, 6vw, 44px); border-radius: 24px; background: #fff; box-shadow: 0 24px 60px rgb(30 30 30 / 12%); text-align: center; }
.acesso-logo { width: 170px; margin-bottom: 8px; }
.acesso-caixa h1 { font-size: 30px; line-height: 1.06; color: var(--turquesa-forte); }
.acesso-data { color: var(--tinta); }
.acesso-contato { margin-top: 6px; padding-top: 14px; border-top: 1px solid var(--cinza-2); font-size: 14.5px; color: var(--tinta-suave); }

/* ---------- Privacidade: mesma seda, manchas e selo da página da live ---------- */
.priv-topo { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: calc(10px + env(safe-area-inset-top)) var(--margem) 10px; background: rgb(255 255 255 / 84%); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 6px 24px rgb(30 30 30 / 7%); }
.priv-marca img { width: clamp(98px, 24vw, 124px); }
.priv-topo-info { display: none; align-items: center; gap: 10px; font-weight: 700; font-size: 15px; }
.priv-voltar { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 8px 18px 8px 13px; border-radius: 999px; background: linear-gradient(135deg, #00a395, var(--turquesa-forte)); box-shadow: 0 10px 22px -8px rgb(0 135 124 / 60%); color: #fff; font-family: var(--fonte-titulo); font-weight: 700; font-size: 14.5px; line-height: 1.1; text-decoration: none; transition: transform .35s var(--suave); }
.priv-voltar svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; transition: transform .35s var(--suave); }
.priv-voltar:hover svg { transform: translate3d(-3px, 0, 0); }

.priv-capa { position: relative; isolation: isolate; overflow: hidden; padding: clamp(46px, 8vw, 92px) var(--margem) clamp(104px, 13vw, 150px); text-align: center; background: linear-gradient(180deg, #e6e6e8, #f1f1f2 60%, var(--cinza-1)); }
.priv-capa::before { content: ""; position: absolute; inset: -6%; z-index: -2; background: url("../../img/textura-seda.webp") center / cover no-repeat; opacity: .6; animation: priv-seda 26s ease-in-out infinite alternate; }
.priv-capa::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(42% 62% at 12% 18%, rgb(0 205 185 / 24%), transparent 70%), radial-gradient(36% 56% at 90% 30%, rgb(241 90 36 / 13%), transparent 70%), linear-gradient(transparent 62%, var(--cinza-1)); }
@keyframes priv-seda { from { transform: scale(1.02) translate3d(-1.5%, -1%, 0); } to { transform: scale(1.1) translate3d(1.5%, 1.5%, 0); } }
.priv-capa > * { animation: priv-sobe .9s var(--suave) both; }
.priv-capa > :nth-child(2) { animation-delay: .08s; }
.priv-capa > :nth-child(3) { animation-delay: .16s; }
.priv-capa > :nth-child(4) { animation-delay: .24s; }
@keyframes priv-sobe { from { opacity: 0; transform: translate3d(0, 22px, 0); } }
.priv-capa .selo-live { font-size: 15px; }
.selo-live i::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #fff; animation: priv-pulso 1.7s var(--suave) infinite; }
@keyframes priv-pulso { from { opacity: .9; transform: scale(1); } to { opacity: 0; transform: scale(3); } }
.priv-selo { margin-top: 20px; font-weight: 700; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: var(--turquesa-forte); }
.priv-titulo { margin-top: 8px; font-size: clamp(38px, 7.4vw, 78px); line-height: 1.02; color: var(--tinta); text-wrap: balance; }
.priv-titulo em { color: var(--turquesa); }
.priv-data { margin-top: 12px; font-size: 14.5px; color: var(--tinta-suave); }

.priv-corpo { position: relative; display: grid; gap: 28px; max-width: 1140px; margin: calc(-1 * clamp(64px, 9vw, 100px)) auto 0; padding: 0 var(--margem) clamp(56px, 8vw, 100px); }
.priv-texto { min-width: 0; }
.priv-intro { position: relative; overflow: hidden; padding: clamp(22px, 3.4vw, 34px) clamp(22px, 3.4vw, 36px); border: 1px solid #fff; border-radius: 24px; background: #fff; box-shadow: 0 28px 60px -30px rgb(0 80 72 / 38%); font-size: clamp(16px, 1.6vw, 17px); }
.priv-intro::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: linear-gradient(var(--turquesa-vivo), var(--turquesa-forte)); }
.priv-indice { display: none; }
.priv-secao { margin-top: clamp(34px, 4.4vw, 48px); scroll-margin-top: 84px; }
.priv-secao h2 { display: flex; align-items: center; gap: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--cinza-3); font-size: clamp(22px, 2.6vw, 28px); line-height: 1.12; color: var(--tinta); }
.priv-num { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--turquesa-fundo); color: var(--turquesa-forte); font-size: 17px; }
.priv-secao p, .priv-secao ul { margin-top: 14px; }
.priv-secao ul { display: grid; gap: 9px; }
.priv-secao li { position: relative; padding-left: 22px; }
.priv-secao li::before { content: ""; position: absolute; left: 2px; top: .58em; width: 9px; height: 9px; border-radius: 50%; background: var(--turquesa); box-shadow: 0 0 0 3px rgb(0 184 169 / 16%); }
.priv-botao { min-height: 44px; margin-top: 16px; padding: 9px 22px; border: 1.5px solid var(--turquesa-forte); border-radius: 999px; background: #fff; color: var(--turquesa-forte); font-weight: 700; transition: background .2s; }
.priv-botao:hover { background: var(--turquesa-fundo); }

@media (min-width: 1020px) {
  .priv-topo-info { display: inline-flex; }
  .priv-corpo { grid-template-columns: 252px minmax(0, 1fr); gap: 56px; align-items: start; }
  .priv-indice { position: sticky; top: 86px; display: block; padding: 22px 20px; border: 1px solid #fff; border-radius: 22px; background: rgb(255 255 255 / 88%); box-shadow: 0 28px 60px -34px rgb(0 80 72 / 38%); }
  .priv-indice p { margin-bottom: 10px; font-weight: 700; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--turquesa-forte); }
  .priv-indice a { display: flex; gap: 10px; padding: 6px 0; font-size: 14.5px; line-height: 1.3; color: var(--tinta-suave); text-decoration: none; transition: color .2s, transform .3s var(--suave); }
  .priv-indice a span { flex: none; width: 20px; font-family: var(--fonte-titulo); font-weight: 700; color: var(--turquesa-forte); }
  .priv-indice a:hover { color: var(--turquesa-forte); transform: translate3d(3px, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .priv-capa::before, .priv-capa > *, .selo-live i::after { animation: none; }
}

/* Selo pequeno do acesso */
.selo-live-pequeno i { display: block; }