/* Correção de bold para Safari, iOS e macOS */
.row-auto strong, .row-auto b, .row-auto .bold {
	font-family: 'Netflix Sans Bold' !important;
    font-weight: 700 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Força o bold em elementos específicos se necessário */
.row-auto h1 strong, .row-auto h2 strong, .row-auto h3 strong, .row-auto h4 strong, .row-auto h5 strong, .row-auto h6 strong,
.row-auto h1 b, .row-auto h2 b, .row-auto h3 b, .row-auto h4 b, .row-auto h5 b, .row-auto h6 b {
	font-family: 'Netflix Sans Bold' !important;
    font-weight: 700 !important;
}

.row-auto p strong, .row-auto p b,
.row-auto span strong, .row-auto span b,
.row-auto div strong, .row-auto div b {
	font-family: 'Netflix Sans Bold' !important;
    font-weight: 700 !important;
}
/* Correção de bold para Safari, iOS e macOS */
.description strong, .description b, .description .bold {
	font-family: 'Netflix Sans Bold' !important;
    font-weight: 700 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Força o bold em elementos específicos se necessário */
.description h1 strong, .description h2 strong, .description h3 strong, .description h4 strong, .description h5 strong, .description h6 strong,
.description h1 b, .description h2 b, .description h3 b, .description h4 b, .description h5 b, .description h6 b {
	font-family: 'Netflix Sans Bold' !important;
    font-weight: 700 !important;
}

.description p strong, .description p b,
.description span strong, .description span b,
.description div strong, .description div b {
	font-family: 'Netflix Sans Bold' !important;
    font-weight: 700 !important;
}

/* Se estiver usando uma fonte customizada, certifique-se de que ela tem a variante bold */
@supports (-webkit-touch-callout: none) {
    /* CSS específico para iOS/Safari */
    .row-auto strong, .row-auto b {
    	font-family: 'Netflix Sans Bold' !important;
        font-weight: 700 !important;
        font-synthesis: weight;
    }
}

.awb-menu__main-a i {
    font-size: 24px;
	transition: all .2s ease-in-out;
}

.awb-menu__main-a:hover i {
    transform: scale(1.1);
}

.off-canvas-content .fusion-fullwidth {
    padding: 15px 10px;
}

.logo-subtitulo{
	width: auto !important;
}

.fusion-checklist {
    width: 100%;
}

.logo-fixed {
	position: fixed !important;
    right: 20px !important;
    max-width: 160px !important;
    bottom: 20px !important;
	z-index: 10000000;
	opacity: 0;
	transition: .3s ease all;
}

.logo-fixed.fixed {
	opacity: 1 !important;
}

.fusion-fullwidth:has(.logo-fixed){
	z-index: 9999;
}

.fusion-button {
    justify-content: flex-start !important;
}

.awb-menu__sub-ul_main .glyphicon {
	font-size: 24px;
}

.borboleta-footer a{
	display: flex;
	align-items: center;
}

.borboleta {
    display: flex;
    padding: 0 10px;
    align-items: center;
}

.toggle-content .fusion-fullwidth{
	display: block;
}

.fusion-footer h4 {
    text-wrap: nowrap;
}

.morreu .fusion-title-4 {
	display: flex;
	justify-content: center;
}

#fusion-scroll-section-nav-1 {
    display: none;
}

/*////////////////////////*/
/*/// Estilo do modal ////*/
.fusion-modal .modal-dialog {
	max-height: none !important;
	min-height: 100%;
	margin-top: 60px;
	background: transparent;
}

.modal-header {
    border: none !important;
    position: absolute;
    top: 20px;
    right: 10px;
}

.modal-footer {
	display: none;
}
.modal-backdrop.in{
	opacity: 0.9;
}

.modal-content {
	margin: 0 !important;
}

.modal-dialog.modal-lg, .modal-content {
	min-height: auto;
	width: calc((100vw * 2) / 3) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 0;
	background: #1c1b1f;
	margin-top: 10px;
	overflow-x: hidden;
}

.modal-body {
	padding: 0 !important;
}

.modal-content .coluna-modais {
    padding: 30px;
}

.modal-content .coluna-modais article {align-self: middle !important}
.coluna-modais .fusion-title-heading p {
    margin: 0;
}

.coluna-modais .overflow-descricao {
	margin: 0 0 10px;
}

.modal-header {
	z-index: 99999;
}

.img-bg .fusion-column-wrapper{
	background-size: cover !important;
	background-position: left top !important;
}

.fusion-modal {
	display: flex;
	align-content: center;
	overflow-x: hidden;
}

.logo-subtitulo-modal.fusion_builder_column_inner {
    width: auto !important;
	margin: 0 !important;
}

.coluna-modais .fusion-builder-row {
	justify-content: flex-start !important;
}

.coluna-modais .fusion-button {
	/*width: auto;*/
}

.fusion-modal-trigger {
    width: 100%;
}

#laboratorio .awb-carousel {
	overflow: visible;
}

#laboratorio .fusion-layout-column:nth-child(2) {
	/*overflow: hidden;*/
}

.bg-modal {
	height: auto;
}
.bg-modal img {width:100%} /* SID 2026-03-15*/

.fusion-modal {
	overflow-y: hidden !important;
}

/* ===== Esconde scrollbar no modal - mantém scroll funcional ====== */
.fusion-modal .modal-body {
    overflow-y: scroll;
    scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;     /* IE / Edge legado */
	height: 100vh;
}

.fusion-modal .modal-body::-webkit-scrollbar {
    display: none;                /* Chrome / Safari / Opera */
}

/* ===== CSS PARA MODAIS - Melhorias ===== */

.fusion-modal-trigger:not(button):not(.button):not(.btn) {
    cursor: pointer !important;
    transition: opacity 0.3s ease;
}

.fusion-modal-trigger:not(button):not(.button):not(.btn):hover {
    opacity: 0.8;
}

.fusion-modal {
    z-index: 9999 !important;
}

.modal-backdrop {
    z-index: 9998 !important;
}

/*////////////////////////*/
/*Container das temporadas*/
.row-auto .fusion-builder-row .fusion-layout-column {
    width: auto !important;
}

.fusion-fullwidth .row-auto .fusion-builder-row .fusion-layout-column:nth-child(1) {
	margin: 0 0 0 30px !important;
}

#ideomarketing .fusion-fullwidth .row-auto .fusion-builder-row .fusion-layout-column:nth-child(1) {
	margin: 0 0 0 3px !important;
}

.row-auto.lab .fusion-builder-row .fusion-layout-column:nth-child(1) {
	margin: 0 20px 0 10px !important;
}

.row-auto .fusion-button {
    width: 80%;
	white-space: nowrap;
}

.row-auto.ideomarketing .fusion-button {
	width: auto;
}

.overflow-descricao .wrapper{
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 300px;
	margin: 10px 0;
	padding: 0 10px 0 0;
	position: relative;
	transition: box-shadow 0.3s ease;
}

/* Container para as sombras ficarem por cima do conteúdo */
.overflow-descricao {
	position: relative;
}

/* Sombra no topo - aparece quando você JÁ ROLOU */
.overflow-descricao .wrapper.show-shadow-top::before {
	content: '';
	position: sticky;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	height: 30px;
	margin-bottom: -20px;
	background: radial-gradient(
		farthest-side at 50% 0,
		rgba(255, 255, 255, 0.25),
		rgba(255, 255, 255, 0)
	);
	pointer-events: none;
	z-index: 10;
}

/* Sombra no bottom - aparece quando TEM CONTEÚDO ABAIXO */
.overflow-descricao .wrapper.show-shadow-bottom::after {
	content: '';
	position: sticky;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	margin-top: -20px;
	background: radial-gradient(
		farthest-side at 50% 100%,
		rgba(255, 255, 255, 0.25),
		rgba(255, 255, 255, 0)
	);
	pointer-events: none;
	z-index: 10;
}

.overflow-descricao{
	position: relative;
}

.temp-videos .fusion-builder-row {
    /*padding: 20px !important;*/
    margin-bottom: 20px;
    background-color: #39393c;
    border-radius: 10px;
    display: grid !important;
    grid-template-columns: 2fr 7fr 14fr;
	/*grid-gap: 10px;*/
    align-items: center !important;
	justify-content: center !important;
}

.temp-videos .fusion-layout-column{
	width: 100%;
}
.temp-videos .fusion-layout-column:nth-child(1) .fusion-column-wrapper, .temp-videos .fusion-layout-column:nth-child(2) .fusion-column-wrapper {
    text-align: center;
}

.temp-videos .fusion-builder-row .fusion-layout-column, .temp-videos .fusion-builder-row .fusion-layout-column p,.temp-videos .fusion-column-wrapper{
	margin: 0 !important;
}

.temp-ativo {
	background: #454545 !important;
	padding: 2vw 8vw !important;
}

.fusion-builder-row-6 .fusion-builder-row {
    flex-wrap: nowrap !important;
}

/*////////////////////*/
/*Número das temporadas*/
.num .fusion-title-heading{
	font-size: 256px !important;
	margin-right: -35px !important;
}

.num-img {
    width: /*257.15px 257px*/ 231px !important;
    height: /*342.86px 321px*/ 288px;
    /*margin: 0 -25px 0 0 !important;*/
}

#assistir .fusion-builder-row-inner {
    flex-wrap: nowrap !important;
}

.num .fusion-title-heading{
	background: linear-gradient(to bottom, #fff, #666 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-stroke: 4px transparent !important;
    text-stroke: 4px transparent !important;
    display: inline-block;
}
.num .fusion-title-heading a {
	color: #000 !important;
}

.num {
	margin-right: -35px;
}

/* ===== CSS BÁSICO DO SISTEMA DE TEMPORADAS ===== */

[class*="ntemp-"] {
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

[class*="ntemp-"]:hover,
[class*="ntemp-"].temp-active {
    opacity: 0.8;
    transform: scale(1.05);
}

[class*="ntemp-"].temp-active::after {
    content: '';
    position: absolute;
    bottom: -52px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 30px solid #1f1e22;
    z-index: 10;
}

[class*="ntemp-"]:hover .num .fusion-title-heading a {
	background: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px #7b5bf5 !important;
    color: #7b5bf5 !important;
	transition-duration: .001s;
}

[class*="ctemp-"] {
    min-height: 0px !important;
    overflow: hidden !important;
}

[class*="ctemp-"].temp-fechado {
    display: none !important;
}

[class*="ctemp-"].temp-aberto {
    display: block !important;
    overflow: visible !important;
}

.temp-aberto{
	z-index: 0 !important;
}

/* Container principal dos elementos sobrepostos */
.fusion-builder-row-inner {
    position: relative;
}

/* Coluna do número - sempre na esquerda */
.fusion_builder_column_inner.num {
    position: relative !important;
    z-index: 1 !important; /* Z-index baixo para ficar atrás da imagem */
}

/* Styling do número */
.num .fusion-title-heading {
    font-weight: 900 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Coluna da imagem/ícone - sem efeitos */
.fusion_builder_column_inner.num-img {
    position: relative !important;
    z-index: 10 !important; /* Z-index alto para sempre ficar por cima do número */
    background: transparent !important;
}

/* Container da imagem - sem efeitos */
.num-img .fusion-image-element {
    opacity: 1;
    filter: none;
}

/* Remove separadores desnecessários */
.num .title-sep-container {
    display: none !important;
}

.num .awb-title-spacer {
    display: none !important;
}

/* Setas */
.awb-swiper-button-next, .awb-swiper-button-prev, .temporadas-prev, .temporadas-next {
    /*width: 35px !important; SID*/
    /*height: 35px !important;SID*/
    font-size: 16px !important;
    /*background: rgba(0, 0, 0, 0.7) !important;*/
    background: rgba(0, 0, 0, 0.5) !important;
    color: rgb(255, 255, 255) !important;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transition: background 0.3s !important;
    font-size: 18px !important;
    /*margin-right: 10px;*/
    opacity: 1;
}

.slb3-tv {
	font-size: 30px !important;
}

.msg-erro {
	position: absolute;
	bottom: -30px;
	left: 0;
	color: #7b5bf5
}

/* ======================================
   SINGULAB MENU - CSS FINAL
   Usa classe .expanded (controlada por JS)
   NÃO usa mais :hover para evitar conflitos
   ====================================== */

/* ======================================
   VARIÁVEIS E CONTAINER PRINCIPAL
   ====================================== */

#sl-menu {
    --sl-menu-bg: #3d3d3d;
    --sl-menu-color: #ffffff;
    --sl-menu-accent: #7b5bf5;
    --sl-menu-hover-bg: rgba(255, 255, 255, 0.05);
    --sl-submenu-bg: #333333;
    --sl-submenu-hover-bg: #454545;
    
    position: fixed !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 999999 !important;
    width: 80px !important;
    transition: width 0.3s ease !important;
    overflow: visible !important;
}

/* Menu expandido via classe JS */
#sl-menu.expanded {
    width: 300px !important;
}

/* Container expandido via classe JS */
@media (min-width: 1024px) {
    .fusion-tb-header .fusion-sticky-container {
        position: fixed;
        width: 80px;
        transition: width 0.3s ease !important;
    }
    
    .fusion-tb-header .fusion-sticky-container.expanded {
        width: 300px !important;
    }
}

/* ======================================
   LISTA E ITENS
   ====================================== */

#sl-menu .sl-menu__list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#sl-menu .sl-menu__item {
    position: relative !important;
}

/* ======================================
   LINKS DO MENU
   ====================================== */

#sl-menu .sl-menu__link {
    display: flex !important;
    align-items: center !important;
    padding: 18px 0 !important;
    color: var(--sl-menu-color) !important;
    text-decoration: none !important;
    position: relative !important;
    transition: background-color 0.3s ease !important;
    cursor: pointer !important;
    overflow: hidden !important;
}

#sl-menu .sl-menu__link:hover {
    background-color: var(--sl-menu-hover-bg) !important;
}

/* ======================================
   BORDA DO ITEM ATIVO - TRANSIÇÃO BIDIRECIONAL
   ====================================== */

/* Estado colapsado - borda na esquerda */
#sl-menu .sl-menu__item--active > .sl-menu__link::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 5px !important;
    background-color: var(--sl-menu-accent) !important;
    transition: left 0.1s ease 0s, right 0.1s ease 0s !important;
}

/* Estado expandido - borda na direita */
#sl-menu.expanded .sl-menu__item--active > .sl-menu__link::before {
    left: auto !important;
    right: 0 !important;
    transition: left 0.1s ease 0.35s, right 0.1s ease 0.35s !important;
}

/* ======================================
   ÍCONES
   ====================================== */

#sl-menu .sl-menu__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 80px !important;
    font-size: 24px !important;
}

#sl-menu .sl-menu__icon i {
    transition: transform 0.2s ease-in-out !important;
}

#sl-menu .sl-menu__link:hover .sl-menu__icon i {
    transform: scale(1.1) !important;
}

#sl-menu .sl-menu__icon .slb3-tv {
    font-size: 28px !important;
}

/* ======================================
   TEXTO - TRANSIÇÃO BIDIRECIONAL
   ====================================== */

/* Estado colapsado - escondido */
#sl-menu .sl-menu__text {
    font-size: 18px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(-10px) !important;
    transition: opacity 0.1s ease 0s, transform 0.1s ease 0s, visibility 0.1s ease 0s !important;
}

/* Estado expandido - visível */
#sl-menu.expanded .sl-menu__text {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
    transition: opacity 0.2s ease 0.15s, transform 0.2s ease 0.15s, visibility 0.2s ease 0.15s !important;
}

/* ======================================
   SETA - TRANSIÇÃO BIDIRECIONAL
   ====================================== */

/* Estado colapsado - escondida */
#sl-menu .sl-menu__arrow {
    position: absolute !important;
    right: 15px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    display: flex !important;
    align-items: center !important;
    transition: opacity 0.1s ease 0s, visibility 0.1s ease 0s, transform 0.3s ease !important;
}

/* Estado expandido - visível */
#sl-menu.expanded .sl-menu__arrow {
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.2s ease 0.25s, visibility 0.2s ease 0.25s, transform 0.3s ease !important;
}

/* Seta rotacionada quando submenu aberto */
#sl-menu .sl-menu__item--open .sl-menu__arrow {
    transform: rotate(180deg) !important;
}

/* ======================================
   SUBMENU
   ====================================== */

/* Submenu fechado */
#sl-menu .sl-submenu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: var(--sl-submenu-bg) !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.25s ease-out !important;
    display: block !important;
    pointer-events: none !important;
}

/* Submenu aberto (controlado por JS) */
#sl-menu .sl-menu__item--open > .sl-submenu {
    max-height: 500px !important;
    pointer-events: auto !important;
}

/* ======================================
   ITENS DO SUBMENU
   ====================================== */

#sl-menu .sl-submenu__item {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

#sl-menu .sl-submenu__link {
    display: flex !important;
    align-items: center !important;
    padding: 12px 15px 12px 20px !important;
    color: var(--sl-menu-color) !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
    position: relative !important;
}

#sl-menu .sl-submenu__link:hover {
    background-color: var(--sl-submenu-hover-bg) !important;
}

/* Borda roxa no submenu */
#sl-menu .sl-submenu__link::before {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    background-color: var(--sl-menu-accent) !important;
    transition: width 0.2s ease !important;
}

#sl-menu .sl-submenu__link:hover::before,
#sl-menu .sl-submenu__item.active .sl-submenu__link::before {
    width: 5px !important;
}

/* ======================================
   ÍCONE DO SUBMENU
   ====================================== */

#sl-menu .sl-submenu__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    font-size: 20px !important;
    color: var(--sl-menu-color) !important;
    flex-shrink: 0 !important;
}

#sl-menu .sl-submenu__icon--borboleta img {
    width: 24px !important;
    height: auto !important;
}

/* ======================================
   CONTEÚDO DO SUBMENU (del + span)
   ====================================== */

#sl-menu .sl-submenu__content {
    display: flex !important;
    flex-direction: column !important;
    margin-left: 12px !important;
}

#sl-menu .sl-submenu__content del {
    font-size: 12px !important;
    line-height: 14px !important;
    color: #7e7e7e !important;
    text-decoration: line-through !important;
}

#sl-menu .sl-submenu__content span:not(del) {
    font-size: 16px !important;
    line-height: 20px !important;
}

#sl-menu .sl-submenu__link:hover .sl-submenu__content del {
    color: #999 !important;
}

/* ======================================
   FONTE DOS ÍCONES
   ====================================== */

#sl-menu .glyphicon {
    font-family: 'Singulab-v3' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* ======================================
   MOBILE - MENU LATERAL
   ====================================== */

@media (max-width: 1023px) {
    #sl-menu {
        width: 100% !important;
        max-width: 100% !important;
        top: 0 !important;
        transform: translateY(0) !important;
        height: 100vh !important;
        height: 100dvh !important;
        border-radius: 0 !important;
        left: -100% !important;
        transition: left 0.4s linear !important;
        padding-top: 0 !important;
        background-color: var(--sl-menu-bg) !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* No mobile, classe expanded não muda largura */
    #sl-menu.expanded {
        width: 100% !important;
    }
    
    #sl-menu.sl-menu--mobile-open {
        left: 0 !important;
    }
    
    /* Lista centralizada verticalmente */
    #sl-menu .sl-menu__list {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        flex: 1 !important;
        padding: 0 !important;
    }
    
    #sl-menu.sl-menu--mobile-open .sl-menu__text {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(0) !important;
    }
    
    #sl-menu.sl-menu--mobile-open .sl-menu__arrow {
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    #sl-menu .sl-menu__icon {
        min-width: 60px !important;
    }
    
    /* Mobile: borda sempre na esquerda */
    #sl-menu .sl-menu__item--active > .sl-menu__link::before,
    #sl-menu.sl-menu--mobile-open .sl-menu__item--active > .sl-menu__link::before {
        left: 0 !important;
        right: auto !important;
    }
    
    /* Links do menu mobile */
    #sl-menu .sl-menu__link {
        padding: 15px 0 !important;
        justify-content: flex-start !important;
    }
    
    /* Submenu mobile */
    #sl-menu .sl-submenu {
        background-color: var(--sl-submenu-bg) !important;
    }
    
    #sl-menu .sl-submenu__link {
        padding: 12px 15px 12px 60px !important;
    }
    
    /* Esconde botão toggle quando menu está aberto */
    .sl-menu--mobile-open ~ .sl-menu-toggle,
    body:has(.sl-menu--mobile-open) .sl-menu-toggle {
        display: none !important;
    }
}

/* ======================================
   MOBILE - BOTÃO DE FECHAR (DENTRO DO MENU)
   ====================================== */

.sl-menu-close {
    display: none !important;
    position: absolute !important;
    top: 20px !important;
    left: 25px !important;
    width: 30px !important;
    height: 30px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    z-index: 1000001 !important;
    font-size: 30px !important;
    color: #fff !important;
    transition: color 0.3s ease !important;
}

.sl-menu-close:hover {
    color: var(--sl-menu-accent) !important;
}

.sl-menu-close::before {
    content: "×" !important;
}

.overflow-descricao {
	overflow-y: scroll;

	/* Firefox */
	scrollbar-width: thin;
	scrollbar-color: #7b5bf5 transparent;
}

.overflow-descricao::-webkit-scrollbar {
	width: 8px;
}

.overflow-descricao::-webkit-scrollbar-track {
	background: transparent;
}

.overflow-descricao::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-radius: 4px;
}

/* Só mostra quando tem overflow */
.overflow-descricao.has-overflow::-webkit-scrollbar-thumb {
	background-color: #7b5bf5;
}

.overflow-descricao.has-overflow::-webkit-scrollbar-track {
	background: rgba(123, 91, 245, 0.1);
}

@media (max-width: 1023px) {
    .sl-menu-close {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* ======================================
   MOBILE - BOTÃO HAMBURGUER
   ====================================== */

.sl-menu-toggle {
    display: none !important;
    position: fixed !important;
    top: 15px !important;
    left: 15px !important;
    z-index: 999997 !important;
    width: 50px !important;
    height: 50px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Singulab-v3' !important;
    font-size: 24px !important;
    color: #fff !important;
    text-decoration: none !important;
}

@media (max-width: 1023px) {
    .sl-menu-toggle {
        display: flex !important;
    }
}

/* Ajustes responsivos */
@media (max-width: 1024px) {    	
	.fusion-tb-header .awb-menu__main-li {
        height: 60px;
    }
    
    .row-auto .fusion-builder-row-inner {
		margin: 0 !important;
	}
	
	.row-auto .fusion-builder-row-inner .fusion-column-wrapper {
		margin: 0 10px 0 0;
	}
	
	.row-auto .fusion-builder-row-inner .fusion-column-wrapper {
		margin: 0 10px 0 0;
	}
	
	.coluna-modais .fusion-button, .row-auto .fusion-button{
		width: 100% !important;
	}
	
	.overflow-descricao {
		margin: 10px 0;
	}
	
	.modal-body {
		/*margin: 40px 0;*/
		padding: 0;
	}
	
	.modal-dialog.modal-lg {
        width: calc(100vw /*- 20px*/) !important;
        height: calc(100dvh /*- 20px*/) !important;
        min-height: calc(100dvh /*- 20px*/) !important;
		max-height: calc(100dvh /*- 20px*/) !important;
		flex-direction: row;
        margin: 0 auto;
		align-self: center;
		justify-self: center;
    }
	
	.modal-content {
		width: calc(100vw /*- 10px*/) !important;*/
		flex-direction: row;
	}
	
	.bg-modal, .bg-modal .fusion-column-wrapper {
		/*height: calc(100vw * 0.5625 - 10px);
		min-height: calc(100vw * 0.5625 - 10px);*/
	}
	
	.coluna-modais .fusion-layout-column {
		width: auto;
		margin: 20px 0 0;
	}
	
	.coluna-modais .fusion-layout-column:nth-child(2) {
		margin: 0;
	}
	
	#content{
		margin-bottom: 0 !important;
	}
	
	.ctemp-1 .fusion-builder-row, .ctemp-2 .fusion-builder-row, .ctemp-3 .fusion-builder-row, .ctemp-4 .fusion-builder-row {
		margin: 0 auto !important;
	}
	
	/* ===== CARROSSEL DOS EPISÓDIOS - MOBILE ===== */
	.temp-videos {
		margin-top: 20px !important;
	}
	
	.temp-videos .fusion-builder-row {
		grid-template-columns: none;
	}
	
	.temp-videos .fusion-modal-trigger {
		margin: 0 30px !important;
	}

	.temp-videos .fusion-imageframe {
		width: 100%;
	}

	.temp-videos img {
		border-radius: 0;
		width: 100%;
	}
	
	.num-ep {
		display: none !important;
	}
	
	/* Estilos dos botões de navegação dos episódios */
	.temp-videos-prev,
    .temp-videos-next {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }
	
	/* ===== CARROSSEL DAS TEMPORADAS - MOBILE ===== */
	
	/* Personalizar setas menores no mobile */
    [class*="ntemp-"].temp-active::after {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 16px solid #1f1e22;
        bottom: -18px;
    }
    
    /* SLIDER DAS TEMPORADAS - SÓ ABAIXO DE 1024px */
    .temporadas {
        position: relative;
        overflow: hidden;
    }
    
    .temporadas [class*="ntemp-"]:not(.temp-active) {
        display: none;
    }
    
    .temporadas-nav {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        pointer-events: none;
        z-index: 15;
    }
    
    .temporadas-prev,
    .temporadas-next {
        background: rgba(255,255,255,0.8);
        color: #000;
        border: none;
        width: 45px;
        height: 100% !important;
        border-radius: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: auto;
        font-size: 20px;
    }
    
    .temporadas-prev {
        margin-left: 15px;
    }
    
    .temporadas-next {
        margin-right: 15px;
    }
	
	/* Estilos para navegação das temporadas */
	/*.temporadas-nav button:hover {
		background: rgba(255, 255, 255, 1) !important;
	}*/
    
    .temporadas-prev,
    .temporadas-next {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
    }
	
	.fusion-fullwidth .row-auto .fusion-builder-row .fusion-layout-column:nth-child(1){
		margin: 0 !important;
	}
	
	.num-img, .num-img > div  {
		/*width: 214.29px !important;
    	height: 285.71px;*/
		width: 214px !important; /*SID » ratio 3x4*/
    	height: 268px !important; /*SID » ratio 3x4*/
	}
	
	.num-img .fusion-column-wrapper {
		margin-left: -35px !important;
	}
	
	/*.num.fusion_builder_column_inner.num {
		margin-right: -35px !important;
	}*/
	
	.overflow-descricao .wrapper {
		margin: 15px 0 !important;
	}
	
	.modal-header {
		position: fixed;
		right: 0;
	}
	
	.fusion-modal.modal {
		z-index: 999999999 !important;
	}
	
	#laboratorio .fusion-layout-column:nth-child(2) {
		overflow: visible;
	}
	
	.num .fusion-title {
		flex-direction: column !important;
		justify-content: flex-end;
	}

	/*.ideomarketing div {
	    width: 100%;
	}*/

    .mobile-menu .fusion-layout-column {
        flex-basis: 100%;
        display: flex;
        justify-content: flex-start;
    }

    .mobile-menu .awb-menu__main-a {
    	justify-content: flex-start !important;
    }

    .mobile-menu .awb-menu__main-a span {
    	margin: 0;
		padding: 0 0 0 12px !important;
    }

    .mobile-menu .awb-menu__open-nav-submenu-hover {
	    position: absolute;
	    right: 0;
	}

	.awb-menu__sub-a span {
	    display: flex;
	    align-items: center;
	}

	.borboleta {
		padding: 0 12px 0 0;
	}

	.submenu-text del {
        font-size: 14px;
        line-height: 14px;
        color: #7e7e7e;
    }

    .submenu-text span {
        font-size: 18px;
        line-height: 18px;
    }

    .ctemp-1 .fusion-modal-trigger img, .ctemp-2 .fusion-modal-trigger img, .ctemp-3 .fusion-modal-trigger img, .ctemp-4 .fusion-modal-trigger img {
    	border-radius: 10px 10px 0 0;
    }
	
	.off-canvas-close.fa-times::before {
		content: "×" !important;
	}
	
	.slb3-tv {
		margin-left: -3px;
	}
	
	.logo-subtitulo-modal .fusion-image-element {
    	margin: 0 0 0 5px !important;
	}
	
	.fusion-column-wrapper .lab-picture .awb-swiper-button-next, .fusion-column-wrapper .lab-picture .awb-swiper-button-prev {
    	height: 240px !important;
		top: 120px !important;
	}
}


@media (min-width: 1024px) {
	/*////////////////////*/
	/* Animação do menu */
	.fusion-tb-header .fusion-sticky-container{
		position: fixed;
	    width: 80px;
		transition: .3s all ease !important;
		-webkit-transition: .3s all ease !important;
	}

	/* Container dos itens do menu */
	.fusion-tb-header .awb-menu__main-ul {
		display: flex;
		flex-direction: column;
	}

	/* Cada item do menu com tamanho fixo */
	.fusion-tb-header .awb-menu__main-li {
		/*height: 70px; /* Altura fixa para todos os itens */
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden; /* Esconde o texto que está fora da área */
		position: relative;
		flex-wrap: wrap;
	}

	/* Links do menu */
	.fusion-tb-header .awb-menu__main-a {
		display: flex !important;
	}

	/* Texto do menu */
	.fusion-tb-header .menu-text{
		display: none;
		opacity: 0;
		transition: .3s all ease !important;
		-webkit-transition: .3s all ease !important;
	}

	/* Ícones sempre visíveis */
	.fusion-tb-header .awb-menu__i {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 30px 0 25px !important;
		transition: all 0.3s ease;
		z-index: 2;
		position: relative;
	}

	.fusion-tb-header .fusion-sticky-container .awb-menu__main-a,
	.fusion-tb-header .fusion-sticky-container .awb-menu__open-nav-submenu_main{
		flex: 1;
	}

	.fusion-tb-header .awb-menu_v-stacked .menu-item-has-children{
		display: flex !important;
		transition: none;
	}

	.awb-menu__sub-a span{
		display: flex;
		justify-content: flex-start;
	}

	.menu-item .awb-menu__i_sub {
		padding: 0 10px !important;
	}

	.submenu-text {
		display: flex;
		flex-direction: column;
		padding-left: 15px;
	}

	.submenu-text del {
		font-size: 14px;
		line-height: 14px;
		color: #7e7e7e;
	}

	.submenu-text span {
		font-size: 18px;
		line-height: 18px;
	}

	.awb-menu__sub-li:hover del {
		color: #454545;
	}

	/* Esconder as setas antes do hover */
	.fusion-tb-header .awb-menu__open-nav-submenu-hover {
		display: none !important;
		opacity: 0;
	}

	/* Submenu do menu */
	.fusion-tb-header .awb-menu__sub-ul{
		flex-basis: 100%;
	}

	.fusion-tb-header .fusion-sticky-container:hover .awb-menu__main-a{
		justify-content: flex-start;
	}

	.fusion-tb-header .fusion-sticky-container:hover .awb-menu__i{
		/*padding: 0 25px 0 30px;*/
	}

	.fusion-tb-header .fusion-sticky-container:hover .awb-menu__main-background-active{
		border-left: 0 ;
		border-right: 5px solid #7b5bf5;
	}

	.fusion-tb-header:hover .awb-menu__main-li .menu-text {
		top: 50%; /* Centraliza o texto verticalmente */
		opacity: 1; /* Torna o texto visível */
		display: block;
	}

	.fusion-tb-header .fusion-sticky-container:hover .awb-menu__open-nav-submenu-hover{
		display: block !important;
		position: absolute;
		right: 0;
		top: 15px;
		opacity: 1;
		padding-right: 20px;
	}

	.num-ep {
	    padding-left: 20px;
	}

	.ctemp-1 .fusion-modal-trigger img, .ctemp-2 .fusion-modal-trigger img, .ctemp-3 .fusion-modal-trigger img, .ctemp-4 .fusion-modal-trigger img {
		padding: 20px;
		border-radius: 25px;
	}
}