/**
 * Horóscopo — claro como o resto do site, com o destaque do dia em relevo.
 */

.astral.astral-hor {
	background: transparent;
	border: 0;
	padding: 0;
	box-shadow: none;
	max-width: none;
}

.astral-hor__topo {
	text-align: center;
	margin-bottom: 2rem;
}

.astral-hor__selo {
	display: inline-block;
	font-size: .74rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--as-acento);
	border: 1px solid var(--as-acento);
	border-radius: 999px;
	padding: .22rem .8rem;
	margin-bottom: .7rem;
}

.astral-hor__topo h2 {
	margin: .2rem 0 .3rem;
	font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.3rem);
	color: var(--as-texto);
}

.astral-hor__topo p { color: var(--as-texto-2); margin: 0; }

.astral-hor__glifo {
	font-family: "Segoe UI Symbol", "Noto Sans Symbols 2", "DejaVu Sans", serif;
	color: var(--as-acento);
	line-height: 1;
}

.astral-hor__glifo--grande {
	display: block;
	font-size: 3rem;
	margin-bottom: .4rem;
}

/* ---------- índice dos doze ---------- */

.astral-hor__grade {
	display: grid;
	gap: .9rem;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.astral-hor__signo {
	display: grid;
	justify-items: center;
	gap: .2rem;
	padding: 1.3rem .8rem;
	border: 1px solid var(--as-borda);
	border-radius: 14px;
	background: var(--as-fundo);
	text-decoration: none;
	color: var(--as-texto);
	transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.astral-hor__signo:hover {
	transform: translateY(-3px);
	border-color: var(--as-acento);
	text-decoration: none;
	box-shadow: 0 10px 26px rgba(36, 28, 61, .1);
}

.astral-hor__signo .astral-hor__glifo { font-size: 1.9rem; }
.astral-hor__signo strong { font-size: 1.02rem; }
.astral-hor__datas { color: var(--as-texto-3); font-size: .8rem; }

/* ---------- leitura do signo ---------- */

.astral-hor__bloco {
	border: 1px solid var(--as-borda);
	border-radius: 14px;
	padding: 1.4rem 1.5rem;
	background: var(--as-fundo);
}

.astral-hor__bloco--destaque {
	background: var(--as-acento-suave);
	border-color: var(--as-acento);
	margin-bottom: 1rem;
}

.astral-hor__bloco h3 {
	margin: 0 0 .3rem;
	font-size: 1.08rem;
	color: var(--as-texto);
}

.astral-hor__bloco h3 span {
	font-family: "Segoe UI Symbol", "Noto Sans Symbols 2", "DejaVu Sans", serif;
	color: var(--as-acento);
	margin-right: .25rem;
}

.astral-hor__onde {
	display: block;
	font-size: .82rem;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--as-texto-3);
	margin-bottom: .5rem;
}

.astral-hor__bloco p { margin: 0 0 .6rem; color: var(--as-texto-2); }
.astral-hor__bloco p:last-child { margin-bottom: 0; }

.astral-hor__fase {
	padding-top: .7rem;
	border-top: 1px solid var(--as-borda);
	font-size: .94rem;
}

.astral-hor__blocos {
	display: grid;
	gap: .9rem;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.astral-hor__rodape {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
	margin: 1.8rem 0 1rem;
}

.astral-hor__nota {
	color: var(--as-texto-3);
	font-size: .88rem;
	margin: 1.4rem 0 0;
}