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

Slider Swiper (Carrossel)

-------------------------------- */
/* Importamos todos os arquivos CSS referentes à estrutura do slider Swiper*/
@import "/pluginfile.php/606/mod_folder/content/0/css/recursos-visuais/swiper-module/a11y.css";
@import "/pluginfile.php/606/mod_folder/content/0/css/recursos-visuais/swiper-module/effect-cards.css";
@import "/pluginfile.php/606/mod_folder/content/0/css/recursos-visuais/swiper-module/effect-creative.css";
@import "/pluginfile.php/606/mod_folder/content/0/css/recursos-visuais/swiper-module/effect-cube.css";
@import "/pluginfile.php/606/mod_folder/content/0/css/recursos-visuais/swiper-module/effect-flip.css";
@import "/pluginfile.php/606/mod_folder/content/0/css/recursos-visuais/swiper-module/free-mode.css";
@import "/pluginfile.php/606/mod_folder/content/0/css/recursos-visuais/swiper-module/grid.css";
@import "/pluginfile.php/606/mod_folder/content/0/css/recursos-visuais/swiper-module/navigation.css";
@import "/pluginfile.php/606/mod_folder/content/0/css/recursos-visuais/swiper-module/pagination.css";
@import "/pluginfile.php/606/mod_folder/content/0/css/recursos-visuais/swiper-module/scrollbar.css";
@import "/pluginfile.php/606/mod_folder/content/0/css/recursos-visuais/swiper-module/virtual.css";



.swiper {
    --swiper-border-radius: var(--ifht-sys-raio-borda-lg);
    --swiper-header-background: var(--ifht-sys-cor-primaria-extralight);
    --swiper-header-padding: var(--ifht-sys-spacing-padding-sm) var(--ifht-sys-spacing-padding-lg);

    --swiper-body-background: var(--ifht-sys-cor-neutra-dark-contrast);
    --swiper-body-padding-bottom: var(--ifht-sys-spacing-padding-xl);

    --swiper-navigation-size: 36px;
    --swiper-navigation-color: var(--ifht-botao-primario-cor-normal) !important;
    --swiper-navigation-shadow: var(--ifht-ref-elevacao-2);

    width: 100%;
    height: auto;
}

.swiper .swiper-slide {
    background-color: var(--swiper-body-background);
    border-radius: var(--swiper-border-radius);
    height: auto !important;
}

.swiper .card-header {
    background-color: var(--swiper-header-background);
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    padding: var(--swiper-header-padding);
}

.swiper .swiper-button-next, 
.swiper .swiper-button-prev {
    color:var(--swiper-navigation-color);
    background-color: rgba(255, 255, 255, .8);
    border-radius: var(--ifht-sys-raio-borda-full);
    box-shadow: var(--swiper-navigation-shadow);
    padding: var(--ifht-sys-spacing-md);
}

.swiper .swiper-button-prev:after, 
.swiper .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
}

/* SWIPER NAVIGATION */
.swiper--navigation .swiper-wrapper {
    cursor: grab;
}

.swiper--navigation.card .card-body {
    padding: var(--ifht-sys-spacing-padding-sm) var(--ifht-sys-spacing-padding-xl);
}

@media (min-width: 1200px) {
    .swiper--navigation.card .card-body {
        padding: var(--ifht-sys-spacing-padding-sm) var(--ifht-sys-spacing-padding-xxxl);
    }
}

/*SWIPER VERTICAL*/
.swiper--vertical {
    max-height: 30rem !important;
    /* max-height: 800px; */
}

@media (min-width: 1200px) {
    .swiper--vertical {
        max-height: 18rem !important;
        /* max-height: 800px; */
    }
}

@media (min-width: 1300px) {
    .swiper--vertical {
        max-height: 20rem !important;
        /* max-height: 800px; */
    }
}

@media (min-width: 1400px) {
    .swiper--vertical {
        max-height: 25rem !important;
        /* max-height: 800px; */
    }
}

@media (min-width: 1900px) {
    .swiper--vertical {
        max-height: 30rem !important;
        /* max-height: 800px; */
    }
}

/*SWIPER EFFECT CARD*/

.swiper--effect-card.card {
    background:transparent;
    border: none;
    box-shadow: none;
}

.swiper--effect-card .swiper-slide .card-body {
    max-height:360px;
    padding-bottom:var(--swiper-body-padding-bottom);
}

.swiper--effect-card .swiper-slide .card-body .card-content {
    --scrollbar-foreground: #999;
    --scrollbar-background: #333;
  
    max-height: 300px;
    overflow-y: auto;
    mask-image: linear-gradient(to top, transparent, black),
        linear-gradient(to left, transparent 17px, black 17px);
    mask-size: 100% 20000px;
    mask-position: left bottom;
    -webkit-mask-image: linear-gradient(to top, transparent, black),
        linear-gradient(to left, transparent 17px, black 17px);
    -webkit-mask-size: 100% 20000px;
    -webkit-mask-position: left bottom;
    transition: mask-position 0.3s, -webkit-mask-position 0.3s;

    /* Foreground, Background */
    scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);
}

/* .swiper--effect-card .swiper-slide .card-body .card-content:hover {
     -webkit-mask-position: left top;
} */

.swiper--effect-card .swiper-slide:hover .card-body .card-content  {
     -webkit-mask-position: left top;
}


.swiper--effect-card .swiper-slide .card-body .card-content::-webkit-scrollbar {
    width: 10px; /* Mostly for vertical scrollbars */
    height: 10px; /* Mostly for horizontal scrollbars */
} 

.swiper--effect-card .swiper-slide .card-body .card-content::-webkit-scrollbar-thumb { /* Foreground */
  background: var(--scrollbar-foreground);
}
.swiper--effect-card .swiper-slide .card-body .card-content::-webkit-scrollbar-track { /* Background */
  background: var(--scrollbar-background);
}

/*SWIPER PARALLAX*/

.swiper--parallax {
    /* --swiper-parallax-padding: var(--ifht-sys-spacing-xl) var(--ifht-sys-spacing-5xl); */
    --swiper-parallax-padding: var(--ifht-sys-spacing-xl) var(--ifht-sys-spacing-2xl);
    --swiper-parallax-title-size: var(--ifht-sys-h4);
    --swiper-parallax-title-color: var(--ifht-sys-cor-primaria-extradark);
    --swiper-parallax-title-family: var(--ifht-sys-txt-familia-titulo);
    --swiper-parallax-title-line-height:var(--ifht-sys-line-height-normal);
    --swiper-parallax-subtitle-size: var(--ifht-sys-h5);
    --swiper-parallax-subtitle-font-family: var(--ifht-sys-txt-familia-paragrafo-semibold);
    --swiper-parallax-text-size: var(--ifht-sys-paragrafo);
    --swiper-parallax-text-color: var(--ifht-sys-cor-texto);
    --swiper-parallax-text-line-height: var(--ifht-sys-line-height-paragrafo);

   border-radius: var(--ifht-sys-raio-borda-md);
   cursor:grab;
}

.swiper--parallax .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.swiper--parallax .swiper-slide {
    background:transparent;
    padding: var(--swiper-parallax-padding);
}

.swiper--parallax .swiper-slide .swiper-slide-content {
    background: rgba(255, 255, 255, .3);
    backdrop-filter: blur(10px);
    border-radius: var(--ifht-sys-raio-borda-md);
    padding: var(--ifht-sys-spacing-md);
    width: 100%;
    height: 550px;
    overflow-y: auto;
    overflow-x:hidden;   
}


.swiper--parallax .swiper-slide .title {
    color:var(--swiper-parallax-title-color);
    font-size: var(--swiper-parallax-title-size);
    font-family: var(--swiper-parallax-title-family);
    line-height: var(--swiper-parallax-title-line-height);
}

.swiper--parallax .swiper-slide .subtitle {
    font-size: var(--swiper-parallax-subtitle-size);
    font-family: var(--swiper-parallax-subtitle-font-family);
    color:var(--swiper-parallax-text-color);
}

.swiper--parallax .swiper-slide .text {
    color:var(--swiper-parallax-text-color);
    font-size:var(--swiper-parallax-text-size);
    font-weight: 400;
    line-height: var(--swiper-parallax-text-line-height);
    max-width: 400px;
    margin-top: var(--ifht-sys-spacing-md);
}

.swiper--parallax .swiper-button-prev, 
.swiper--parallax .swiper-button-next {
    color: var(--swiper-navigation-color);
    background: rgba(255, 255, 255, .5);
    padding: var(--ifht-sys-spacing-md);
    border-radius: var(--ifht-sys-raio-borda-full);
}

/* .swiper--parallax .parallax-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(2px); 
} */

/* @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .swiper--parallax .parallax-bg::before {
        background-color: rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(2px);  
  }
} */

/* Swiper Effect Card com Flipcard dentro */
.swiper--effect-card.swiper-flipcard .swiper-slide {
    background-color:transparent; 
    box-shadow:none; 
    overflow:visible;
}

.swiper--effect-card.swiper-flipcard .swiper-slide .card-body {
    padding-bottom: var(--ifht-sys-spacing-padding-sm);
}


@media(min-width: 768px) {

    /*SWIPER PARALLAX*/
    .swiper--parallax .swiper-slide .swiper-slide-content {
        width: 450px;
    }
}