/* Página de links do Parlatorium — mesma identidade do site e do diagnóstico. */
@font-face{font-family:Manrope;src:url(assets/manrope-400.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url(assets/manrope-500.ttf) format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url(assets/manrope-600.ttf) format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url(assets/manrope-700.ttf) format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url(assets/cormorant-500.ttf) format('truetype');font-style:italic;font-weight:500;font-display:swap}

:root{
  --fundo:#0b131c;
  --gold:#c6aa73;
  --gold-claro:#dcc08a;
  --ivory:#f5f2eb;
  --texto:#e7e3da;
  --suave:#9aa5af;
  --linha:#ffffff1f;
  --verde:#25d366;
  --sans:Manrope,Arial,sans-serif;
  --serif:'Cormorant Garamond',Georgia,serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;min-height:100dvh;
  background:
    radial-gradient(900px 520px at 50% -8%,#1b2c3c66,transparent 70%),
    radial-gradient(700px 460px at 50% 108%,#c6aa7314,transparent 70%),
    var(--fundo);
  color:var(--texto);
  font:400 16px/1.7 var(--sans);
  -webkit-font-smoothing:antialiased;
}
h1,h2,p,figure{margin:0}
h1,h2{line-height:1.15;font-weight:500}
em{font-family:var(--serif);font-weight:500;font-style:italic;color:var(--gold)}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%}
span[aria-hidden=true]{font-variant-emoji:text;text-rendering:optimizeLegibility}
a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

.pagina{width:min(560px,100%);margin-inline:auto;padding:clamp(40px,7vh,72px) 20px 44px;display:grid;gap:16px}

/* ---------- perfil ---------- */
.perfil{display:grid;justify-items:center;text-align:center;margin-bottom:14px}
.perfil-foto{
  width:104px;height:104px;border-radius:50%;object-fit:cover;object-position:50% 18%;
  border:1px solid #c6aa7359;box-shadow:0 10px 34px #0008;
}
.marca{margin-top:20px;font:600 11px/1 var(--sans);letter-spacing:4.4px;color:var(--gold)}
.perfil h1{margin-top:14px;font-size:clamp(28px,6vw,34px);letter-spacing:-1.1px;color:var(--ivory)}
.perfil-cargo{margin-top:8px;font-size:12px;letter-spacing:1.4px;color:var(--suave)}
.perfil-desc{margin-top:16px;max-width:400px;font-size:14px;line-height:1.75;color:var(--suave)}

/* ---------- cartões ---------- */
.cartao{
  position:relative;display:block;overflow:hidden;
  padding:26px;border:1px solid var(--linha);border-radius:10px;
  background:#ffffff06;
  transition:border-color .22s,background .22s,transform .22s;
}
.cartao:hover{border-color:#c6aa7366;background:#ffffff0a;transform:translateY(-2px)}
.cartao-eyebrow{display:flex;align-items:center;gap:12px;font:600 10px/1.6 var(--sans);letter-spacing:2.2px;color:var(--gold)}
.risco{display:inline-block;width:22px;height:1px;background:currentColor;flex-shrink:0}
.cartao h2{margin-top:14px;font-size:24px;letter-spacing:-.8px;color:var(--ivory)}
.cartao h2 em{font-size:1.06em}
.cartao-desc{margin-top:12px;font-size:14px;line-height:1.75;color:var(--suave)}
.preco{margin-top:14px;font:600 26px/1 var(--sans);letter-spacing:-.8px;color:var(--gold-claro)}

.botao{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  margin-top:20px;min-height:48px;padding:14px 24px;border-radius:5px;
  font:600 12px/1.3 var(--sans);letter-spacing:2px;
  transition:background .22s;
}
.botao-ouro{background:linear-gradient(180deg,var(--gold-claro),var(--gold));color:#14202c;box-shadow:0 8px 26px #c6aa7326}
.cartao:hover .botao-ouro{background:linear-gradient(180deg,#e6cd9c,var(--gold-claro))}
.botao-verde{background:var(--verde);color:#08210f;box-shadow:0 8px 26px #25d3662e}
.cartao:hover .botao-verde{background:#3ae07a}

/* destaque: o diagnóstico é a porta de entrada */
.cartao-destaque{
  border-color:#c6aa7340;
  background:linear-gradient(180deg,#c6aa7314,#ffffff05);
  padding-top:34px;
}
.cartao-destaque h2{font-size:27px;letter-spacing:-1.2px}
.etiqueta{
  position:absolute;top:0;right:0;
  padding:7px 16px;border-radius:0 10px 0 10px;
  background:var(--gold);color:#14202c;
  font:700 9px/1 var(--sans);letter-spacing:1.8px;
}

/* livros: texto à esquerda, capa inclinada à direita */
.cartao-livro{display:grid;grid-template-columns:1fr 118px;gap:20px;align-items:center}
.cartao-capa{
  width:100%;height:auto;border-radius:3px;
  box-shadow:10px 16px 34px #000a;
  transform:rotate(4deg);
  transition:transform .3s;
}
.cartao-livro:hover .cartao-capa{transform:rotate(1deg) scale(1.03)}

.cartao-consultoria{border-color:#25d3662e;background:linear-gradient(180deg,#25d36610,#ffffff05)}
.cartao-consultoria:hover{border-color:#25d36666}
.cartao-consultoria .cartao-eyebrow{color:var(--verde)}
.cartao-consultoria h2 em{color:var(--verde);font-family:var(--serif)}

/* site institucional: linha discreta, sem concorrer com as ofertas */
.cartao-simples{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px}
.titulo-simples{margin-top:0!important;font-size:18px!important;letter-spacing:-.4px}
.cartao-simples .cartao-desc{margin-top:6px;font-size:13px}
.seta{font-size:22px;color:var(--gold);flex-shrink:0;transition:transform .22s}
.cartao-simples:hover .seta{transform:translateX(4px)}

/* ---------- rodapé ---------- */
.rodape{margin-top:18px;padding-top:26px;border-top:1px solid var(--linha);text-align:center;display:grid;gap:12px}
.instagram{font-size:14px;color:var(--gold);letter-spacing:.4px}
.instagram:hover{color:var(--gold-claro)}
.rodape p{font-size:11px;letter-spacing:.7px;color:#5d6874}

@media(max-width:420px){
  .pagina{padding-inline:16px;gap:14px}
  .cartao{padding:22px 20px}
  .cartao h2,.cartao-destaque h2{font-size:22px;letter-spacing:-.7px}
  .cartao-livro{grid-template-columns:1fr 96px;gap:14px}
  .botao{width:100%;padding:14px 16px;letter-spacing:1.5px}
  .cartao:hover{transform:none}
}