/**
 * Estilos específicos del calculador de amplificación para auriculares.
 * Los controles de formulario (.iat-input, .iat-select, .iat-chip,
 * .iat-segmented, .iat-seg) son compartidos y viven en iat-core.css.
 */

/* Buscador de modelos */
.iat-hpamp__search { margin: 0 0 1.25rem; }
.iat-hpamp__search .iat-input { margin-top: .35rem; }

/* Rejilla de campos */
.iat-hpamp__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem 1.25rem;
}
@media (max-width: 560px) { .iat-hpamp__grid { grid-template-columns: 1fr; } }

/* Banner de veredicto */
.iat-hpamp__results { margin-top: 1.5rem; }
.iat-verdict {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: .5rem 1rem;
	border-radius: var(--iat-radius-sm);
	padding: 1rem 1.2rem;
	margin-bottom: 1rem;
	background: var(--iat-surface);
	border-left: 5px solid var(--iat-v, var(--iat-accent));
}
.iat-verdict__title { font-size: 1.2rem; font-weight: 800; color: var(--iat-v, inherit); }
.iat-verdict__detail { font-weight: 700; opacity: .85; font-variant-numeric: tabular-nums; }
.iat-verdict--easy { --iat-v: var(--iat-ok); }
.iat-verdict--tight { --iat-v: var(--iat-warn); }
.iat-verdict--short { --iat-v: var(--iat-danger); }