.bisiesto-company-calculator,
.bisiesto-company-calculator * {
	box-sizing: border-box;
}

.bisiesto-company-calculator {
	background: var(--wp--preset--color--surface-alt);
}

.wp-block-post-content .bisiesto-company-calculator.is-card,
.bisiesto-company-page > .bisiesto-company-calculator.is-card {
	margin: var(--wp--preset--spacing--16) var(--wp--custom--layout--card-inset) 0;
}

.bisiesto-company-calculator__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: var(--wp--preset--spacing--24);
	align-items: start;
}

.bisiesto-company-calculator__in {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--32);
	padding: var(--wp--preset--spacing--32);
	border-radius: var(--wp--custom--radius--24);
	background: var(--wp--preset--color--surface);
}

.bisiesto-company-calculator__lab {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: var(--wp--preset--spacing--12);
	margin-block-end: var(--wp--preset--spacing--12);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--small);
	font-weight: var(--wp--custom--font-weight--medium);
	color: var(--wp--preset--color--heading-text);
}

.bisiesto-company-calculator__lab small {
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--font-weight--regular);
	color: var(--wp--preset--color--muted-text);
	text-align: right;
}

.bisiesto-company-calculator__nrow {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--16);
}

.bisiesto-company-calculator__range {
	flex: 1;
	min-width: 0;
	height: var(--wp--custom--size--touch);
	accent-color: var(--wp--preset--color--primary);
	cursor: pointer;
}

.bisiesto-company-calculator__num {
	flex: none;
	width: 110px;
	padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--12);
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--wp--custom--radius--12);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--heading-text);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--lead);
	line-height: var(--wp--custom--line-height--lead);
	text-align: center;
}

.bisiesto-company-calculator__range:focus-visible,
.bisiesto-company-calculator__num:focus,
.bisiesto-company-calculator button:focus-visible {
	outline: var(--wp--custom--size--border-focus) solid var(--wp--preset--color--focus-ring);
	outline-offset: var(--wp--preset--spacing--2);
}

.bisiesto-company-calculator__tiers {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--4);
	margin-block-start: var(--wp--preset--spacing--12);
}

.bisiesto-company-calculator__tier {
	padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--8);
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--surface-alt);
	color: var(--wp--preset--color--muted-text);
	font-size: var(--wp--preset--font-size--eyebrow);
	line-height: var(--wp--custom--line-height--eyebrow);
}

.bisiesto-company-calculator__tier.is-on {
	background: var(--wp--preset--color--primary-soft);
	color: var(--wp--preset--color--primary-active);
	font-weight: var(--wp--custom--font-weight--medium);
}

.bisiesto-company-calculator__nudge {
	min-height: calc(var(--wp--preset--font-size--label) * var(--wp--custom--line-height--small));
	margin: var(--wp--preset--spacing--8) 0 0;
	font-size: var(--wp--preset--font-size--label);
	line-height: var(--wp--custom--line-height--small);
	color: var(--wp--preset--color--primary-active);
}

.bisiesto-company-calculator__dis-x {
	max-width: var(--wp--custom--layout--text-narrow);
	margin: var(--wp--preset--spacing--8) 0 0;
	font-size: var(--wp--preset--font-size--label);
	line-height: var(--wp--custom--line-height--body);
	color: var(--wp--preset--color--muted-text);
}

.bisiesto-company-calculator__step {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--4);
	padding: var(--wp--preset--spacing--4);
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--surface-alt);
}

.bisiesto-company-calculator__step button {
	width: var(--wp--custom--size--touch);
	height: var(--wp--custom--size--touch);
	border: 0;
	border-radius: var(--wp--custom--radius--circle);
	background: var(--wp--preset--color--surface);
	box-shadow: var(--wp--preset--shadow--border);
	color: var(--wp--preset--color--heading-text);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--heading-6);
	line-height: 1;
	cursor: pointer;
}

.bisiesto-company-calculator__step button:disabled {
	opacity: var(--wp--custom--opacity--disabled);
	cursor: default;
}

.bisiesto-company-calculator__step output {
	min-width: var(--wp--preset--spacing--48);
	font-size: var(--wp--preset--font-size--lead);
	font-weight: var(--wp--custom--font-weight--medium);
	text-align: center;
}

.bisiesto-company-calculator__seg {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--4);
	padding: var(--wp--preset--spacing--4);
	border-radius: var(--wp--custom--radius--16);
	background: var(--wp--preset--color--surface-alt);
}

.bisiesto-company-calculator__seg.is-two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bisiesto-company-calculator__seg button {
	min-height: var(--wp--preset--spacing--48);
	padding: var(--wp--preset--spacing--8);
	border: 0;
	border-radius: var(--wp--custom--radius--12);
	background: transparent;
	color: var(--wp--preset--color--secondary-text);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--label);
	line-height: var(--wp--custom--line-height--caption);
	cursor: pointer;
}

.bisiesto-company-calculator__seg button b {
	display: block;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--medium);
	color: var(--wp--preset--color--heading-text);
}

.bisiesto-company-calculator__seg button[aria-checked="true"] {
	background: var(--wp--preset--color--surface);
	box-shadow: var(--wp--preset--shadow--control);
	color: var(--wp--preset--color--heading-text);
}

.bisiesto-company-calculator__tg {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--wp--preset--spacing--16);
	width: 100%;
	min-height: calc(var(--wp--preset--spacing--48) + var(--wp--preset--spacing--4));
	padding: 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--heading-text);
	font-family: inherit;
	text-align: left;
	cursor: pointer;
}

.bisiesto-company-calculator__tg + .bisiesto-company-calculator__tg {
	margin-block-start: var(--wp--preset--spacing--12);
	padding-block-start: var(--wp--preset--spacing--12);
	border-top: 1px solid var(--wp--preset--color--border-subtle);
}

.bisiesto-company-calculator__tg > span {
	display: flex;
	flex-direction: column;
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--small);
}

.bisiesto-company-calculator__tg b {
	font-weight: var(--wp--custom--font-weight--medium);
}

.bisiesto-company-calculator__tg small {
	font-size: var(--wp--preset--font-size--label);
	line-height: var(--wp--custom--line-height--label);
	color: var(--wp--preset--color--muted-text);
}

.bisiesto-company-calculator__tg i {
	position: relative;
	flex: none;
	width: 52px;
	height: 30px;
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--metal-light);
	transition: background-color 0.2s;
}

.bisiesto-company-calculator__tg i::after {
	content: "";
	position: absolute;
	left: 3px;
	top: 3px;
	width: 24px;
	height: 24px;
	border-radius: var(--wp--custom--radius--circle);
	background: var(--wp--preset--color--surface);
	box-shadow: var(--wp--preset--shadow--control);
	transition: transform 0.2s;
}

.bisiesto-company-calculator__tg[aria-checked="true"] i {
	background: var(--wp--preset--color--primary);
}

.bisiesto-company-calculator__tg[aria-checked="true"] i::after {
	transform: translateX(22px);
}

.bisiesto-company-calculator__bolsa {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	margin-block-start: var(--wp--preset--spacing--16);
	padding: var(--wp--preset--spacing--16) var(--wp--preset--spacing--20) var(--wp--preset--spacing--16) var(--wp--preset--spacing--16);
	border-radius: var(--wp--custom--radius--20);
	background: var(--wp--preset--color--surface-alt);
	transition: background-color 0.3s;
}

.bisiesto-company-calculator__bolsa.is-on {
	background: var(--wp--preset--color--primary-soft);
}

.bisiesto-company-calculator__bolsa p {
	margin: 0;
	font-size: var(--wp--preset--font-size--label);
	line-height: var(--wp--custom--line-height--small);
	color: var(--wp--preset--color--secondary-text);
}

.bisiesto-company-calculator__bag {
	position: relative;
	flex: none;
	width: 112px;
	aspect-ratio: 120 / 150;
	filter: grayscale(1);
	opacity: var(--wp--custom--opacity--disabled);
	transition: filter 0.3s, opacity 0.3s;
}

.bisiesto-company-calculator__bolsa.is-on .bisiesto-company-calculator__bag {
	filter: none;
	opacity: 1;
	animation: bisiesto-company-calculator-bag 0.5s cubic-bezier(0.2, 1.3, 0.4, 1) both;
}

@keyframes bisiesto-company-calculator-bag {
	0% {
		transform: translateY(8px) scale(0.9) rotate(-4deg);
	}

	100% {
		transform: none;
	}
}

.bisiesto-company-calculator__bag-svg {
	display: block;
	width: 100%;
	height: 100%;
}

.bisiesto-company-calculator__bag-logo {
	position: absolute;
	left: 50%;
	top: 66%;
	width: 50%;
	height: auto;
	transform: translate(-50%, -50%);
}

.bisiesto-company-calculator__bag-msg {
	position: absolute;
	left: 0;
	right: 0;
	top: 80%;
	color: var(--wp--preset--color--heading-text);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1;
	font-weight: var(--wp--custom--font-weight--semibold);
	letter-spacing: 0.04em;
	text-align: center;
	white-space: nowrap;
	opacity: 0.85;
	transform: scale(0.8);
}

.bisiesto-company-calculator__out {
	position: sticky;
	top: calc(var(--wp--custom--layout--header-height) + var(--wp--preset--spacing--20));
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--16);
	overflow: hidden;
	padding: var(--wp--preset--spacing--32);
	border-radius: var(--wp--custom--radius--24);
	background: var(--wp--preset--color--surface-inverse);
	color: var(--wp--preset--color--on-primary);
}

.bisiesto-company-calculator__out::before {
	content: "";
	position: absolute;
	right: -80px;
	top: -80px;
	width: 260px;
	height: 260px;
	border-radius: var(--wp--custom--radius--circle);
	background: radial-gradient(circle, color-mix(in srgb, var(--wp--preset--color--primary) 50%, transparent), transparent 70%);
	pointer-events: none;
}

.bisiesto-company-calculator__k {
	position: relative;
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--small);
	color: var(--wp--preset--color--on-dark-muted);
}

.bisiesto-company-calculator__pp {
	position: relative;
	display: block;
	font-size: var(--wp--preset--font-size--heading-1);
	line-height: 1;
	letter-spacing: var(--wp--custom--letter-spacing--heading);
	font-variant-numeric: tabular-nums;
}

.bisiesto-company-calculator__dl {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0;
}

.bisiesto-company-calculator__dl div {
	display: flex;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--12);
	padding-block: var(--wp--preset--spacing--12);
	border-top: 1px solid var(--wp--preset--color--border-on-dark);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--small);
}

.bisiesto-company-calculator__dl dt {
	color: var(--wp--preset--color--on-dark-muted);
}

.bisiesto-company-calculator__dl dd {
	margin: 0;
	font-weight: var(--wp--custom--font-weight--medium);
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.bisiesto-company-calculator__dl .is-saving dd {
	color: var(--wp--preset--color--success-soft);
}

.bisiesto-company-calculator__out .wp-block-buttons,
.bisiesto-company-calculator__out .wp-block-button,
.bisiesto-company-calculator__out .wp-block-button__link {
	position: relative;
	width: 100%;
}

.bisiesto-company-calculator__fine {
	position: relative;
	margin: 0;
	font-size: var(--wp--preset--font-size--eyebrow);
	line-height: var(--wp--custom--line-height--eyebrow);
	color: var(--wp--preset--color--on-dark-subtle);
}

@media (prefers-reduced-motion: reduce) {
	.bisiesto-company-calculator__tg i,
	.bisiesto-company-calculator__tg i::after,
	.bisiesto-company-calculator__bag,
	.bisiesto-company-calculator__bolsa {
		transition: none;
	}

	.bisiesto-company-calculator__bolsa.is-on .bisiesto-company-calculator__bag {
		animation: none;
	}
}

@media (max-width: 1024px) {
	.bisiesto-company-calculator__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.bisiesto-company-calculator__in {
		gap: var(--wp--preset--spacing--24);
		padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--16);
	}

	.bisiesto-company-calculator__out {
		position: relative;
		top: 0;
		padding: var(--wp--preset--spacing--24) var(--wp--preset--spacing--20);
	}

	.bisiesto-company-calculator__bolsa {
		gap: var(--wp--preset--spacing--12);
		padding: var(--wp--preset--spacing--12);
	}

	.bisiesto-company-calculator__bag {
		width: 88px;
	}

	.bisiesto-company-calculator__num {
		width: 92px;
	}
}