/* Os três produtos da antiga Bússola agora têm página própria: cada um com a sua cor e o seu marco. Vem depois do land.css. */
.hero.sem-rosa { min-height: clamp(380px, 52vh, 520px); }
.hero.sem-rosa::before { display: none; }
.hero.sem-rosa .hero-copy { max-width: 860px; }
.hero.sem-rosa h1 { font-size: clamp(36px, 6.6vw, 76px); }

/* Diagnóstico da Consciência: índigo com o verde-água da escala */
html.t-diagnostico { --rise: #6fd6c6; --edge: rgba(111, 214, 198, .22); --glass: rgba(111, 214, 198, .07); }
.t-diagnostico .sky { background: radial-gradient(50vmax 40vmax at 50% -8%, rgba(111, 214, 198, .17), transparent 70%), radial-gradient(40vmax 30vmax at 90% 40%, rgba(214, 181, 113, .08), transparent 70%), radial-gradient(40vmax 30vmax at 0% 70%, rgba(40, 70, 140, .35), transparent 70%); }
.t-diagnostico .bar i { background: linear-gradient(90deg, #6fd6c6, #f0d9a0); }
.t-diagnostico .track span { -webkit-text-stroke-color: rgba(111, 214, 198, .45); }
.t-diagnostico .track span.fill { background: linear-gradient(95deg, #f0d9a0, #d6b571 55%, #6fd6c6); -webkit-background-clip: text; background-clip: text; }

/* Leitura da Ayahuasca: floresta à noite, âmbar */
html.t-leitura { --void: #06120d; --deep: #0e2a20; --ink: #eef6f0; --body: #b4d0c1; --muted: #7fa393; --gold: #e0b45c; --gold-lt: #f3d48f; --rise: #8fd9a8; --edge: rgba(143, 217, 168, .22); --glass: rgba(143, 217, 168, .07); }
.t-leitura .sky { background: radial-gradient(50vmax 40vmax at 50% -8%, rgba(143, 217, 168, .16), transparent 70%), radial-gradient(40vmax 30vmax at 90% 40%, rgba(224, 180, 92, .09), transparent 70%), radial-gradient(40vmax 30vmax at 0% 70%, rgba(14, 70, 48, .5), transparent 70%); }
.t-leitura .nav { background: rgba(6, 18, 13, .7); }
.t-leitura .btn.primary { background: linear-gradient(135deg, #f3d48f, #e0b45c 55%, #b98a35); }
.t-leitura .btn.small { color: #06120d; }
.t-leitura .n-pin { fill: #06120d; }
.t-leitura .track span { -webkit-text-stroke-color: rgba(143, 217, 168, .45); }
.t-leitura .track span.fill { background: linear-gradient(95deg, #f3d48f, #e0b45c 55%, #8fd9a8); -webkit-background-clip: text; background-clip: text; }
.t-leitura .layers p { color: #cfe5d8; }

/* Mais do Projeto Ayra */
.outros-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }
.outro { display: grid; gap: 8px; align-content: start; padding: 24px; border-radius: 24px; border: 1px solid var(--edge); background: var(--glass); text-decoration: none; color: var(--body); transition: border-color .25s, transform .25s; }
.outro:hover { border-color: var(--gold); transform: translateY(-3px); }
.outro strong { font: 400 1.45rem/1.2 var(--serif); color: var(--ink); }
.outro span { font-size: 15px; }