#alfa-fc-app {
	max-width: 480px;
	margin: 0 auto;
	font-size: 16px;
}

/* Panel de estadísticas */
.alfa-fc-stats {
	display: flex;
	gap: 8px;
	margin-bottom: 20px;
}
.alfa-fc-stat {
	flex: 1;
	text-align: center;
	padding: 12px 6px;
	border-radius: 10px;
}
.alfa-fc-stat--acierto { background: #e6f4ea; }
.alfa-fc-stat--duda { background: #fdf3e2; }
.alfa-fc-stat--fallo { background: #fbe8e8; }
.alfa-fc-stat__num { display: block; font-size: 22px; font-weight: 600; }
.alfa-fc-stat--acierto .alfa-fc-stat__num { color: #1e7d3c; }
.alfa-fc-stat--duda .alfa-fc-stat__num { color: #a06600; }
.alfa-fc-stat--fallo .alfa-fc-stat__num { color: #b32424; }
.alfa-fc-stat__label { display: block; font-size: 12px; color: #555; margin-top: 2px; }

/* Selector de temas */
#alfa-fc-selector { display: flex; flex-direction: column; }
.alfa-fc-selector__titulo { font-size: 13px; color: #777; margin: 0 0 8px; }
.alfa-fc-tema-check {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 4px;
	border-bottom: 1px solid #ececec;
	font-size: 15px;
}
.alfa-fc-tema-check input { width: 20px; height: 20px; flex-shrink: 0; }

.alfa-fc-btn {
	display: block;
	width: 100%;
	padding: 14px;
	margin-top: 16px;
	border: none;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	background: #eee;
	color: #222;
}
.alfa-fc-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.alfa-fc-btn--primary { background: #1a3c6e; color: #fff; }

.alfa-fc-error { color: #b32424; font-size: 13px; margin-top: 8px; }

/* Sesión de estudio */
#alfa-fc-sesion { display: flex; flex-direction: column; }
.alfa-fc-sesion__cabecera {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}
.alfa-fc-icon-btn {
	background: none;
	border: none;
	font-size: 20px;
	color: #555;
	cursor: pointer;
	padding: 6px 10px;
}
.alfa-fc-icon-btn:disabled { opacity: 0.3; cursor: default; }
#alfa-fc-progreso { font-size: 13px; color: #777; }

.alfa-fc-tarjeta {
	background: #f7f7f7;
	border-radius: 14px;
	padding: 22px 18px;
	min-height: 180px;
	display: flex;
	flex-direction: column;
}
.alfa-fc-tarjeta__tema {
	font-size: 12px;
	font-weight: 600;
	color: #1a3c6e;
	margin-bottom: 10px;
}
.alfa-fc-tarjeta__pregunta { font-size: 17px; line-height: 1.5; margin: 0; flex: 1; }
.alfa-fc-tarjeta__respuesta {
	font-size: 16px;
	line-height: 1.5;
	color: #444;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #ddd;
}

.alfa-fc-botones-respuesta {
	display: flex;
	gap: 8px;
	margin-top: 16px;
}
.alfa-fc-botones-respuesta .alfa-fc-btn { margin-top: 0; padding: 13px 4px; font-size: 14px; }
.alfa-fc-btn--fallo { background: #fbe8e8; color: #b32424; }
.alfa-fc-btn--duda { background: #fdf3e2; color: #a06600; }
.alfa-fc-btn--acierto { background: #e6f4ea; color: #1e7d3c; }

#alfa-fc-fin { text-align: center; padding: 24px 0; }

@media (min-width: 600px) {
	#alfa-fc-app { font-size: 16px; }
}