.experiencias-calc {
	--exp-acento: #103c61;
	--exp-borde: #103c61;
	--exp-borde-grosor: 1.5px;
	--exp-radio: 14px;
	--exp-fondo: #fff;
	--exp-texto: #1f2937;
	--exp-linea: rgba( 16, 60, 97, .14 );
	--exp-input-bg: #fff;
	--exp-input-borde: #c8d3de;
	--exp-input-radio: 8px;
	--exp-btn-bg: #F8B204;
	--exp-btn-bg-hover: #e6a600;
	--exp-btn-text: #103c61;
	--exp-btn-radio: 10px;

	max-width: 400px;
	padding: 16px 18px;
	border: var( --exp-borde-grosor ) solid var( --exp-borde );
	border-radius: var( --exp-radio );
	background: var( --exp-fondo );
	color: var( --exp-texto );
	font-size: 14px;
	line-height: 1.35;
}

.experiencias-calc * {
	box-sizing: border-box;
}

.experiencias-calc__title {
	margin: 0 0 12px;
	font-size: 17px;
	font-weight: 700;
	color: var( --exp-acento );
}

.experiencias-calc__block {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var( --exp-linea );
}

.experiencias-calc__label {
	display: block;
	margin-bottom: 6px;
	font-size: 13.5px;
	font-weight: 600;
	color: var( --exp-acento );
}

.experiencias-calc__incluye-txt {
	font-size: 13px;
	color: #4b5563;
}

.experiencias-calc__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
}

.experiencias-calc__row:last-child {
	margin-bottom: 0;
}

.experiencias-calc__row input[type="number"] {
	width: 92px;
}

.experiencias-calc__row select {
	width: 190px;
}

.experiencias-calc input[type="number"],
.experiencias-calc select {
	padding: 7px 9px;
	background: var( --exp-input-bg );
	border: 1px solid var( --exp-input-borde );
	border-radius: var( --exp-input-radio );
	font-size: 13.5px;
	color: var( --exp-texto );
}

.experiencias-calc input:focus,
.experiencias-calc select:focus {
	outline: none;
	border-color: var( --exp-acento );
	box-shadow: 0 0 0 2px rgba( 16, 60, 97, .12 );
}

.experiencias-calc__breakdown {
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid var( --exp-linea );
}

.experiencias-calc__line {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 2px 0;
	font-size: 12.5px;
	color: #475569;
}

.experiencias-calc__totalwrap {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin: 8px 0 12px;
	font-weight: 800;
	font-size: 18px;
	color: var( --exp-acento );
}

.experiencias-calc__actions {
	text-align: center;
}

.experiencias-calc__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 11px 16px;
	border: 0;
	border-radius: var( --exp-btn-radio );
	background: var( --exp-btn-bg );
	color: var( --exp-btn-text );
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .2px;
	cursor: pointer;
	transition: background .15s ease, transform .05s ease;
}

.experiencias-calc__submit:hover { background: var( --exp-btn-bg-hover ); }
.experiencias-calc__submit:active { transform: translateY( 1px ); }
.experiencias-calc__submit:disabled { opacity: .5; cursor: not-allowed; }

.experiencias-calc__submit .exp-ico { display: inline-flex; align-items: center; }
.experiencias-calc__submit .exp-ico svg { width: 1em; height: 1em; fill: currentColor; }

.experiencias-calc__msg {
	min-height: 16px;
	margin-top: 8px;
	font-size: 12.5px;
	color: #6b7280;
	text-align: center;
}

.experiencias-calc__msg--err { color: #dc2626; }

.experiencias-calc--empty {
	color: #9ca3af;
	font-style: italic;
}