/* Acordeón de preguntas (por elemento) — KRM Fit */

/* Estilo base del título: flecha ▸ / ▾ a la IZQUIERDA, antes del
   texto (v1.1.0 — antes iba a la derecha). */
.krm-acordeon-item-titulo {
	cursor: pointer;
	position: relative;
	/* !important porque el propio tema/Elementor le pone padding:0 al
	   título con más prioridad que esta regla — sin esto, el espacio
	   para la flecha no se reservaba y quedaba montada sobre el "¿". */
	padding-left: 24px !important;
	user-select: none;
}

.krm-acordeon-item-titulo::before {
	content: '\25B8'; /* ▸ cerrado */
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	line-height: 1;
	transition: transform 0.15s ease;
}

.krm-acordeon-item-titulo.krm-acordeon-item-abierto::before {
	content: '\25BE'; /* ▾ abierto */
}

.krm-acordeon-item-contenido {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s ease;
}

.krm-acordeon-item-contenido.krm-acordeon-item-abierto {
	max-height: 1000px;
}

/* Variante "krm-acordeon-item-movil": en escritorio (1025px en
   adelante) se ve todo normal, sin flecha y sin plegar nada — el
   título y el contenido quedan siempre visibles, tal como si el
   plugin no existiera. */
@media (min-width: 1025px) {
	.krm-acordeon-item-movil .elementor-heading-title {
		cursor: default;
		padding-left: 0 !important;
	}

	.krm-acordeon-item-movil .elementor-heading-title::before {
		content: '' !important;
	}

	.krm-acordeon-item-movil + .krm-acordeon-item-contenido {
		max-height: none !important;
		overflow: visible !important;
	}
}