/* --- ACCORDION COM IMAGENS--- */

.accordion-com-imagem,
.accordion-com-imagem .card{
    padding: var(--ifht-sys-spacing-padding-sm);
}

.accordion-com-imagem .image-button {
	margin-bottom: var(--ifht-sys-spacing-padding-md);
	display: block;
}
.accordion-com-imagem .image-button img {
	border-radius: var(--ifht-sys-raio-borda-lg);
    position: relative;
    z-index: 1;
}
.accordion-com-imagem .image-button:hover {
	text-decoration: none;
}
.accordion-com-imagem .image-button .image-button-thumb {
	position: relative;
    	margin-bottom: var(--ifht-sys-spacing-padding-sm);
}
.accordion-com-imagem .image-button:hover .image-button-thumb img {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	transform: scale(1.03);
	transition: .5s ease-out;
}
.accordion-com-imagem .image-button .image-button-thumb .pic-behind {
	position: absolute;
	background-image: url(https://ava.ifht.net.br/pluginfile.php/606/mod_folder/content/0/img/recursos-visuais/image-dropdown--hover.png);
	background-position: center;
	background-size: contain;
    background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* border-radius: 50%; */
	z-index: -1;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.accordion-com-imagem .image-button .image-button-thumb .pic--1 {
	z-index: 0;
	opacity: 1;
}
.accordion-com-imagem .image-button .image-button-thumb .pic--2 {
	z-index: 0;
	opacity: 1;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.accordion-com-imagem .image-button:hover .image-button-thumb .pic--1 {
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.accordion-com-imagem .image-button:hover .image-button-thumb .pic--2 {
	-webkit-transform: rotate(180deg) scale(1.35);
	transform: rotate(180deg) scale(1.35);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.accordion-com-imagem .image-button .image-button-label {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	text-align:center;
	font-weight: 600;
}

.accordion-com-imagem .image-button .image-button-label::after {
	flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-left: 10px;
    content: '';
    background-image: url(/pluginfile.php/606/mod_folder/content/0/img/recursos-visuais/accordion-icon.svg);
    background-color: var(--ifht-sys-cor-secundaria-dark);
    background-size: var(--ifht-sys-spacing-padding-md);
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.2s ease-in-out;
    border-radius: var(--ifht-sys-raio-borda-full);
    padding: var(--ifht-sys-spacing-padding-sm);
}


.accordion-com-imagem .image-button[aria-expanded='true'] .image-button-label::after {
    transform: rotate(-180deg);
	background-color: var(--ifht-sys-cor-secundaria-normal);
}

.accordion-com-imagem .image-button:hover .image-button-label::after {
	 background-color: var(--ifht-sys-cor-secundaria-normal);
}

.accordion-com-imagem .card {
    padding: var(--ifht-sys-spacing-padding-sm);
}

.accordion-com-imagem .image-content {
	background-color: var(--ifht-sys-cor-primaria-extralight);
	border: var(--ifht-sys-espessura-borda-xs) solid var(--ifht-sys-cor-borda-accordion) !important;
	border-radius: 0 0 var(--ifht-sys-raio-borda-md) var(--ifht-sys-raio-borda-md);
    padding: var(--ifht-sys-spacing-padding-sm);
}

/* .accordion-com-imagem .image-content {
    background-color: var(--fio-sys-color-primary-medium-contrast);
    border-color: var(--ifht-sys-color-primary-1);
    border-width: var(--fio-sys-spacing-border-width-md);
    border-style: solid;
    border-radius: var(--fio-sys-spacing-border-radius-md);
    padding: var(--fio-sys-spacing-padding-lg);
}  */
/* 
.accordion-com-imagem .image-button .image-button-label .material-symbols-rounded {
	transition: 0.5s ease-out;
	transform: rotate(180deg);
}