/* Alinhamentos básicos */
.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-justify {
    text-align: justify !important;
}

/* Alinhamentos responsivos (mesmo padrão do Bootstrap) */
@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .text-sm-right {
        text-align: right !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .text-md-right {
        text-align: right !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-center {
        text-align: center !important;
    }

    .text-lg-right {
        text-align: right !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-center {
        text-align: center !important;
    }

    .text-xl-right {
        text-align: right !important;
    }
}

#teamModal ul {
    padding-left: 1.25rem;
}

#teamModal ul li {
    margin-bottom: 0.5rem;
    line-height: 1.5;
    position: relative;
}

/* bullet personalizada */
#teamModal ul li::before {
    content: '•';
    color: #7e8287;
    /* cor do bullet */
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

#team-email:hover {
    color: #205c3a;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-backdrop.fade {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.modal-backdrop.show {
    opacity: 0.2;
    /* ou o valor que você usa */
}



/* Container principal */
.schedule-list {
    max-width: 970px;
    margin: 0 auto;
    padding-top: 8px;
    list-style: none;
}

/* Cada bloco do cronograma */
.schedule-list-item {
    border-top: 1px solid #d8d8d8;
    padding: 16px 0;
}

/* Coluna da hora */
.schedule-time {
    text-align: center;
    color: #aaa;
    font-weight: 600;
    font-size: 18px;
    transition: .3s ease;
    margin-bottom: 10px;
}

/* Título do evento */
.schedule-item-title {
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #225374;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
    transition: .3s ease;
}

.schedule-list-item:hover {
    cursor: pointer;
}

.schedule-list-item:hover .schedule-item-title, .schedule-list-item:hover .schedule-time {
    color: #205c3a;
}

.schedule-list-item:hover .schedule-item-content p {
    color: #000;
    font-weight: 500;
}

/* Conteúdo do evento */
.schedule-item-content p {
    margin: 0 0 5px;
    font-size: 14px;
    color: #444;
}

/* Estilo quando há múltiplos eventos no mesmo horário */
.schedule-list-item .col-5 {
    border-left: 2px solid #e5e5e5;
    padding-left: 15px;
    margin-bottom: 15px;
}

.schedule-list-item .col-5:first-child {
    border-left: none;
    padding-left: 0;
}

footer, footer .footer-bottom {
    background-color: #081b2c;
    color: #FFFFFF;
}

footer h6 {
    color: #FFFFFF;
}

footer .contacts-list li i {
    color: #838384;
}

footer .contacts-list li a {
    color: #144165 !important;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    overflow-wrap: anywhere;
}

footer .contacts-list li a:hover, footer .contacts-list li:has(a:hover) i {
    color: #205c3a !important;
}

.s-about-home-two.s-about-creator .about-img {
    height: 100% !important;
    display: flex;
    padding: 0 50px 50px 0;
    justify-content: flex-start;
}

.s-about-home-two.s-about-creator img {
    height: 100% !important;
}

.s-about-home-two.s-about-creator .custom-hr {
    border-color: #205c3a !important;
    opacity: 1;
}

@media (max-width: 768px) {
    .s-about-home-two.s-about-creator .about-img {
        height: 100% !important;
        display: flex;
        padding: 12px;
        justify-content: center;
    }

    .s-about-home-two.s-about-creator img {
        height: 100% !important;
    }
}

.s-about.s-title-bg .about-block-stages .about-image-wrapper {
    width: 100%;
    /* max-width: 450px; */
    height: 280px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s-about.s-title-bg .about-block-stages .about-image-wrapper .about-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 8px;
}

/* Responsividade */
@media (max-width: 768px) {
    .s-about.s-title-bg .about-block-stages .about-image-wrapper {
        max-width: 320px;
        height: 200px;
    }
}

.s-about.s-title-bg .about-block-stages .about-stage .about-stage-list {
    list-style: disc;
    list-style-position: inside;
}

.s-about.s-title-bg .about-block-stages .about-stage .about-stage-list li {
    color: #696174;
    margin-bottom: 5px;
}

.s-event-block .event-img i {
    font-size: 50px;
    color: #205c3a;
}

.s-about+.split-section {
    margin-top: -1px;
}

:root {
    --header-color: #d8bea3;
    --header-height: 90px;
    --mask-height: 80px;
}

.split-section {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.split-section-header {
    position: absolute;
    width: 100%;
    overflow: visible;
    display: block;
    /* background: #d8bea3; */
}

.header-shape-solid {
    width: 100%;
    height: var(--header-height);
    background: var(--header-color);
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.header-shape-mask {
    position: relative;
    width: 100%;
    height: var(--mask-height);
    margin-top: calc(-1.2px);
    background: var(--header-color);
    border-top: 1px solid transparent;
    z-index: 1;
    clip-path: polygon(0 0, 32% 80%, 100% 0);
    -webkit-clip-path: polygon(0 0, 32% 80%, 100% 0);
    transform: translateZ(0);
}

@media (max-width: 768px) {
    :root {
        --header-height: 140px;
        --mask-height: 60px;
    }

    .header-shape-mask {
        clip-path: polygon(0 0, 32% 50%, 100% 0);
        -webkit-clip-path: polygon(0 0, 32% 80%, 100% 0);
    }

    .header-shape-solid {
        display: none;
    }
}

.split-section .split-first-box {
    margin-top: 80px;
}

.split-section .row {
    margin: 0;
    min-height: 600px;
}

.split-section .col-md-6 {
    padding: 0;
}

.split-section .text-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.split-section .bg-blue {
    background-color: #081b2c;
    color: #fff;
}

.split-section .bg-blue h2 {
    color: #fff;
}

.split-section .bg-brown {
    background-color: #d8bea3;
    color: #0d0406;
}

.split-section .split-image .video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.split-section .split-image .video-wrapper iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 177.78%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    border: 0;
}

@media (max-width: 768px) {
    .split-section {
        min-height: auto;
    }

    .split-section .row {
        flex-direction: column !important;
    }

    .split-section .text-area {
        padding: 3rem 1.5rem;
        min-height: 380px;
        justify-content: center;
        text-align: left;
    }

    .split-image {
        height: 380px !important;
        object-position: center;
    }

    .split-section .split-first-box {
        margin-top: 0;
    }

}

.converge-pauta {
    background-color: #f6fdf5;
}

.converge-pauta .prof {
    color: #747474;
    position: relative;
    padding-bottom: 10px;
}

.converge-pauta .prof::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 42px;
    height: 3px;
    background-color: #205c3a;
}

/* BANNER */
.banner-section {
    position: relative;
    width: 100%;
    min-height: 60vh;
    overflow: hidden;
}

/* Vídeo de fundo cobrindo tudo */
.banner-section .video-background {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

.banner-section .video-background iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 62vw;
    min-height: 100%;
    min-width: 177.78vh;
    transform: translate(-50%, -50%);
    object-fit: cover;
    border: none;
}

.banner-section .banner-content {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: left;
    padding: 10% 8%;
}

.banner-section .banner-content .date-slide {
    color: #fff;
    opacity: 0.7;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: clamp(1rem, 2vw, 1.4rem);
}

.banner-section .banner-content h2 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0;
    color: #fff;
}

.banner-section .banner-content .subtitle {
    font-size: clamp(2rem, 2vw, 1.4rem);
    line-height: 2em;
    margin-bottom: 1rem;
    color: #fff;
}

.banner-section .banner-content h2, .banner-section .banner-content .subtitle {
    margin-bottom: 20px
}

.banner-section .banner-content .btn-border {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3)
}

.banner-section .banner-content .btn-border:before {
    background-color: rgba(255, 255, 255, 0.3);
    color: #151515
}

.banner-section .banner-date {
    position: absolute;
    top: 50%;
    left: -245px;
    -webkit-transform: translate(0, -50%) rotate(-90deg);
    transform: translate(0, -50%) rotate(-90deg);
    z-index: 4;
    font-size: 100px;
    line-height: 100px;
    color: rgba(255, 255, 255, 0.14);
    text-transform: uppercase;
    font-weight: 700;
    opacity: 1;
}

.interactive-map {
    background-color: #081b2c;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.map-section {
    min-height: 80vh;
    margin: 0;
}

.filter-sidebar {
    overflow: hidden;
    border-radius: .75rem;
}

.sidebar-content {
    max-height: 80vh;
    overflow-y: auto;
    padding-right: .5rem;
}

.filter-list li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: .2rem .75rem;
    border-radius: .5rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    color: #000;
    height: 47px;
}

.filter-list li:hover {
    background-color: #e9ecef;
    color: #0d6efd;
}

.flag-icon {
    width: 40px;
    height: 100%;
    object-fit: cover;
}

#cityList .flag-icon {
    padding-block: 8px;
}

.filter-list li.active {
    background-color: #0d6efd;
    color: #fff;
}

.map-container {
    border-radius: .75rem;
    height: 80vh;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767.98px) {

    .map-section {
        min-height: auto;
    }

    .filter-sidebar {
        max-height: none !important;
    }

    .sidebar-content {
        max-height: none !important;
        overflow-y: visible;
    }

    .map-container {
        height: auto;
        min-height: 50vh;
    }
}


@media (max-width: 768px) {
    .banner-section .banner-content .date-slide {
        font-size: 0.9rem;
    }

    .banner-section .banner-content h2 {
        font-size: clamp(1.6rem, 5vw, 2.5rem);
        margin-bottom: 15px;
    }

    .banner-section .banner-content .subtitle {
        font-size: clamp(0.9rem, 2vw, 1.2rem);
        line-height: 1.5em;
        margin-bottom: 10px;
    }

    .banner-section .banner-content .btn-border {
        font-size: 0.9rem;
        padding: 8px 20px;
    }

    .banner-section .banner-date {
        display: none
    }

    #chartdiv {
        height: 350px;
    }
}

@media (max-width: 480px) {
    .banner-section .banner-content .date-slide {
        font-size: 0.8rem;
    }

    .banner-section .banner-content h2 {
        font-size: 1.4rem;
        margin-bottom: 10px;
    }

    .banner-section .banner-content .subtitle {
        font-size: 0.9rem;
        line-height: 1.4em;
        margin-bottom: 8px;
    }

    .banner-section .banner-content .btn-border {
        font-size: 0.8rem;
        padding: 6px 16px;
    }

    .banner-section .banner-content {
        padding: 25% 8%;
        text-align: center;
    }
}

.s-info-section {
    color: #fff;
    padding: 30px 15px;
    position: relative;
}

.s-info-section .about-info {
    padding-top: 18px;
}

.s-info-section .about-info h2 {
    margin-bottom: 22px;
    color: inherit;
}

.s-info-section .about-info .about-info-text {
    margin-bottom: 18px;
    color: inherit;
}

.s-info-section .about-img {
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding: 4%;
}

.s-info-section .about-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
}

.s-business-round {
    background-color: #0d0406;
}

.conversation-circle {
    background-color: #081b2c;
}

.nav-list li.dropdown-submenu {
    position: relative;
}

.nav-list li.dropdown-submenu a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

/* ======================
   Submenu com animação
   ====================== */
.nav-list li.dropdown-submenu ul {
    min-width: 100%;
    background: #081b2c;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
    padding: 5px 0 !important;

    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;

    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility 0s linear .25s;
}

/* Mostrar suavemente no hover */
.nav-list li.dropdown-submenu:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility 0s;
}

/* Estilização dos itens */
.nav-list li.dropdown-submenu ul li {
    text-align: left;
}

.nav-list li.dropdown-submenu ul li a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    display: block;
    white-space: nowrap;
}

/*
 * ESTILIZAÇÃO PARA SEÇÕES DE MISSÕES
 */

.home-missions-section {
    overflow: hidden;
}

/* Removemos paddings desnecessários das colunas para o card ocupar o espaço */
.mission-national,
.mission-international {
    display: flex;
    justify-content: space-between;
    /* Faz com que o col- tenha comportamento flex */
}

/* Container interno (CARD) */
.mission-inner {
    width: 100%;
    margin: 0 auto;
    padding: 60px 40px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;

    /* Layout Flex para alinhar conteúdo verticalmente */
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Garante que o conteúdo de texto empurre o CTA para baixo */
.mission-inner .speaker-item-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.mission-inner .speaker-item-content a.btn {
    /* margin-top: auto !important; */
    align-self: center;
    width: fit-content;
}

/* CORES NACIONAL */
.mission-national .mission-inner {
    background: #d8bea3;
}

/* CORES INTERNACIONAL */
.mission-international .mission-inner {
    background: #245d3a;
    color: #ffffff;
}

.mission-international .mission-inner * {
    color: #ffffff !important;
}

.mission-international .btn-white {
    background-color: #ffffff !important;
    color: #205c3a !important;
    border: 1px solid #ffffff !important;
}

.mission-international .btn-white:hover {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* RESPONSIVIDADE */

/* Telas Médias/Grandes: Ajuste de Padding interno */
@media (max-width: 1200px) {
    .mission-inner {
        padding: 40px 25px;
    }
}

/* Telas Mobile (Abaixo de 768px) */
@media (max-width: 768px) {
    .home-missions-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mission-national,
    .mission-international {
        padding-left: 5px;
        /* Reduzido para ocupar mais espaço na tela */
        padding-right: 5px;
    }

    .mission-inner {
        padding: 30px 20px;
        height: auto;
        /* No mobile ele flui naturalmente */
    }
}

/* Estilos de Título e Decoração */
.mission-international .title-line:before {
    background-color: #ffffff !important;
}

.home-missions-section .prof {
    color: #747474;
    position: relative;
    padding-bottom: 10px;
}

.home-missions-section .prof::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 42px;
    height: 3px;
    background-color: #205c3a;
}

.speaker-item-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
}

.speaker-item-img img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    border-radius: 0.25rem;
}

@media (max-width: 992px) {
    .speaker-item-img {
        height: 250px;
    }
}

@media (max-width: 576px) {
    .speaker-item-img {
        height: 180px;
    }
}

.main-slider-two .banner-section {
    position: relative;
    width: 100%;
    min-height: 60vh;
    overflow: hidden;
}

.main-slider-two .video-background {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

.main-slider-two .banner-section.picture-background img {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: contain;
    max-height: 100vh;
    z-index: 0;
}

.main-slider-two .video-background iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 62vw;
    min-height: 100%;
    min-width: 177.78vh;
    transform: translate(-50%, -50%);
    object-fit: cover;
    border: none;
}


.main-slider-two .banner-content {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: left;
    padding: 10% 8%;
}

.main-slider-two .banner-content .date-slide {
    color: #fff;
    opacity: 0.7;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: clamp(1rem, 2vw, 1.4rem);
}

.main-slider-two .banner-content h2 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0;
    color: #fff;
}

.main-slider-two .banner-content .subtitle {
    font-size: clamp(2rem, 2vw, 1.4rem);
    line-height: 2em;
    margin-bottom: 1rem;
    color: #fff;
}

.main-slider-two .banner-content h2,
.main-slider-two .banner-content .subtitle {
    margin-bottom: 20px;
}

.main-slider-two .banner-content .btn-border {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3);
}

.main-slider-two .banner-content .btn-border:before {
    background-color: rgba(255, 255, 255, 0.3);
    color: #151515;
}

.main-slider-two .banner-date {
    position: absolute;
    top: 50%;
    left: -245px;
    transform: translate(0, -50%) rotate(-90deg);
    z-index: 4;
    font-size: 100px;
    line-height: 100px;
    color: rgba(255, 255, 255, 0.14);
    text-transform: uppercase;
    font-weight: 700;
}

.overview-img:only-child img:only-child {
    width: 100%;
}

/* Quando a .overview-img tiver só 1 imagem dentro */
.overview-img img:only-child {
    margin-bottom: 0 !important;
}

/* Ajusta a largura da coluna quando ela tiver apenas uma imagem */
.overview-img:only-child {
    width: 100% !important;
}

.text-indent {
    text-indent: 2em;
}

/* Só a página AUDIENCE usa esta classe */
.overview-audience .overview-info-item p,
.overview-purpose .overview-info-item p {
    position: relative;
    padding-left: 1.2em;
    margin-bottom: 10px;
    text-indent: 0 !important;
    /* remover recuo, já que virarão bullets */
}

/* Bullet estilizado */
.overview-audience .overview-info-item p::before,
.overview-purpose .overview-info-item p::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2em;
    line-height: 1;
    color: #4A4A4A;
}

/* BG suave apenas na segunda seção */
.overview-audience .overview-info-item:nth-of-type(2) {
    background: #d8bea3;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
}

.overview-audience .overview-info-item:nth-of-type(2) p {
    color: #5a546d !important;
}

.overview-recognition-2 .overview-info-item:first-of-type {
    background: #d8bea3;
    color: #5a546d !important;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.creator-bullet {
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
}

.creator-bullet::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    line-height: 1;
    color: #205c3a;
    /* Pode mudar a cor */
}

.creator-sticky {
    position: sticky;
    top: 100px;
    /* Ajuste conforme seu header */
}

.bg-nude {
    background-color: #d8bea3;
}

.bg-green {
    background-color: #205c3a;
}

/* Mascote responsivo */
.footer-mascot img {
    width: 100%;
    /* ocupa todo o espaço disponível */
    height: auto;
    /* mantém proporção */
    max-height: 220px;
    /* altura padrão no desktop */
    object-fit: contain;
}

/* Ajustes para telas menores */
@media (max-width: 768px) {
    .footer-mascot img {
        max-height: 240px;
        /* reduz para não ficar gigante no mobile */
    }

    /* Centralizar a logo do globo no mobile */
    .footer-globe {
        display: flex !important;
        justify-content: center !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/* Tamanho padrão da logo no desktop */
.footer-logo-mundi {
    height: 40px;
    width: auto;
}

/* Ajuste para telas menores */
@media (max-width: 768px) {
    .footer-logo-mundi {
        height: 55px;
        /* aumenta no mobile */
    }
}


.header-two-top {
    position: relative;
    overflow: hidden;
}

.header-two-top::before {
    content: "";
    background-image: url(../img/content/logo-globo-verde.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;

    width: 250px;
    height: 100%;
    min-height: 200px;

    z-index: 1;
    opacity: 0.3;

    transform: translateX(-55px);
}

.header-two-top .container {
    position: relative;
    z-index: 2;
}

@media (max-width: 767.98px) {

    .header-two-top::before {
        left: auto;
        right: 0;
        width: 150px;
        min-height: 100px;
        transform: translateX(30px);
        top: 10px;
    }

    .header-two-top .logo-two-cover {
        justify-content: flex-start !important;
    }

    .header-two-top .header-top-info {
        display: none !important;
    }

    .header-two-top .header-two-btn {
        display: none !important;
    }
}

.about-img-wrapper {
    max-width: 100%;
    max-height: 550px;
    overflow: hidden;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-img-wrapper img {
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.about-image-wrapper-single {
    width: 100%;
    max-width: 100%;
    max-height: 350px;
    overflow: hidden;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-image-wrapper-single img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

.creator {
    position: relative;
}

.creator img {
    position: absolute;
    top: -40px;
    right: 3rem;
    z-index: 2;
    height: 70px;
}


/* SEÇÃO DOS VÍDEOS */

:root {
    --split-height: 800px;
}

.split_block_one {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    contain: layout;
}

.split_block_one .container {
    position: relative;
    z-index: 2;
}

/* Ajustes para Mobile (Abaixo de 768px) */
@media (max-width: 768px) {
    .split_block_one {
        min-height: auto;
        display: block;
    }

    .split_block_one .text-area {
        padding-left: 15px;
        padding-right: 15px;
    }

    .split_block_one .video-wrapper {
        position: relative;
        /* Tira o vídeo do modo 'por cima' e coloca no fluxo */
        width: 100%;
        height: auto;
        margin-top: 2rem;
        left: 0 !important;
        right: auto !important;
    }

    .split_block_one .video-wrapper::before {
        content: "";
        display: block;
        padding-top: 56.25%;
        /* Mantém proporção 16:9 */
    }

    .split_block_one .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

/* Ajustes para Desktop (Acima de 769px) */
@media (min-width: 769px) {
    .split_block_one {
        min-height: var(--split-height);
        display: flex;
        align-items: stretch;
    }

    .split_block_one .video-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 50%;
        z-index: 1;
    }

    /* Ajuste do lado inverso */
    .split_block_one.split-reverse .video-wrapper {
        right: auto;
        left: 0 !important;
    }

    .split_block_one .video-wrapper iframe {
        width: 100%;
        height: 100%;
        border: 0;
    }

    /* PADDINGS DE RESPIRO */
    .split_block_one .text-area {
        padding-right: 5%;
        /* Afasta o texto do vídeo à direita */
    }

    .split_block_one.split-reverse .text-area {
        padding-right: 0;
        padding-left: 5%;
        /* Afasta o texto do vídeo à esquerda */
    }
}

.split_block_one .text-area {
    min-height: 100%;
}

/* ======================
   MOBILE – submenu 2º nível
   ====================== */

body.isMobile .nav-list li.dropdown-submenu ul {
    position: static !important;
    left: auto !important;
    top: auto !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    display: none;
    width: 100%;
    box-shadow: none;
}

/* Mostrar quando ativo */
body.isMobile .nav-list li.dropdown-active>ul {
    display: block;
}

@media (max-width: 768px) {
    /* ======================
   Indentação do submenu (2º nível)
   ====================== */

    .nav-list li.dropdown-submenu>ul {
        padding-left: 65px;
    }

    .nav-list li.dropdown-submenu>ul li a {
        padding-left: 50px;
    }

    /* Submenus fechados */
    body.isMobile .nav-list ul {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition:
            max-height 0.35s ease,
            opacity 0.25s ease;
    }

    /* Submenu aberto */
    body.isMobile .nav-list li.dropdown-active>ul {
        max-height: 1000px;
        /* valor alto seguro */
        opacity: 1;
    }
}

@media (max-width: 768px) {

    /* Reset do display no mobile */
    body.isMobile .nav-list ul {
        display: block !important;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition:
            max-height 0.35s ease,
            opacity 0.25s ease;
    }

    /* Submenu aberto */
    body.isMobile .nav-list li.dropdown-active>ul {
        max-height: 1000px;
        opacity: 1;
    }

}