/* Hoba · calculadora "¿Cuánto estás dejando de vender?" (25/10/2026, Parte 2 A). Va en línea solo en la home, el
   servicio de optimización y /ramirosanz (inc/funciones.php). Campos a la izquierda; resultado en una tarjeta noche. */
.hoba-v3 .hk-pastilla {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 0.75rem;
	padding: 4px 12px;
	border-radius: 999px; /* avoid-ai-design-ignore: K2 */
	background: var(--hv3-noche);
	color: var(--hv3-lavanda-clara);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}
.hoba-v3 .hk-pastilla .hv3-ic {
	width: 16px;
	height: 16px;
}
.hoba-v3 .hk-calc {
	display: grid;
	gap: 22px;
	margin-top: 1.5rem;
}
@media (min-width: 960px) {
	.hoba-v3 .hk-calc {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
		gap: 36px;
		align-items: stretch;
	}
}
.hoba-v3 .hk-campos {
	display: grid;
	gap: 18px;
	padding: 22px;
	border: 1px solid var(--hv3-borde-tarjeta);
	border-radius: 22px;
	background: var(--hv3-papel);
	box-shadow: var(--hv3-sombra);
}
@media (min-width: 600px) {
	.hoba-v3 .hk-campos {
		grid-template-columns: 1fr 1fr;
		padding: 28px;
	}
}
.hoba-v3 .hk-campo label {
	display: block;
	font-weight: 800;
	font-size: 1rem;
	color: var(--hv3-tinta);
}
.hoba-v3 .hk-campo input,
.hoba-v3 .hk-campo select {
	width: 100%;
	min-height: 52px;
	margin-top: 8px;
	padding: 10px 14px;
	border: 1.5px solid #B9B2C6;
	border-radius: 12px;
	background: var(--hv3-papel);
	font: 600 1.125rem/1.2 var(--hoba-sans);
	color: var(--hv3-tinta);
}
.hoba-v3 .hk-campo input::placeholder {
	color: #77708A;
	font-weight: 500;
}
.hoba-v3 .hk-campo input:focus-visible,
.hoba-v3 .hk-campo select:focus-visible {
	outline: 3px solid var(--hv3-electrico);
	outline-offset: 1px;
	border-color: var(--hv3-violeta);
}
.hoba-v3 .hk-campo input[aria-invalid="true"] {
	border-color: #B3261E;
}
.hoba-v3 .hk-unidad {
	display: flex;
	align-items: center;
	gap: 8px;
}
.hoba-v3 .hk-unidad > span {
	margin-top: 8px;
	font-weight: 800;
	color: var(--hv3-tinta-2);
}
.hoba-v3 .hk-unidad--moneda select {
	flex: 0 0 92px;
	width: 92px;
}
.hoba-v3 .hk-ayuda {
	margin-top: 6px;
	font-size: 0.875rem;
	line-height: 1.45;
	color: var(--hv3-tinta-2);
}
.hoba-v3 .hk-resultado {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 26px;
	border-radius: 22px;
	background: var(--hv3-noche);
	color: var(--hv3-papel);
	box-shadow: var(--hv3-sombra-alta); /* avoid-ai-design-ignore: C5, K2 */
}
.hoba-v3 .hk-resultado__vivo {
	flex: 1;
}
.hoba-v3 .hk-resultado__vacio,
.hoba-v3 .hk-resultado__error {
	color: var(--hv3-niebla);
	font-size: 1.0625rem;
}
.hoba-v3 .hk-resultado__rotulo {
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--hv3-lavanda-clara);
}
.hoba-v3 .hk-resultado__mes {
	margin-top: 0.35rem;
	font-family: var(--hoba-serif);
	font-size: clamp(2.25rem, 6vw, 3.25rem);
	line-height: 1.02;
	letter-spacing: -0.02em;
}
.hoba-v3 .hk-resultado__mes small,
.hoba-v3 .hk-resultado__anio small {
	font-family: var(--hoba-sans);
	font-size: 1rem;
	letter-spacing: 0;
	color: var(--hv3-niebla);
}
.hoba-v3 .hk-resultado__anio {
	margin-top: 0.5rem;
	font-family: var(--hoba-serif);
	font-size: 1.625rem;
}
.hoba-v3 .hk-resultado__detalle {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--hv3-linea-oscura);
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--hv3-niebla);
}
.hoba-v3 .hk-aclaracion {
	padding: 10px 14px;
	border-radius: 12px;
	background: rgb(183 148 224 / 0.16);
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--hv3-lavanda-clara);
}
.hoba-v3 .hk-resultado .hoba-boton {
	align-self: flex-start;
	white-space: normal;
	text-align: center;
}
/* Performance (25/10/2026): la sección no se calcula hasta que se acerca a la pantalla (Lighthouse: Style & Layout de
   la home). contain-intrinsic-size "auto" recuerda el alto real después de la primera vez. */
.hoba-v3 .hk-seccion {
	content-visibility: auto;
	contain-intrinsic-size: auto 1100px;
}