/* Calculadoras espirituales (/calculadoras/…) */

.ct-calc{
	background: var(--ct-card);
	border: 1px solid var(--ct-line);
	border-radius: var(--ct-radius-lg);
	padding: 30px;
	margin-bottom: 40px;
}
.ct-calc label{ display: block; font-weight: 600; margin-bottom: 8px; font-size: .9rem; }
.ct-calc__row{ display: flex; gap: 12px; flex-wrap: wrap; }
.ct-calc__row--pair{ display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; align-items: end; margin-bottom: 20px; }
.ct-calc__row--pair > div{ min-width: 0; }
@media (max-width: 560px){ .ct-calc__row--pair{ grid-template-columns: 1fr; } }

.ct-calc input[type="date"],
.ct-calc input[type="number"],
.ct-calc input[type="text"],
.ct-calc select{
	width: 100%;
	padding: 13px 16px;
	border-radius: 999px;
	background: var(--ct-secondary);
	border: 1px solid var(--ct-line);
	color: var(--ct-ink);
	font-size: .95rem;
}
.ct-calc__row input{ flex: 1; }
.ct-calc__heart{ display: flex; align-items: center; justify-content: center; color: var(--ct-accent); padding-bottom: 13px; }
.ct-calc__heart .ct-icon{ width: 26px; height: 26px; }

.ct-calc button[type="submit"]{ margin-top: 16px; width: 100%; justify-content: center; }
.ct-calc__row button[type="submit"]{ width: auto; margin-top: 0; flex-shrink: 0; }

.ct-calc__result{
	margin-top: 26px;
	padding: 24px;
	border-radius: var(--ct-radius);
	background: linear-gradient(135deg, var(--ct-primary), var(--ct-card-2));
	border: 1px solid var(--ct-line);
	text-align: center;
}
.ct-calc__result p{ color: var(--ct-muted); margin: 10px 0 0; }
.ct-calc__result .ct-btn{ margin-top: 16px; }

.ct-calc__big-number{
	display: block; font-family: var(--ct-font-display);
	font-size: 3.2rem; color: var(--ct-accent); line-height: 1;
}
.ct-calc__big-label{ display: block; font-family: var(--ct-font-display); font-size: 1.6rem; color: var(--ct-accent); }
.ct-calc__moon-icon{ display: block; font-size: 3.4rem; line-height: 1; margin-bottom: 6px; }

.ct-calc__pillars{ display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; }
.ct-calc__pillar{ display: flex; flex-direction: column; gap: 6px; }
.ct-calc__pillar span{ font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ct-muted); }
.ct-calc__pillar strong{ font-family: var(--ct-font-display); font-size: 1.4rem; color: var(--ct-accent); }

.ct-calc__disclaimer{ font-size: .78rem; font-style: italic; opacity: .8; }