Primeira Sessão — Rotina Astrológica
:root {
–bg: #F7F3EC;
–bg-dark: #1E1712;
–ink: #2B2420;
–ink-soft: #6B5F58;
–terra: #8B4226;
–terra-deep: #6B3119;
–gold: #A8853D;
–gold-light: #D8C08A;
–line: #D9CFC0;
–card: #FFFDF9;
–serif: ‘Fraunces’, serif;
–sans: ‘Inter’, sans-serif;
–mono: ‘Space Mono’, monospace;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
background: var(–bg);
color: var(–ink);
font-family: var(–sans);
line-height: 1.6;
overflow-x: hidden;
}
nav {
padding: 22px 32px;
display: flex;
justify-content: center;
border-bottom: 1px solid var(–line);
}
.logo {
font-family: var(–serif);
font-size: 17px;
font-weight: 400;
color: var(–ink);
letter-spacing: 0.02em;
}
/* HERO */
.hero {
padding: 80px 24px 64px;
text-align: center;
max-width: 680px;
margin: 0 auto;
}
.eyebrow {
font-family: var(–mono);
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(–terra);
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.eyebrow::before, .eyebrow::after {
content: ”;
width: 28px;
height: 1px;
background: var(–terra);
opacity: 0.6;
}
.hero h1 {
font-family: var(–serif);
font-size: clamp(32px, 6vw, 52px);
font-weight: 400;
line-height: 1.1;
letter-spacing: -0.01em;
margin-bottom: 20px;
}
.hero h1 em { font-style: italic; color: var(–terra); }
.hero p {
font-size: 17px;
color: var(–ink-soft);
max-width: 500px;
margin: 0 auto 36px;
}
/* NUMEROS */
.nums {
display: flex;
justify-content: center;
gap: 48px;
margin-bottom: 48px;
flex-wrap: wrap;
}
.num-item { text-align: center; }
.num-val {
font-family: var(–serif);
font-size: 36px;
font-weight: 500;
color: var(–terra-deep);
line-height: 1;
}
.num-label {
font-size: 12px;
color: var(–ink-soft);
margin-top: 4px;
}
/* PREÇO */
.preco-wrap {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 4px;
margin-bottom: 28px;
}
.preco-label {
font-family: var(–mono);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(–ink-soft);
}
.preco {
font-family: var(–serif);
font-size: 52px;
font-weight: 500;
color: var(–ink);
line-height: 1;
}
.preco span { font-size: 22px; font-weight: 400; vertical-align: super; margin-right: 2px; }
.preco-alt { font-size: 13px; color: var(–ink-soft); }
/* CTA */
.btn-cta {
display: inline-block;
background: var(–terra);
color: var(–bg);
font-family: var(–mono);
font-size: 13px;
letter-spacing: 0.07em;
text-transform: uppercase;
padding: 18px 40px;
border-radius: 2px;
text-decoration: none;
transition: background 0.2s ease, transform 0.15s ease;
margin-bottom: 14px;
}
.btn-cta:hover { background: var(–terra-deep); transform: translateY(-2px); }
.btn-note { font-size: 12px; color: var(–ink-soft); display: block; margin-top: 10px; }
/* SELOS */
.selos {
display: flex;
justify-content: center;
gap: 28px;
flex-wrap: wrap;
margin-top: 28px;
padding-top: 28px;
border-top: 1px solid var(–line);
}
.selo {
display: flex;
align-items: center;
gap: 7px;
font-size: 12px;
color: var(–ink-soft);
font-family: var(–mono);
letter-spacing: 0.04em;
}
.selo svg { color: var(–terra); flex-shrink: 0; }
.divider { border: none; border-top: 1px solid var(–line); }
/* ETAPAS */
.etapas {
max-width: 640px;
margin: 0 auto;
padding: 72px 24px;
}
.section-label {
font-family: var(–mono);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(–gold);
text-align: center;
margin-bottom: 48px;
}
.etapa {
display: grid;
grid-template-columns: 56px 1fr;
gap: 24px;
padding: 32px 0;
border-top: 1px solid var(–line);
align-items: start;
}
.etapa:last-child { border-bottom: 1px solid var(–line); }
.etapa-num {
font-family: var(–serif);
font-size: 38px;
font-weight: 300;
color: var(–line);
line-height: 1;
padding-top: 4px;
}
.etapa-tag {
font-family: var(–mono);
font-size: 10px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(–terra);
margin-bottom: 8px;
}
.etapa h3 {
font-family: var(–serif);
font-size: 22px;
font-weight: 500;
margin-bottom: 8px;
}
.etapa p { font-size: 14.5px; color: var(–ink-soft); line-height: 1.65; }
/* DARK */
.dark {
background: var(–bg-dark);
color: var(–bg);
padding: 72px 24px;
text-align: center;
}
.dark .section-label { color: var(–gold-light); }
.dark h2 {
font-family: var(–serif);
font-size: clamp(24px, 4vw, 36px);
font-weight: 400;
max-width: 520px;
margin: 0 auto 16px;
line-height: 1.2;
}
.dark h2 em { font-style: italic; color: var(–gold-light); }
.dark p { font-size: 15px; color: #9E9085; max-width: 440px; margin: 0 auto; }
/* PARA QUEM */
.paraquem {
max-width: 600px;
margin: 0 auto;
padding: 72px 24px;
}
.paraquem h2 {
font-family: var(–serif);
font-size: clamp(24px, 3.5vw, 34px);
font-weight: 400;
text-align: center;
margin-bottom: 40px;
}
.paraquem h2 em { font-style: italic; color: var(–terra); }
.check-item {
display: flex;
gap: 14px;
padding: 18px 0;
border-top: 1px solid var(–line);
align-items: flex-start;
font-size: 15px;
color: var(–ink-soft);
}
.check-item:last-child { border-bottom: 1px solid var(–line); }
.check-dot {
width: 6px; height: 6px;
border-radius: 50%;
background: var(–terra);
flex-shrink: 0;
margin-top: 7px;
}
/* DEPOIMENTO */
.depo {
background: #F1E9DA;
padding: 64px 24px;
text-align: center;
}
.depo blockquote {
font-family: var(–serif);
font-style: italic;
font-size: clamp(18px, 2.5vw, 23px);
font-weight: 400;
max-width: 540px;
margin: 0 auto 20px;
line-height: 1.55;
color: var(–ink);
}
.depo cite {
font-size: 12px;
color: var(–ink-soft);
font-style: normal;
font-family: var(–mono);
letter-spacing: 0.04em;
}
/* SU BIO */
.bio {
max-width: 600px;
margin: 0 auto;
padding: 72px 24px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}
.bio-text h2 {
font-family: var(–serif);
font-size: 28px;
font-weight: 400;
margin-bottom: 14px;
}
.bio-text h2 em { font-style: italic; color: var(–terra); }
.bio-text p { font-size: 14.5px; color: var(–ink-soft); line-height: 1.7; }
.bio-stats {
display: flex;
flex-direction: column;
gap: 20px;
}
.bio-stat {
padding: 18px 20px;
border: 1px solid var(–line);
border-radius: 2px;
background: var(–card);
}
.bio-stat-val {
font-family: var(–serif);
font-size: 28px;
font-weight: 500;
color: var(–terra-deep);
line-height: 1;
}
.bio-stat-label { font-size: 12px; color: var(–ink-soft); margin-top: 4px; }
/* CTA FINAL */
.cta-final {
background: var(–bg-dark);
padding: 90px 24px;
text-align: center;
}
.cta-final h2 {
font-family: var(–serif);
font-size: clamp(26px, 4vw, 40px);
font-weight: 400;
color: var(–bg);
margin-bottom: 14px;
line-height: 1.15;
max-width: 520px;
margin-left: auto;
margin-right: auto;
}
.cta-final h2 em { font-style: italic; color: var(–gold-light); }
.cta-final p { font-size: 15px; color: #9E9085; margin-bottom: 36px; }
.cta-final .preco-wrap { margin-bottom: 28px; }
.cta-final .preco { color: var(–bg); }
.cta-final .preco-label { color: #9E9085; }
.cta-final .preco-alt { color: #9E9085; }
footer {
padding: 28px 24px;
border-top: 1px solid #2E2620;
background: var(–bg-dark);
text-align: center;
font-size: 12px;
color: #5A4F47;
}
footer a { color: inherit; }
@media (max-width: 600px) {
nav { padding: 18px 20px; }
.hero { padding: 60px 20px 48px; }
.preco { font-size: 42px; }
.bio { grid-template-columns: 1fr; gap: 32px; }
.nums { gap: 28px; }
}
Descubra o que o seu mapa astral já sabe sobre a sua carreira.
Uma sessão individual com a Su Gonçalves — leitura completa do seu mapa com foco nas travas e oportunidades da sua vida profissional agora.
Garantir minha sessão →
Após o pagamento, agendamos pelo WhatsApp em até 24h
100% online
Sigilo absoluto
Zero julgamentos
Via Google Meet
Sua história e seu momento
Começamos com uma conversa sobre onde você está — sua trajetória, o que está sentindo, se o seu trabalho foi uma escolha sua, se tem clareza dos próximos passos, se está conseguindo fazer seu dinheiro crescer. Tudo que estiver bloqueando seu crescimento entra aqui.
As travas no seu mapa astral
A etapa mais importante da sessão. Identificamos juntas as linhas que estão bloqueando algo maior na sua vida — a origem desses padrões, quais áreas te mantêm em ciclos repetitivos e o que precisa ser liberado para você avançar.
O próximo passo concreto
Com o mapa lido, definimos juntas o direcionamento para o seu próximo ciclo. Se fizer sentido para as duas, esse pode ser o início de um acompanhamento mensal contínuo — mais profundo, com técnicas e estratégias personalizadas para o seu mapa.
Não é leitura de signo. É tradução do seu mapa para decisões reais.
A Su domina mapas de pessoas, empresas, lugares e situações. Sete anos de prática, mais de 800 mapas calculados. Profundidade que conteúdo de internet não entrega.
Essa sessão é para você se…
Você toma decisões no impulso e quer mais clareza antes de agir
Você sente que está sempre começando do zero — sem conseguir sustentar o crescimento
Você não sabe se o seu negócio ou carreira está alinhado com o que você veio fazer
Você quer entender seus próprios padrões antes de mudar de fase
Você está em transição de carreira e quer direcionamento concreto
Você nunca teve uma leitura astrológica de verdade — personalizada, com profundidade
“Ela traduz o meu mapa como eu jamais conseguiria sozinha — e como nenhum profissional havia lido antes. Ela me dá data e hora para agir. Confio de olhos fechados.”
Isabela Fontana — Empresária, área da beleza
Su Gonçalves
Astróloga especialista em carreira profissional e planejamento astrológico. Desenvolvedora do método Rotina Astrológica — uma forma prática e profunda de usar o mapa astral como ferramenta real de decisão, não como entretenimento.
Atende mulheres líderes e empresárias há mais de 7 anos, com foco total em resultado concreto e personalização.
Pronta para descobrir o que o seu mapa já sabe?
Vagas limitadas por mês. Atendimento 100% individual.
Garantir minha sessão →
Após o pagamento, agendamos pelo WhatsApp em até 24h
Rotina Astrológica 