:root {
            --brand-gold: #c5a059;
            --brand-blue: #0972eb;
            --brand-dark: #0a0a0a;
        }

        html,
        body {
            font-family: 'Montserrat', sans-serif !important;

            max-width: 100%;
            overflow-x: hidden;
            position: relative;
        }

        body {
            background-color: var(--brand-dark);
            margin-top: 0px;
            color: #ffffff;
            overflow-x: hidden;
        }

        .iner {
            margin: 0 auto;
        }



        .input-form {
            background-color: #333234 !important;
        }

        form input {
            pointer-events: auto !important;
        }

        .input-form:focus {

            color: #ffff;
        }

        .iti__country-name {
            color: black;
        }

        .formulario-contacto {
            display: flex;
            flex-direction: row-reverse;
            justify-content: center;

            form {
                padding-left: 40px;
                z-index: 9999;
            }
        }


        .box-aviso-form {
            /* background: rgba(255, 255, 255, 0.03); */
            border-radius: 16px;
            padding: 18px;
            padding-top: 0px;
            display: flex;
            align-items: center;
            align-content: center;
            gap: 14px;
            /* align-items: flex-start; */
            /* border: 1px solid rgba(255, 255, 255, 0.06); */
            /* box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); */
            max-width: 600px;
        }

        .box-depoimentos,
        .box-planos {
            border: 1px solid red;
            align-items: initial;
            align-self: auto;
            flex-basis: auto;
            flex-grow: 1;
            flex-shrink: 1;
            flex-wrap: initial;
            justify-content: initial;

        }

        .teste {

            justify-content: center;
            display: flex;
            /* Garante que a imagem inteira caiba no espaço */
            height: 100;
            width: 100%;
        }

        .depoimento-subtitle,
        .metodo-subtitle,
        .text-planos {
            font-size: 36px;
        }

        .text-planos {
            line-height: 1.2em;

        }

        .img-time {
            scale: 0.8;

            img {
                width: 100%;
                height: auto;
            }
        }

        .info-card {
            max-width: 523px !important;
        }

        .container-text-plano {
            width: 362px !important;
            text-align: start;
        }

        .secao-time {
            display: flex;
            height: 1000px !important;
        }

        /* TEXTS */
        .text-title-aviso {
            font-size: 36px;
            text-align: left;
        }

        .info-content h4 {
            font-size: 22px !important;
        }

        .info-content p,
        .text-oqfazemos h2,
        .text-about {
            font-size: 18px !important;
        }

        .text-headline-principal,
        .text-oqfazemos p,
        .text-about-title {
            font-size: 36px !important;
            color: white;
        }

        .text-headline-subtitle {
            font-size: 22px;
            color: white;
        }

        /* TEXT END */

        /* DESKTOP */
        #desktop-blocker {
            display: none;
            position: fixed;
            font-family: 'Montserrat', sans-serif !important;
            inset: 0;
            z-index: 9999;
            background-color: #0a0a0a;
            color: white;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 20px;
            font-family: sans-serif;
        }

        .qr-code {
            background: white;
            padding: 10px;
            border-radius: 12px;
            margin-bottom: 20px;
        }



        /* carrossel */

        .video-container {
            position: relative;
            width: 100%;
            max-width: 400px;
            /* Tamanho ideal para vídeo vertical */
            margin: 0 auto;
            border-radius: 1.5rem;
            overflow: hidden;
            aspect-ratio: 9/16;
            background: #000;
            box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
        }

        #carousel-video {
            width: 100%;
            border-radius: 24px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
        }

        .play-button {
            width: 80px;
            height: 80px;
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(6px);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            color: white;
            transition: all 0.3s ease;
        }

        .play-button:hover {
            transform: scale(1.1);
            background: rgba(59, 181, 255, 0.8);
        }

        /* Paginação (dots) */
        .dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #e2e8f0;
            display: inline-block;
            margin: 0 4px;
            transition: all 0.3s ease;
        }

        .dot.active {
            background: #7c7c7c;
            width: 12px;
            border-radius: 4px;
        }



        /* DESKTOP END */

        /* Animação da Faixa (Marquee) */
        @keyframes marquee {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        @keyframes marquee2 {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(50%);
            }
        }

        @keyframes pulse-blue {
            0% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(9, 114, 235, 0.7);
            }

            70% {
                transform: scale(1.02);
                box-shadow: 0 0 0 15px rgba(9, 114, 235, 0);
            }

            100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(9, 114, 235, 0);
            }
        }

        @keyframes pulse-white {
            0% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
            }

            70% {
                transform: scale(1.02);
                box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
            }

            100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            }
        }

        @keyframes pisca2 {
            0% {
                opacity: 1;
                box-shadow: 0px 0px 0px 0px #69D77D;
            }
        }



        .animate-pulse-blue {
            animation: pulse-blue 2s infinite;
        }

        .animate-pulse-white {
            animation: pulse-white 2s infinite;
        }

        .marquee-container {
            overflow: hidden;
            white-space: nowrap;
            display: flex;
            background: linear-gradient(90deg, #FFF 49.99%, #999 100%);
            padding: 10px 0;
            position: relative;
            z-index: 20;
        }

        /* Faixa transitiva  */
        .marquee-container2 {
            overflow: hidden;
            white-space: nowrap;
            display: flex;
            background: linear-gradient(90deg, #032a96 49.99%, #999 100%);
            padding: 10px 0;
            position: relative;
            z-index: 20;
        }

        .blue-glow {
            /* Sombra azul neon visível por padrão */
            box-shadow: 0 0 25px -5px rgba(9, 114, 235, 0.4);
            border: 1px solid rgba(9, 114, 235, 0.3) !important;
            transition: all 0.4s ease;
        }

        .blue-glow:hover {
            box-shadow: 0 0 35px 0px rgba(9, 114, 235, 0.6);
            border-color: rgba(9, 114, 235, 0.6) !important;
            transform: translateY(-5px);
        }

        .marquee-content {
            display: flex;
            animation: marquee 20s linear infinite;
        }

        .marquee2-content {
            display: flex;
            animation: marquee2 20s linear infinite;
        }

        .marquee-item {
            font-size: 14px;
            font-weight: 800;
            color: black;
            text-transform: uppercase;
            padding: 0 40px;
            display: flex;
            align-items: center;
        }

        /* Faixas Inclinadas */
        .divider-wrapper {
            position: relative;
            height: 152px;
            margin-top: -5px;
            /* Reduzido par0a evitar espaços brancos */
            margin-bottom: 30px;
            z-index: 30;
            overflow: hidden;
            /* IMPORTANTE: Corta o excesso da rotação */
        }

        .slant-track {
            /* position: absolute; */
            width: 150%;
            /* Aumentado para cobrir as pontas na rotação */
            left: -25%;
            /* Centraliza o excesso */
            /* transform: rotate(-19deg); */
        }

        .slant-track-reverse {
            position: absolute;
            width: 120%;
            left: -10%;
            transform: rotate(9deg);
            background: linear-gradient(90deg, #05b0ff 49.99%, #999 100%);

        }

        .slant-track-reverse .marquee-item {
            color: black;
        }

        .blue-gradient-text {
            background: linear-gradient(90deg, #03adfc 0%, #0699ee 50%, #06aadb 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        #services-carousel {
            display: flex;
            overflow-x: auto;
            /* padding-left: 30px; */
            /* padding-top: 30px; */
            scroll-snap-type: x mandatory;
            /* Ativa o magnetismo horizontal */
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
        }

        .service-card {
            scroll-snap-align: center;
            /* Alinha o card no centro ao parar o scroll */
        }


        /* Sessao QUEM SOMOS */

        /* Container com perspectiva para o efeito 3D */
        .perspective-container {
            perspective: 1500px;
            /* Impede que os cards saiam da largura da tela no mobile */
            max-width: 100vw;
            overflow: visible;
        }

        /* Animação de flutuação suave */
        @keyframes float-main {

            0%,
            100% {
                transform: translateY(0px) rotateX(12deg) rotateY(-12deg);
            }

            50% {
                transform: translateY(-20px) rotateX(14deg) rotateY(-10deg);
            }
        }

        @keyframes float-sub {

            0%,
            100% {
                transform: translateY(0px) rotateX(-8deg) rotateY(18deg);
            }

            50% {
                transform: translateY(-15px) rotateX(-10deg) rotateY(15deg);
            }
        }

        /* Classes para inclinação e animação */
        .card-wrapper-main {
            animation: float-main 7s ease-in-out infinite;
            filter: drop-shadow(20px 30px 40px rgba(0, 0, 0, 0.15));
        }

        .card-wrapper-sub {
            animation: float-sub 9s ease-in-out infinite;
            filter: drop-shadow(-15px 25px 35px rgba(0, 0, 0, 0.12));
        }

        .glass-caption {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(5px);
        }

        /* FAQ */
        .faq-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .faq-item {
            /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
            margin-bottom: 8px;
        }

        .faq-question {
            width: 100%;
            padding: 24px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            background: none;
            border: none;
            color: white;
            text-align: left;
            font-size: 1.125rem;
            font-weight: 600;
            transition: color 0.3s ease;
        }

        .faq-question:hover {
            color: #3bb5ff;
            /* Cor da sua marca */
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
            color: #9ca3af;
            line-height: 1.6;
        }

        .faq-item.active .faq-answer {
            max-height: 500px;
            /* Valor alto o suficiente para o conteúdo */
            padding-bottom: 24px;
        }

        .faq-icon {
            width: 20px;
            height: 20px;
            position: relative;
            transition: transform 0.3s ease;
        }

        /* Ícone de "+" que vira "-" */
        .faq-icon::before,
        .faq-icon::after {
            content: '';
            position: absolute;
            background-color: currentColor;
            transition: transform 0.3s ease;
        }

        /* Linha horizontal */
        .faq-icon::before {
            width: 100%;
            height: 2px;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
        }

        /* Linha vertical */
        .faq-icon::after {
            width: 2px;
            height: 100%;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
        }

        .faq-item.active .faq-icon {
            transform: rotate(180deg);
            color: #3bb5ff;
        }

        .faq-item.active .faq-icon::after {
            transform: translateX(-50%) rotate(90deg);
            opacity: 0;
            /* Esconde a linha vertical para formar o sinal de menos */
        }

        /* FAQ END */

        @media (max-width: 768px) {
            .teste {
                margin-top: 69px;
                background-image: url('./assets/img/headline.jpeg');
                background-position: top center;
                background-repeat: no-repeat;
                background-size: cover;
                /* Garante que a imagem inteira caiba no espaço */
                height: 100;
                width: 100%;
                /* Se sua imagem é 1920x1080, a proporção é 16/9 */
                /* Se for quadrada, use 1/1 */
                /* aspect-ratio: 16 / 9;  */
            }

            .img-neon {
                display: none;
            }

            .text-headline-principal {
                font-size: 22px !important;
                text-align: center;
            }

            .text-headline-subtitle {
                font-size: 16px;
                color: white;
            }

            .depoimento-subtitle {
                font-size: 24px;
                text-align: center;
            }

            .secao-time {
                display: block;
                --min-height: 844px;
                --flex-direction: column-reverse;
                --container-widget-width: 100%;
                --container-widget-height: initial;
                --container-widget-flex-grow: 0;
                --container-widget-align-self: initial;
                --flex-wrap-mobile: wrap;
                --padding-top: 50px;
                --padding-bottom: 50px;
                --padding-left: 20px;
                --padding-right: 20px;
            }

            .mask {
                mask-image: linear-gradient(to bottom, #000, transparent);
                -webkit-mask-image: linear-gradient(to bottom, #000, transparent);
            }

            .slant-track {
                margin-top: 29px;
            }

            .text-about-title {
                font-size: 22px !important;
                text-align: center;
            }

            .formulario-contacto {
                display: block;

                form {
                    padding-left: 0px;
                }
            }

            .faq-question {
                font-size: 15px;
            }

            /* Reduz a intensidade da animação no mobile para evitar cortes laterais */
            @keyframes float-main {

                0%,
                100% {
                    transform: translateY(0px) rotateX(5deg) rotateY(-5deg);
                }

                50% {
                    transform: translateY(-10px) rotateX(7deg) rotateY(-3deg);
                }
            }

            @keyframes float-sub {

                0%,
                100% {
                    transform: translateY(0px) rotateX(-3deg) rotateY(8deg);
                }

                50% {
                    transform: translateY(-8px) rotateX(-5deg) rotateY(6deg);
                }
            }

            .carousel-container {
                scroll-snap-type: x mandatory;
            }

            .service-card {
                scroll-snap-align: center;
            }

            service-card {
                width: 85vw !important;
                /* Card ocupa quase toda a largura da tela */
                min-width: 85vw !important;
                margin-right: 15px;
            }

            #services-carousel {
                padding-left: 20px;
                padding-right: 20px;
            }

            /* Ajuste da seção Quem Somos no Mobile */
            .perspective-container {
                height: 480px !important;
                margin-bottom: 2rem;
            }

            .card-wrapper-main,
            .card-wrapper-sub {
                width: 80% !important;
                animation: none !important;
                /* Remove animação flutuante para evitar bugs de clique */
                transform: none !important;
                position: relative !important;
                margin: 0 auto;
            }

            .card-wrapper-sub {
                left: 5% !important;
                /* Pequena margem para não colar na borda */
            }

            .elementor-heading-title {
                font-size: 22px !important;
            }

            .text-title-aviso {
                font-size: 22px;
                text-align: center !important;
            }


            .text-comum18 {
                font-size: 18px !important;
            }

            .text-default {
                font-size: 16px !important;
            }

            .elementor-size-default {
                font-size: 22px !important;
            }

            .text-metodo-title {
                font-size: 18px;
            }

            .especialistas-online ::before {
                content: "";
                background: #0c0c0c;
                width: 10px;
                height: 10px;
                position: absolute;
                top: 50%;
                transform: translatey(-50%);
                left: -9%;
                border-radius: 200px;
                animation: pisca2 1s infinite;
                box-shadow: 0px 0px 0px 0px #69D77D;
            }

            .ImgCardCriativo {
                padding: 10px;
            }

            .info-card {
                max-width: 100%;
            }

            .info-content h4 {
                font-size: 22px !important;
            }

            .info-content p {
                font-size: 16px !important;
            }



            .metodo-subtitle {
                font-size: 22px;
                padding-left: 11px;
                padding-right: 13px;
            }

            .oqfazemos-subtitle,
            .text-planos {
                font-size: 22px !important;
            }

            .text-planos {
                text-align: center;
            }

            .text-title-planos,
            .text-quem-somos {
                display: flex;
                justify-content: center;
            }

            .text-planos-description,
            .text-description-quemsomo {
                text-align: center;

            }

            .text-description-quemsomo {
                font-size: 16px !important;
            }

            .box-aviso-form {
                border-radius: 16px;
                padding: 0;
                padding-top: 0px;
            }

            .faq-question {
                padding: 12px;
            }

            .iti--container {
                z-index: 9999 !important;
            }


            /* teste */
            .video-metodo-overlay {
                position: absolute;
                bottom: 40px;
                left: 50%;
                transform: translateX(-50%);
                /* background: rgba(0, 0, 0, 0.65); */
                backdrop-filter: blur(8px);
                padding: 14px 30px;
                border-radius: 16px;
                color: #fff;
                font-weight: 900;
                font-size: 10px;
                text-transform: uppercase;
                letter-spacing: 1.5px;
                z-index: 10;
                text-align: center;
                animation: fadeUp 0.8s ease forwards;
            }

            @keyframes fadeUp {
                from {
                    opacity: 0;
                    transform: translate(-50%, 20px);
                }

                to {
                    opacity: 1;
                    transform: translate(-50%, 0);
                }
            }

        }

        @media (max-width: 480px) {
            header {
                position: fixed;
                /* Opcional: mantém o header fixo no topo no mobile */
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
            }
        }

        /* Estilos para os cards informativos (imagem) */
        .info-cards-wrapper {
            display: flex;
            flex-direction: column;
            gap: 16px;
            margin-top: 12px;
        }

        .info-card {
            background: rgba(255, 255, 255, 0.03);
            border-radius: 16px;
            padding: 18px;
            display: flex;
            align-items: center;
            align-content: center;
            gap: 14px;
            /* align-items: flex-start; */
            border: 1px solid rgba(255, 255, 255, 0.06);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
            max-width: 420px;
        }

        .info-badge {
            background: var(--brand-blue);
            color: #fff;
            width: 40px;
            height: 40px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            font-size: 16px;
            flex: 0 0 40px;
        }

        .info-content h4 {
            font-size: 16px;
            font-weight: 800;
            margin: 0 0 6px 0;
            color: #ffffff;
            text-transform: none;
        }

        .info-content p {
            margin: 0;
            color: #9aa1a6;
            font-size: 14px;
            line-height: 1.45;
        }

        /* Botão de play centralizado sobre o vídeo */
        .carousel-videos-container .video-play-btn {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 84px;
            height: 84px;
            border-radius: 50%;
            background: #3bb5ff;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 8px 30px rgba(59, 181, 255, 0.35);
            z-index: 60;
            transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
        }

        .carousel-videos-container .video-play-btn:hover {
            transform: translate(-50%, -50%) scale(1.05);
        }

        .carousel-videos-container .video-play-btn svg {
            width: 36px;
            height: 36px;
            display: block;
        }

        @media (max-width: 640px) {
            .carousel-videos-container .video-play-btn {
                width: 64px;
                height: 64px;
            }

            .carousel-videos-container .video-play-btn svg {
                width: 28px;
                height: 28px;
            }
        }