/* IAS Polish: brand palette navy #1E3A56, orange #D96A1E, teal #1D8FA5, tint #F4F0E9 */

/* ---------- Teacher card on the contents page ---------- */
.ias-teacher {
	display: flex;
	align-items: center;
	gap: 1.1em;
	background: #F4F0E9;
	border: 1px solid #DCD4C7;
	border-left: 5px solid #1D8FA5;
	border-radius: 10px;
	padding: 0.9em 1.1em;
	margin: 0 0 1.2em;
	max-width: 46rem;
}
.ias-teacher-photo {
	width: 84px;
	height: 84px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #fff;
	box-shadow: 0 1px 6px rgba(30, 58, 86, 0.25);
	flex-shrink: 0;
}
.ias-teacher-name {
	margin: 0 0 0.15em;
	font-weight: 800;
	color: #1E3A56;
	font-size: 1.08rem;
}
.ias-teacher-line {
	margin: 0;
	color: #40506a;
	font-size: 0.98rem;
	line-height: 1.45;
}
@media (max-width: 30rem) {
	.ias-teacher { flex-direction: column; text-align: center; }
}

/* ---------- Progress ticks on the lesson list ---------- */
.ias-tick {
	display: inline-block;
	margin-left: 0.5em;
	color: #1D8FA5;
	font-weight: 800;
}

/* ---------- The waveform that breathes while he speaks ---------- */
.ias-eq {
	display: inline-flex;
	align-items: flex-end;
	gap: 3px;
	height: 18px;
	margin-right: 0.6em;
	vertical-align: middle;
}
.ias-eq i {
	display: block;
	width: 4px;
	height: 6px;
	border-radius: 2px;
	background: #D96A1E;
	opacity: 0.45;
}
.ias-eq-on i { animation: ias-eq-b 0.9s ease-in-out infinite; opacity: 1; }
.ias-eq-on i:nth-child(1) { animation-delay: 0s;    }
.ias-eq-on i:nth-child(2) { animation-delay: 0.15s; }
.ias-eq-on i:nth-child(3) { animation-delay: 0.3s;  }
.ias-eq-on i:nth-child(4) { animation-delay: 0.1s;  }
.ias-eq-on i:nth-child(5) { animation-delay: 0.25s; }
@keyframes ias-eq-b {
	0%, 100% { height: 5px; }
	50%      { height: 17px; }
}
@media (prefers-reduced-motion: reduce) {
	.ias-eq-on i { animation: none; height: 12px; }
}

/* ---------- Escúchate: the practice recorder ---------- */
.ias-rec {
	background: #fff;
	border: 1px solid #DCD4C7;
	border-left: 5px solid #D96A1E;
	border-radius: 10px;
	padding: 0.85em 1.1em;
	margin: 0.9em 0 1.1em;
	max-width: 46rem;
}
.ias-rec-title {
	margin: 0 0 0.2em;
	font-weight: 800;
	color: #1E3A56;
}
.ias-rec-sub {
	margin: 0 0 0.6em;
	color: #6b7480;
	font-size: 0.92rem;
	line-height: 1.4;
}
.ias-rec-row {
	display: flex;
	align-items: center;
	gap: 0.5em;
	flex-wrap: wrap;
}
.ias-rec-btn {
	background: #1E3A56;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 0.45em 0.9em;
	font-size: 0.95rem;
	font-weight: 700;
	cursor: pointer;
}
.ias-rec-btn:disabled { opacity: 0.35; cursor: default; }
.ias-rec-btn[data-act="rec"] { background: #D96A1E; }
.ias-rec-live .ias-rec-btn[data-act="stop"] { background: #8C2B26; }
.ias-rec-state {
	color: #1D8FA5;
	font-size: 0.92rem;
	font-weight: 600;
}
.ias-rec-live { border-left-color: #8C2B26; }