/* Arenza Calc — panel de precio (solo cálculo). El layout de imagen fija +
   sidebar se arma en Elementor; este widget es una pieza que vive adentro
   del sidebar, más la barra de precio fija abajo del viewport. */

.arenza-calc {
	--arenza-dark: #0A4047;
	--arenza-dark-2: #0E3C38;
	--arenza-mint: #F0F8ED;
	--arenza-line: #E1E8E4;
	--arenza-text: #1F2124;
	--arenza-text-soft: #5B6864;

	position: relative;
	font-family: 'Roboto', sans-serif;
	color: var(--arenza-text);
	box-sizing: border-box;
}
.arenza-calc *, .arenza-calc *::before, .arenza-calc *::after { box-sizing: border-box; }

.arenza-calc__panel {
	display: flex;
	flex-direction: column;
	gap: 26px;
	border: 1px solid var(--arenza-line);
	border-radius: 12px;
	padding: 24px;
	background: #fff;
}

.arenza-calc__price {
	background: var(--arenza-mint);
	text-align: center;
	margin: -24px -24px 0;
	padding: 28px 20px;
	border-radius: 12px 12px 0 0;
}
.arenza-calc__price-label {
	display: block;
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: .01em;
	text-transform: uppercase;
	color: var(--arenza-dark);
}

.arenza-calc__field { border-top: 1px solid var(--arenza-line); padding-top: 20px; }
.arenza-calc__field:nth-of-type(2) { border-top: none; padding-top: 0; }

.arenza-calc__field-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 10px;
	gap: 8px;
}
.arenza-calc__field-head label {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: var(--arenza-text);
}
.arenza-calc__field-value {
	font-size: 13px;
	color: var(--arenza-dark);
	font-weight: 600;
	white-space: nowrap;
}

/* slider */
.arenza-calc__slider {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	background: var(--arenza-line);
	outline: none;
	margin: 8px 0;
}
.arenza-calc__slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--arenza-dark);
	cursor: pointer;
	border: 3px solid #fff;
	box-shadow: 0 0 0 1px var(--arenza-dark);
}
.arenza-calc__slider::-moz-range-thumb {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--arenza-dark);
	cursor: pointer;
	border: 3px solid #fff;
	box-shadow: 0 0 0 1px var(--arenza-dark);
}
.arenza-calc__slider-caps {
	display: flex;
	justify-content: space-between;
	font-size: 11px;
	color: var(--arenza-text-soft);
}

/* opciones (pills) */
.arenza-calc__options {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.arenza-calc__option {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	padding: 9px 16px;
	border-radius: 999px;
	border: 1px solid var(--arenza-line);
	background: #fff;
	color: var(--arenza-text);
	cursor: pointer;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.arenza-calc__option:hover,
.arenza-calc__option:focus {
	border-color: var(--arenza-dark) !important;
	background-color: #fff !important;
	color: var(--arenza-text) !important;
}
.arenza-calc__option.is-active,
.arenza-calc__option.is-active:hover,
.arenza-calc__option.is-active:focus {
	background-color: var(--arenza-dark) !important;
	border-color: var(--arenza-dark) !important;
	color: #fff !important;
}

/* number input (extras) */
.arenza-calc__number {
	width: 100%;
	max-width: 140px;
	padding: 9px 12px;
	border-radius: 8px;
	border: 1px solid var(--arenza-line);
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}

/* ---------- barra de precio inferior, fija al viewport (estilo Tesla: clara) ---------- */
.arenza-calc__bottombar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: #fff;
	color: var(--arenza-text);
	border-top: 1px solid var(--arenza-line);
	transform: translateY(100%);
	transition: transform .3s ease;
	box-shadow: 0 -8px 24px rgba(10,64,71,.08);
}
.arenza-calc__bottombar.is-visible { transform: translateY(0); }
.arenza-calc__bottombar-inner {
	max-width: 1216px;
	margin: 0 auto;
	padding: 16px 100px 16px 24px;
	display: flex;
	align-items: center;
	gap: 20px;
}
.arenza-calc__bottombar-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--arenza-text-soft);
	display: none;
}
.arenza-calc__bottombar-value {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 22px;
	color: var(--arenza-dark);
	margin-right: auto;
}
.arenza-calc__cta {
	background: var(--arenza-dark);
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	padding: 12px 24px;
	border-radius: 999px;
	text-decoration: none;
	white-space: nowrap;
	transition: opacity .15s ease;
}
.arenza-calc__cta:hover { opacity: .85; color: #fff; }

@media (min-width: 768px) {
	.arenza-calc__bottombar-label { display: inline; }
}

@media (max-width: 767px) {
	.arenza-calc__bottombar-inner { padding: 14px 76px 14px 16px; gap: 14px; }
	.arenza-calc__bottombar-value { font-size: 18px; }
	.arenza-calc__cta { padding: 10px 16px; font-size: 13px; }
}