/* ─── LANDING /calculadora/ ─── */
/* Estilos de la pagina landing con tabs compra/venta */

.sc-calc-page {
	-webkit-font-smoothing: antialiased !important;
}

/* ─── TABS ─── */
.sc-calc-tab {
	-webkit-user-select: none !important;
	user-select: none !important;
}

.sc-calc-tab:hover:not(.active) {
	background: #f3f4f6 !important;
	color: #1f2937 !important;
}

.sc-calc-tab.active {
	box-shadow: inset 0 -3px 0 rgba(255,255,255,0.3) !important;
}

/* Tab venta activa → verde */
.sc-calc-tab.active[id="sc-calc-tab-venta"] {
	background: #059669 !important;
	color: #ffffff !important;
}

/* ─── RESPONSIVE ─── */
@media (max-width: 640px) {
	.sc-calc-page {
		padding: 28px 16px 60px !important;
	}

	.sc-calc-tabs {
		flex-direction: column !important;
		border-radius: 12px !important;
	}

	.sc-calc-tab {
		padding: 14px !important;
		font-size: 14px !important;
	}

	.sc-calc-page-header h1 {
		font-size: 28px !important;
	}
}