/* ======================================
   Melhorias Mobile - Sliders
   APENAS ajusta posições, mantém TODOS os efeitos do desktop
   ====================================== */

/* Ajustes globais - remove clip-path e melhora visibilidade do H1 */
.intro_featured_word {
    -webkit-clip-path: none !important;
    clip-path: none !important;
    color: #ffffff !important;
    -webkit-text-stroke: 0 !important;
    text-stroke: 0 !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    text-shadow:
        0 0 20px rgba(59, 130, 246, 0.7),
        0 0 30px rgba(59, 130, 246, 0.5),
        2px 2px 6px rgba(0, 0, 0, 0.8) !important;
    animation: blue-pulse-glow 4s ease-in-out infinite !important;
}

/* Ajustes para desktop - ordem correta dos elementos */
@media (min-width: 992px) {
    .intro_before_featured_word.intro-absolute {
        position: absolute;
        left: 39%;
        top: -70px;
        margin-bottom: 30px;
    }
}

/* MOBILE - Apenas reorganiza textos para não sobrepor */
@media (max-width: 767px) {

    /* Move numeração dos slides para baixo para não misturar com texto */
    .page_slider .flexslider .flex-control-nav {
        bottom: 80px !important;
        top: auto !important;
        left: 0 !important;
        z-index: 100 !important;
    }

    /* Centraliza todo o conteúdo */
    .page_slider .intro_layers {
        text-align: center !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding-top: 10px !important;
        min-height: 450px !important;
    }

    .page_slider .intro_layers_wrapper {
        display: flex !important;
        align-items: flex-start !important;
        padding-top: 10px !important;
    }

    /* Reduz tamanho do título para caber melhor */
    .intro_featured_word {
        font-size: 40px !important;
        letter-spacing: -2px !important;
        text-align: center !important;
    }

    /* Remove posicionamento absoluto do subtítulo em mobile */
    .intro_before_featured_word.intro-absolute {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        margin-bottom: 5px !important;
        text-align: center !important;
        width: 100% !important;
    }

    /* Ajusta espaçamento do texto inferior */
    .intro_after_featured_word {
        margin-top: 20px !important;
        font-size: 14px !important;
        text-align: center !important;
    }
}

/* TABLET - Ajustes intermediários */
@media (min-width: 768px) and (max-width: 991px) {

    /* Move numeração para baixo */
    .page_slider .flexslider .flex-control-nav {
        bottom: 80px !important;
    }

    /* Centraliza conteúdo */
    .page_slider .intro_layers {
        text-align: center !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding-top: 30px !important;
    }

    .page_slider .intro_layers_wrapper {
        display: flex !important;
        align-items: flex-start !important;
        padding-top: 30px !important;
    }

    /* Reduz um pouco o título */
    .intro_featured_word {
        font-size: 60px !important;
        text-align: center !important;
    }

    /* Remove posicionamento absoluto */
    .intro_before_featured_word.intro-absolute {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .intro_after_featured_word {
        margin-top: 25px !important;
        text-align: center !important;
    }
}

/* Ajustes específicos por slide em mobile */
@media (max-width: 767px) {

    /* Slide 2 - título maior, ajusta tamanho */
    .slide2 .intro_featured_word {
        font-size: 32px !important;
    }

    /* Slide 3 - título médio */
    .slide3 .intro_featured_word {
        font-size: 45px !important;
    }
}

/* Landscape mobile - reduz ainda mais */
@media (max-width: 767px) and (orientation: landscape) {
    .intro_featured_word {
        font-size: 32px !important;
    }

    .page_slider .intro_layers {
        min-height: 300px !important;
    }

    .page_slider .flexslider .flex-control-nav {
        bottom: 40px !important;
    }
}

/* ======================================
   Header Mobile - Fundo preto
   ====================================== */

@media (max-width: 991px) {
    body .header_absolute {
        position: relative !important;
        height: auto !important;
    }

    body .header_absolute .page_header,
    body .header_absolute .page_header_wrapper {
        position: relative !important;
        left: auto !important;
        right: auto !important;
    }

    /* Remove altura fixa do wrapper que causa o espaço */
    body .page_header_wrapper.main-header-side {
        height: 0 !important;
        min-height: 0 !important;
    }

    /* Logo menor no mobile */
    .header-main-logo {
        height: 40px !important;
        max-height: 40px !important;
        width: auto !important;
        object-fit: contain !important;
    }

    /* Fundo preto apenas no mobile */
    body header.page_header.ls {
        background: #000 !important;
    }

    body header.page_header.ls.affix {
        background: rgba(0, 0, 0, 0.7) !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1002 !important;
    }
}