/* Estilo sección 'Grupos focales' */
/* Información básica */
.focus-groups .focus-groups--basic-info.body--columns.two-columns {
	grid-row-gap: 1.3rem;
}

.focus-groups .focus-groups--basic-info .form--row {
	margin: 0;
}
.focus-groups .focus-groups--basic-info .form--row:last-child {
	margin: 0;
}

.focus-groups .focus-groups--basic-info .form--row label {
	min-width: 3.5rem;
}

.focus-groups .focus-groups--basic-info .form--row input[type="datetime-local"] {
	height: 1.5rem;
}

/* Información por categorias */
.focus-groups .insights {
	margin-top: 0.5rem;
	margin-bottom: 1.5rem;
	display: flex;
	flex-direction: column;
}

.focus-groups .insights textarea {
	min-height: 5rem !important;
	padding: 0.3rem;
	border: 0.15rem solid transparent;
	background-color: var(--color-lightblue-lighter);
	margin-left: 2rem;
	margin-right: 0.2rem;
}

.focus-groups .insights textarea:disabled {
	opacity: 1;
	color: #000;
	border: 0.15rem solid var(--color-lightblue-lightest);
	background-color: transparent;
}

.focus-groups .insights .highlight-quote {
	display: flex;
	align-items: center;
	margin-top: 0.5rem;
	margin-left: 2rem;
}

.focus-groups .insights .highlight-quote--title {
	margin-right: 0.5rem;
	width: 10%;
	min-width: 6rem;
}

.focus-groups .insights .highlight-quote--input {
	width: 87% !important;
	font-weight: 300;
	padding: 0.2rem 0.4rem;
	border: none;
	border-bottom: 0.15rem solid transparent;
	background-color: var(--color-lightblue-lighter);
}
.focus-groups .insights .highlight-quote--input::placeholder {
	font-style: italic;
	opacity: 0.6;
}
.focus-groups .insights .highlight-quote--input:disabled {
	color: #000;
	background-color: transparent;
	border-color: var(--color-lightblue-lightest);
	cursor: text;
}

.focus-groups .insights .highlight-quote--add {
	width: 3%;
	min-width: 1.6rem;
	height: 1rem;
	background: url("../images/icon--plus.svg") no-repeat right;
	background-size: 1.5rem;
}

.focus-groups .insights .highlight-quote--delete {
	width: 3%;
	min-width: 1.6rem;
	height: 1rem;
	background: url("../images/icon--cross.svg") no-repeat right;
	background-size: 1.5rem;
}

.focus-groups--view .highlight-quote--add,
.focus-groups--view .highlight-quote--delete {
	display: none;
}
