/* -------------------------------- 

Slider (Carrossel)

-------------------------------- */

.slider {
	margin:var(--ifht-sys-spacing-padding-xl) 0 var(--ifht-sys-spacing-padding-xxxl);
}

/* Slider somente imagens */
.carousel-indicators {
  margin: auto;
  margin-bottom: var(--ifht-sys-spacing-padding-md);
}

.carousel-indicators .active {
  background-color: var(--ifht-sys-cor-secundaria-normal);
}

.carousel-indicators.somente-img .active {
  background-color: #fff;
}

.carousel-indicators li {background-color: var(--ifht-sys-cor-superficie-3);}

.carousel-indicators li::before,
.carousel-indicators li::marker {
  display: none;
  content: "";
}

.carousel ul {
  list-style: none;
  padding-left: 0;
}

.carousel table img {
  top: 0;
  right: 0;
  margin-left: 0;
}

.carousel table td,
.carousel table th {
  padding: 6px;
}

.carousel .slider-body p:last-child {
  margin-bottom: 0;
}

@media (min-width:768px) {
  .carousel-texto {min-height: 300px;}
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  padding: 18px;
  border-radius: 18px;
}

/*Seta branca*/
.carousel-control-next-icon.white-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFF' d='M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z'/%3E%3C/svg%3E")!important;
}

.carousel-control-prev-icon.white-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFF' d='M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z'/%3E%3C/svg%3E")!important;
}

/*Seta escura*/
.carousel-control-next-icon.dark-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230a151f' d='M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z'/%3E%3C/svg%3E")!important;
}

.carousel-control-prev-icon.dark-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230a151f' d='M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z'/%3E%3C/svg%3E")!important;
}

.carousel-control-prev {
  left: 35px;
  width: auto;
}
.carousel-control-next {
  right: 35px;
  width: auto;
}

/* Ajuste no posicionamento das setas no mobile */
@media (max-width:767px) {
  .carousel-control-prev {left:0;}
  .carousel-control-next {right: 0;}
}

/* Slider Vertical */

/*Ajustes na margem do texto no desktop*/
@media (min-width: 768px) {
    .slider-imagem-vertical  .box-quote {height:495px;}
  
    .slider-imagem-vertical .texto {
      padding-left: 6rem !important;
      height: 430px;
      overflow: hidden;
      overflow-y: scroll;
    }
  
    /*Para Firefox e edge*/
    .slider-imagem-vertical .texto {
      scrollbar-width: thin;
      scrollbar-color: #E0E0E0 #f1f1f1;
    }
  
    /*Para Chrome e Safari*/
    .slider-imagem-vertical .texto::-webkit-scrollbar {
      width: 5px;
    }
  
    .slider-imagem-vertical .texto::-webkit-scrollbar-thumb {
      border-radius: 6px;
      border: none;
    }
  
    .slider-imagem-vertical .texto::-webkit-scrollbar-track {background: #f1f1f1;}
  
    .slider-imagem-vertical .texto::-webkit-scrollbar-thumb {background: #E0E0E0;}
  
    .slider-imagem-vertical .texto::-webkit-scrollbar-thumb:hover {background: var(--ifht-sys-cor-primaria-light);}
  }

  /* *******************************  */

  /* --- SLIDER --- */

.slider {
	margin-top: 24px;
}

.slider .carousel-indicators button {
	border: none;
	height: 8px;
	width: 20px;
	margin-right: 4px;
	border-radius: var(--ifht-sys-raio-borda-xs);
}

.slider .carousel-inner {
	border-radius: var(--ifht-sys-raio-borda-md);
}
.slider .card .card-header {
  /* background-color: var(--ifht-sys-cor-fundo); */
  border-radius: 0 !important;
}

.slider .card .card-thumb img,
.slider .card .card-thumb figure img {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.slider .card .card-thumb figure .figure-caption {
	background-color: var(--ifht-sys-cor-superficie-1);
	margin: 0 auto var(--ifht-sys-spacing-padding-md);
	padding: var(--ifht-sys-spacing-padding-md) var(--ifht-sys-spacing-padding-sm);
}

.slider .card-body .carousel-item,
.slider .carousel-item .card-body {
	padding-bottom: calc(var(--ifht-ref-tamanho-base) * 5);
}
.slider .card-body:has(#carousel-fixed-image),
.slider .card-body:has(#carousel-fixed-text) {
	padding-bottom: 0;
}

/* CONTROL BUTTONS */
.slider .carousel .carousel-control-next,
.slider .carousel .carousel-control-prev {
	position: absolute;
	top: auto;
	right: 24px;
	bottom: 12px;
	left: auto;
	width: 48px;
	height: 48px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	text-align: center;
	background: 0 0;
	background-color: var(--ifht-sys-cor-secundaria-normal);
	border-radius: var(--ifht-sys-raio-borda-full);
	opacity: 1;
	transition: opacity 0.15s ease;
}

.slider .card-body .carousel .carousel-control-next,
.slider .card-body .carousel .carousel-control-prev {
	top: auto;
	right: 0;
}

.slider .carousel-indicators [data-bs-target] {
	background-color: var(--ifht-sys-cor-fundo);
}

.slider .carousel-indicators .active [data-bs-target] {
	background-color: var(--ifht-sys-cor-secundaria-normal);
}

.slider .carousel button.carousel-control-prev {
	right: 64px;
	right: auto;
	left: 24px;
}

.slider .card-body .carousel button.carousel-control-prev {
	right: auto;
	left: 0;
}

.slider .carousel-control-next-icon,
.slider .carousel-control-prev-icon {
	border-radius: var(--ifht-sys-raio-borda-full);
}

/*Seta branca*/
.slider .carousel-control-next-icon.white-arrow {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFF' d='M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z'/%3E%3C/svg%3E") !important;
}

.slider .carousel-control-prev-icon.white-arrow {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFF' d='M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z'/%3E%3C/svg%3E") !important;
}

/*Seta escura*/
.slider .carousel-control-next-icon.dark-arrow {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230a151f' d='M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z'/%3E%3C/svg%3E") !important;
	background-color: var(--ifht-sys-cor-secundaria-normal);
}

.slider .carousel-control-prev-icon.dark-arrow {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230a151f' d='M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z'/%3E%3C/svg%3E") !important;
	background-color: var(--ifht-sys-cor-secundaria-normal);
}

@media (min-width: 768px) {
	.slider {
		margin-top: 0;
	}
	.slider .card .card-body {
		padding: 0;
	}

	.slider .card-body .carousel-item,
	.slider .carousel-item .card-body {
		padding: calc(var(--ifht-ref-tamanho-base) * 2) 88px calc(var(--ifht-ref-tamanho-base) * 4);
	}

	/* CONTROL BUTTONS */
	.slider .carousel .carousel-control-next,
	.slider .carousel .carousel-control-prev {
    border: none;
		top: calc(50% - 24px);
		right: 20px;
		padding: 0;
	}

	.slider .carousel button.carousel-control-prev {
		right: auto;
		left: 20px;
	}

	.slider .card-body .carousel .carousel-control-next,
	.slider .card-body .carousel .carousel-control-prev {
		top: calc(50% - 24px);
		right: 20px;
	}

	.slider .card-body .carousel button.carousel-control-prev {
		left: 20px;
	}
}

@media (min-width:992px) {

	.slider .carousel-indicators button {
		border-radius: 0;
		border: none;
		height: 6px;
		width: 48px;
		border-radius: var(--ifht-sys-raio-borda-xs);
	}	
}