/*
 * IC Tema: widget "Accordion & Toggle" (the7-accordion).
 * Como con The7 en esta versión de Elementor, sin el CSS de acordeón de Elementor: sin bordes visibles
 * y con las respuestas abiertas hasta que se hace clic (acordeon.js las pliega).
 */

.the7-adv-accordion.elementor-accordion .elementor-accordion-item {
	border-color: var(--the7-divider-color);
}

.elementor-accordion .elementor-accordion-item .elementor-tab-content {
	border-top-color: var(--the7-divider-color);
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
	border-bottom-color: var(--the7-divider-color);
}

/* Interruptores de bordes del widget */
.ac_bb_title .elementor-accordion-item:not(:last-child) {
	border-bottom: none;
}

.elementor-accordion.ac_bb_active_title .elementor-tab-title.elementor-active {
	border: none !important;
}

.elementor-accordion.ac_bb_active_title .elementor-tab-content {
	border-top: none;
}

.ac_top_bottom_borders .elementor-accordion-item:first-child {
	border-top: none;
}

.ac_top_bottom_borders .elementor-accordion-item:last-child {
	border-bottom: none;
}

.ac_left_right_borders .elementor-accordion-item {
	border-left: none;
	border-right: none;
}

/* Título: texto primero, íconos a los lados según el ajuste */
.the7-adv-accordion.elementor-accordion .elementor-tab-title {
	display: flex;
	align-items: center;
	margin: 0;
	transition: all .3s ease;
}

.the7-adv-accordion.elementor-accordion .elementor-accordion-title {
	order: -1;
	max-width: 84%;
	transition: all .3s ease;
}

.the7-adv-accordion div.elementor-tab-title { font-weight: var(--the7-base-font-weight); }
.the7-adv-accordion h1.elementor-tab-title { font-weight: var(--the7-h1-font-weight); }
.the7-adv-accordion h2.elementor-tab-title { font-weight: var(--the7-h2-font-weight); }
.the7-adv-accordion h3.elementor-tab-title { font-weight: var(--the7-h3-font-weight); }
.the7-adv-accordion h4.elementor-tab-title { font-weight: var(--the7-h4-font-weight); }
.the7-adv-accordion h5.elementor-tab-title { font-weight: var(--the7-h5-font-weight); }
.the7-adv-accordion h6.elementor-tab-title { font-weight: var(--the7-h6-font-weight); }

.the7-adv-accordion.elementor-accordion .elementor-tab-title i {
	position: relative;
	display: block;
	width: 1em;
	height: 1em;
}

.the7-adv-accordion.elementor-accordion .elementor-tab-title i::before {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.the7-adv-accordion.elementor-accordion .elementor-tab-title .elementor-accordion-icon-right {
	float: right;
	width: auto;
	text-align: right;
}

.the7-adv-accordion.elementor-accordion .elementor-tab-title .elementor-accordion-icon-left {
	float: left;
	width: auto;
	text-align: left;
}

.the7-adv-accordion span.elementor-accordion-icon.elementor-accordion-icon-left {
	order: -1;
}

.the7-adv-accordion span.elementor-accordion-icon.elementor-accordion-icon-right {
	order: 3;
}

.the7-adv-accordion span.elementor-accordion-tab-icon.elementor-accordion-icon.elementor-accordion-icon-right {
	order: 2;
}

.the7-adv-accordion.elementor-accordion .elementor-accordion-icon:not(.elementor-accordion-tab-icon),
.elementor-accordion .elementor-accordion-icon svg {
	transition: all .3s ease;
}

/* Indicador: el de "abierto" solo en el ítem activo */
.the7-adv-accordion .elementor-accordion-icon .elementor-accordion-icon-opened,
.the7-adv-accordion .elementor-active .elementor-accordion-icon .elementor-accordion-icon-closed {
	display: none;
}

.the7-adv-accordion .elementor-active .elementor-accordion-icon .elementor-accordion-icon-opened {
	display: block;
}

/* Ícono propio de cada ítem */
.the7-adv-accordion span.elementor-accordion-tab-icon {
	line-height: .1em;
}

.the7-adv-accordion.elementor-accordion .elementor-accordion-icon.elementor-accordion-tab-icon .elementor-icon {
	color: var(--the7-accent-color);
	border: 0 solid var(--the7-accent-color);
	transition: all .3s ease;
}

.the7-adv-accordion.elementor-accordion .elementor-accordion-icon.elementor-accordion-tab-icon .elementor-icon svg {
	color: var(--the7-accent-color);
	fill: var(--the7-accent-color);
}

.elementor-accordion .elementor-tab-content.animation-disable {
	display: block;
}