@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Montserrat:wght@300;400;600&display=swap');


/* Variáveis de Cores e Estilos */
:root {
    --bg-deep: #0f0a12;
    --bg-glow: #2d1b33;
    --gold: #d4af37;
    --gold-light: #f1d592;
    --card-bg: #e8e8e8;
    --text-dark: #2c2c2c;
    --font-um: 'Playfair Display', serif;
    --font-dois: 'Montserrat', sans-serif;
    --card-width: 300px;
    --card-margin: 20px;
    --total-cards: 10;
    --bg: #0b0710;
    --card: #120c18;
    --gold: #d6b26a;
    --text: #e8e6e3;
    --muted: #b3b0aa;
}

.container {
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


/*Inicio : topo*/
header {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    position: fixed;
    z-index: 10;

    background: linear-gradient(90deg, rgba(0, 0, 0, 0.568) 0%, rgba(245, 245, 245, 0) 100%);

}


body {
    background: radial-gradient(circle at top, #1a1024, #08050c);
    font-family: 'Inter', sans-serif;
    color: var(--text);
    width: 100%;
    overflow-x: none;
}




.topo {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}


nav {
    width: 80%;

}

.topo img {
    margin-right: 10px;
    margin-left: 100px;
}

.topo h5 {
    font-size: 20px;
    color: var(--card-bg);
    font-family: var(--font-dois);
    margin-right: 350px;
    line-height: 1.1;
    letter-spacing: 2px;
}

.topo span {
    font-size: 20px;
    color: var(--gold);
}

nav ul {
    display: flex;
    justify-content: space-between;

}

nav ul li {
    margin-inline: 10px;
}

nav ul li a {
    text-decoration: none;
    font-family: var(--font-um);
    color: var(--text);
    font-size: 20px;
    transition: .6s;
    padding: 10px 10px;
    letter-spacing: 2px;
}

nav ul li a:hover {
    color: var(--gold);
}

/*Fim : topo*/

/* inicio sessao principal*/
.header-advocacia {
    width: 100%;
    height: 900px;
    background-image: url('../img/simone_imgprincipal.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 40px 10%;

}

.logo-container {
    margin-bottom: 60px;
}

.tds-header {
    color: #E2C9A1;
}

.tit-header {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-weight: 300;
    margin-top: 90px;
}

.sub-tit {
    font-family: 'Cinzel', serif;
    font-size: 5.5rem;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 25px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.descricao-header {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 40px;
    color: #f1f1f1;
    font-weight: 300;
}

.cta-header {
    display: inline-block;
    padding: 20px 40px;
    background: linear-gradient(135deg, #C5A059 0%, #F1D7A1 50%, #C5A059 100%);
    color: #1a1a1a;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.cta-header:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 25px rgba(197, 160, 89, 0.4);
    filter: brightness(1.1);
}

/* FIM sessao principal */


/* Responsividade para Tablets e Celulares *******header*/
@media (max-width: 992px) {
    .tds-header {
        max-width: 100%;
        text-align: center;
        background: rgba(0, 0, 0, 0.4);
        /* Fundo escuro leve para ler sobre a imagem */
        padding: 20px;
        border-radius: 15px;
    }

    .logo-container {
        display: flex;
        justify-content: center;
    }

    .main-title {
        font-size: 2.5rem;
    }
}





.cta-header {
    display: inline-block;
    padding: 20px 40px;
    background: linear-gradient(135deg, #C5A059 0%, #F1D7A1 50%, #C5A059 100%);
    color: #1a1a1a;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    margin-bottom: 70px;
}

.cta-header:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 25px rgba(197, 160, 89, 0.4);
    filter: brightness(1.1);
}




.conexao {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 800px;
}

.conexao h2 {
    font-size: 40px;
    color: var(--gold);
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}

.conexao h3 {
    font-size: 80px;
    color: var(--card-bg);
    font-family: 'Playfair Display', serif;
    line-height: 1.1;
    letter-spacing: 5px;
    margin-left: 65px;
}

.conexao span {
    font-size: 85px;
    color: var(--gold);
    font-family: 'Playfair Display', serif;
}

.conexao h4 {
    font-size: 30px;
    color: var(--card-bg);
    font-family: 'Montserrat', sans-serif;
    margin-right: 398px;
    margin-top: 10px;
}



/* inicio sessao 2 (video)*/
.sessao-video {
    background-color: #202020;
    padding: 100px 0;
    color: #fff;
    position: relative;
    display: flex;
    letter-spacing: 50px;
}

.tds-video {
    display: flex;
    align-items: center;
    gap: 60px;
}

/* Tipografia */
.txt-video {
    flex: 1;
}

.txt-video h2 {
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    color: #c5a059;
    margin-top: 50px;
    margin-bottom: 30px;
    line-height: 1.2;
}


.txt-video p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    line-height: 1.6;
    color: #d1d1d1;
    margin-bottom: 40px;
}

.txt-video .lista {
    list-style: none;
    padding: 0;
}

.txt-video .lista li {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.15rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.txt-video .check {
    color: #c5a059;
    font-weight: bold;
    margin-right: 15px;
    font-size: 1.3rem;
}

/* Container do Vídeo */
.ajst-video {
    flex: 1;
    position: relative;
}



.video img {
    width: 100%;
    display: block;
    transition: transform 0.5s ease;
}

.video:hover img {
    transform: scale(1.05);
}

.play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    /* Efeito de vidro fosco */
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 5;
}

.play:hover {
    background: #c5a059;
    border-color: #c5a059;
    transform: translate(-50%, -50%) scale(1.1);
}

.play-tri {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #fff;
    margin-left: 5px;
}

.tit-video {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    margin-top: 20px;
    font-weight: 300;
    width: 500px;
    text-align: center;
}

.imagem:hover .play-btn {
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0 0 40px rgba(212, 184, 122, 0.8);
}


/* FIM sessao video */



/* Responsividade para Celular */
@media (max-width: 768px) {
    .info-container {
        flex-direction: column;
        text-align: center;
    }

    .info-list li {
        justify-content: center;
    }

    .info-title {
        font-size: 2rem;
    }
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}







/* sessao abordagem palestra*/
.abordagem {
    min-height: 100vh;
    font-family: 'Montserrat', sans-serif;
    background-color: var(--bg-deep);
    display: flex;
    justify-content: center;
    align-items: center;

}

.abordagem-mobile{
    display: none;
}

.tds-abordagem {
    display: flex;
}

.title {
    font-family: 'Playfair Display', serif;
    font-size: 2.8rem;
    color: #fff;
    margin: 20px;
    font-weight: 400;

}

.sub-title {
    font-family: var(--font-dois);
    font-size: 20px;
    padding: 0px 20px 40px 20px;
}

.card {
    background: linear-gradient(180deg, #140d1c, #0c0812);
    border: 1px solid rgba(214, 178, 106, 0.2);
    margin-bottom: 15px;
    padding: 20px 25px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease;
    cursor: pointer;
    width: 600px;
}

.card:hover {
    transform: translateY(-10px);
    border-color: var(--gold);
}


.card h3 {
    color: #ddd;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0;
    max-height: 0;
    transform: rotateX(-90deg);
    transform-origin: top;
    transition: all 0.4s ease;
    margin-top: 0;
    width: 0px;
}

.card:hover h3 {
    opacity: 1;
    max-height: 200px;
    transform: rotateX(0deg);
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid rgba(214, 178, 106, 0.1);
    width: 100%;
}

    .card-text-lity {
        display: none;
    }


.card-icon {
    font-size: 1.5rem;
}

.card-text {
    color: #d6b26a;
    font-weight: 600;
    font-size: 1.1rem;
    width: 400px;
}

/* --- ESTILO DO DIAGRAMA (DIREITA) --- */
.coluna-direita {
    display: flex;
    justify-content: center;
    min-width: 450px;
    align-items: center;
    margin-left: 100px;
    margin-top: 100px;
}

.circulo-tds {
    position: relative;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-circle {
    width: 180px;
    height: 180px;
    border: 2px solid var(--gold);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(45, 27, 51, 0.4);
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.15);
}

.inner-text {
    text-align: center;
    font-family: 'Playfair Display', serif;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.1;
}

.inner-text span {
    font-weight: 700;
    font-size: 2.2rem;
}

.orbit-item {
    position: absolute;
    width: 130px;
    text-align: center;
    font-size: 0.85rem;
    color: #ddd;
    font-weight: 300;
}

/* Ícone circular dourado acima do texto na órbita */
.orbit-item::before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    border: 1.5px solid var(--gold);
    border-radius: 50%;
    margin: 0 auto 10px;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.3);
}


.t1 {
    background-image: url('../img/mentalidade.png');
    background-repeat: no-repeat;
    background-position: top;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.t2 {
    background-image: url('../img/posicionamento.png');
    background-repeat: no-repeat;
    background-position: top;
    top: 85px;
    right: -55px;
}

.t3 {
    background-image: url('../img/performace.png');
    background-repeat: no-repeat;
    background-position: top;
    bottom: 45px;
    right: -40px;
}

.t4 {
    background-image: url('../img/pessoa.png');
    background-repeat: no-repeat;
    background-position: top;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.t5 {
    background-image: url('../img/profissionalismo.png');
    background-repeat: no-repeat;
    background-position: top;
    top: 85px;
    left: -55px;
}

.t6 {
    background-image: url('../img/seguranca.png');
    background-repeat: no-repeat;
    background-position: top;
    top: 255px;
    left: -55px;
}

/* FIM sessao abordagem */



/* Responsividade para Celulares */
@media (max-width: 950px) {
    .content-section {
        flex-direction: column;
        text-align: center;
    }

    .card {
        text-align: left;
    }

    .right-column {
        transform: scale(0.85);
        margin-top: 40px;
    }
}




/* Seção sobre */
.sobre {
    padding: 80px 0;
    text-align: center;
}

.titulo {
    font-family: 'Playfair Display', serif;
    color: #c5a059;
    font-size: 2rem;
    margin-bottom: 10px;
    font-weight: 400;
    text-align: center ;
}

.sobre h4 {
    color: var(--card-bg);
    font-size: 20px;
    margin-bottom: 40px;
    font-family: "Playfair Display", serif;
    ;
}

/* O Card Principal */
.sobre-tds {
    background-color: #e8e6e7;
    /* Cor base do papel */
    background-image: url('https://www.transparenttextures.com/patterns/paper-fibers.png');
    /* Textura sutil de papel */
    border-radius: 12px;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    text-align: left;
    padding: 40px;
    gap: 40px;
}

/* Lado da Imagem */
.ajst-img {
    flex: 0 0 300px;
    /* Largura fixa para a imagem */
}

.ajst-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    filter: saturate(1.1);
}

/* Lado do Texto */
.sobre-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #1a1a1a;
    /* Texto escuro sobre fundo claro */
}

.sobre-info h3 {
    font-family: 'Playfair Display', serif;
    font-size: 2.2rem;
    margin-bottom: 5px;
}

.sobre-info h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    color: #444;
    font-weight: 500;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
}

.sobre p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #333;
}

/* Responsividade */
@media (max-width: 850px) {
    .sobre-tds {
        flex-direction: column;
        padding: 30px;
        margin: 0 20px;
    }

    .ajst-img {
        flex: 0 0 auto;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .titulo {
        font-size: 1.6rem;
        padding: 0 20px;
    }
}



/* sessao depoimentos */
.depoimentos { 
padding: 100px 6%; 
text-align: center; 
background-color: var(--bg-deep);
 } 

.titulo span {
 display: block;
  font-size: 22px; 
  color: var(--text); 
  margin-top: 20px; 
  margin-bottom: 40px
   } 
  
  .caixa-car { 
  width: 100%;
   max-width: 1200px; 
   /* Largura da "janela" visível */ 
   margin: 0 auto; 
   overflow: hidden;
    /* Esconde os cards que saem da área */
     border-radius: 10px;
      } 

.carrosel { 
display: flex; 
animation: teste 80s linear infinite alternate;
 }
  @keyframes teste {
  
   0% { transform: translateX(0); } 
   50% { transform: translateX(-160%); } 
   100% { transform: translateX(0); }
    } /* Pausa a animação quando o usuário passa o mouse */
    
     .carrosel:hover {
      animation-play-state:
       paused; 
       } 
       
       .cards {
        display: flex; 
        gap: 40px;
         justify-content: center; 
         align-items: flex-end;
          flex-wrap: wrap; 
          text-align: center ;
          } 
          
          .texto-depoimentos { 
          background: linear-gradient(180deg, #140d1c, #0c0812); 
          border: 1px solid rgba(214, 178, 106, 0.2);
           border-radius: 18px; 
           padding: 10px 10px; 
           width: 300px; 
           height: 490px; 
           transition: all 0.4s ease;
            margin: 40px; 
            } 
            
            .texto-depoimentos:hover { 
            transform: translateY(-10px); 
            border-color: var(--gold); 
            } 
            
            .divisao {
             width: 60%;
              height: 1px;
               margin: 10px auto 10px;
                background: linear-gradient(to right, transparent, rgba(214, 178, 106, 0.8), transparent); 
                } 
                
                .texto-depoimentos h3 {
                 color: #d6b26a; 
                 font-family: 'Playfair Display', serif;
                  font-size: 17px; 
                  }
                  
                  
                   .texto-depoimentos h4 { 
                   color: #9d9a9a; 
                   } 
                   
                   .texto-depoimentos p { 
                   line-height: 1.2;
                    font-family: 'Montserrat', sans-serif; 
                    } 
                    /* fim sessao depoimentos */

/* fim sessao depoimentos */



/* sessao local */
.local_sessao {
    background-color: #0a0a0b;
    padding: 80px 0;
    text-align: center;
}

.tit_local {
    font-family: 'Playfair Display', serif;
    color: #c5a059;
    font-size: 2rem;
    margin-bottom: 10px;
}

.local-cont {
    max-width: 900px;
    margin: 40px auto 0;
}


.mapa {
    position: relative;
    width: 600px;
    height: 450px;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid rgba(197, 160, 89, 0.3);
    margin-bottom: 30px;
    transition: transform 0.3s ease;
}

.mapa:hover {
    transform: scale(1.02);
}

.map-image {
    width: 100%;
    display: block;
    filter: brightness(0.7) contrast(1.2);
    /* Deixa o mapa mais escuro e elegante */
}

.mapa-botao {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(197, 160, 89, 0.9);
    color: #000;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.event-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
    font-size: 1.1rem;
    text-align: left;
    width: 100%;
    max-width: 500px;
}

.info-item p {
    margin-top: 10px;
}

.info-icon img {
    width: 70px;
    height: auto;
}

.info-text strong {
    color: #c5a059;
    display: block;
}

/* final sessao local */



/* Sessão Final de Chamada para Ação */
.cta-sessao {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 120px 0;
    background-image: url('../img/vista.png');
    background-size: cover;

    background-position: center;
    background-attachment: fixed;
    /* Efeito Parallax suave */
    text-align: center;
    color: #ffffff;
    overflow: hidden;
}

/* Overlay para garantir contraste */
.plano {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(10, 10, 11, 0.8), rgba(10, 10, 11, 0.6));
    z-index: 1;
}

.cta-container {
    display: flex;
    align-items: center;
    z-index: 2;
    max-width: 800px;
}

.cta-sessao h2 {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

.cta-sessao p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    line-height: 1.6;
    margin-bottom: 40px;
    color: #e0e0e0;
}

/* Container Geral */
.countdown-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 40px 0;
}

/* Blocos Individuais (Cards) */
.countdown-item {
    background: rgba(255, 255, 255, 0.03);
    /* Fundo sutil */
    border: 1px solid rgba(212, 184, 122, 0.2);
    /* Borda dourada refinada */
    padding: 15px 10px;
    border-radius: 8px;
    min-width: 90px;
    backdrop-filter: blur(5px);
    /* Efeito de vidro moderno */
    text-align: center;
    transition: transform 0.3s ease;
}

.countdown-item:hover {
    transform: translateY(-5px);
    /* Leve interação ao passar o mouse */
    border-color: rgba(212, 184, 122, 0.5);
}

/* Números */
.countdown-item span {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #d4b87a;
    /* Dourado padrão da identidade */
    font-family: 'Montserrat', sans-serif;
    /* Fonte limpa e forte */
    line-height: 1;
    margin-bottom: 5px;
}

/* Rótulos (Dias, Horas...) */
.countdown-item p {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #888;
    margin: 0;
}

/* Divisores (:) */
.countdown-divider {
    font-size: 24px;
    color: #d4b87a;
    font-weight: bold;
    padding-bottom: 20px;
    /* Alinha o ":" visualmente com os números */
}

/* Responsividade */
@media (max-width: 600px) {
    .countdown-container {
        gap: 8px;
    }

    .countdown-item {
        min-width: 70px;
        padding: 10px 5px;
    }

    .countdown-item span {
        font-size: 24px;
    }

    .countdown-divider {
        display: none;
        /* Esconde o divisor no mobile para economizar espaço */
    }
}

/* O Botão Dourado Icônico */
.cta-botao {
    padding: 20px 20px;
    width: 400px;
    background: linear-gradient(135deg, #C5A059 0%, #F1D7A1 50%, #C5A059 100%);
    background-size: 200% auto;
    color: #000;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.3rem;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    transition: 0.5s;
    text-transform: uppercase;
    margin-top: 50px;
}

.cta-botao:hover {
    background-position: right center;
    transform: scale(1.05);
    box-shadow: 0 15px 40px rgba(184, 134, 11, 0.4);
}

/* final sessao CTA */

/* Responsividade */
@media (max-width: 768px) {
    .cta-title {
        font-size: 2rem;
    }

    .final-cta-section {
        padding: 80px 20px;
    }
}



/* Sessão formulario */
.sessao-formulario {
    background-color: #0d0d0f;
    padding: 100px 0;
    color: #fff;
}

.tit-for {
    text-align: center;
    margin-bottom: 60px;
}

.tit-for h2 {
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    color: #c5a059;
    margin-bottom: 10px;
}

.tit-for p {
    font-family: 'Montserrat', sans-serif;
    color: #b5b5b5;
    margin-top: 20px;
    font-size: 1.1rem;
}

.lista-bene {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
}


.lista-bene {
    list-style: none;
    padding: 0;
}

.lista-bene li {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3rem;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.lista-bene .check {
    color: #c5a059;
    margin-right: 20px;
    font-weight: bold;
}

/* Card do Formulário (Textura de Papel) */
.formulario {
    background-color: #e8e6e7;
    background-image: url('https://www.transparenttextures.com/patterns/paper-fibers.png');
    padding: 40px;
    border-radius: 15px;
    width: 100%;
    max-width: 500px;
    color: #1a1a1a;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    height: 500px;
}

.formulario h3 {
    font-family: 'Playfair Display', serif;
    font-size: 1.8rem;
    margin-bottom: 30px;
    text-align: center;
}

.input-container {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 15px;
    margin-bottom: 20px;
}

.input-icon {
    margin-right: 15px;
    opacity: 0.5;
}

.input-container input {
    border: none;
    width: 100%;
    outline: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    margin-left: 10px;
}

.cta-for {
    width: 100%;
    padding: 20px;
    background: linear-gradient(135deg, #C5A059 0%, #F1D7A1 50%, #C5A059 100%);
    border: none;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.2rem;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 10px;
}

.cta-for:hover {
    filter: brightness(1.1);
    transform: translateY(-2px);
}

.icon-whats {
    margin-top: 20px;
    font-size: 0.9rem;
    color: #666;
    display: flex;
    justify-content: center;
}


/* fim sessao formulario */




/* Rodapé */
.footer {
    background-color: #070708;
    padding: 40px 0;
    border-top: 1px solid rgba(197, 160, 89, 0.2);
}

.footer-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-logo {
    display: flex;
    align-items: center;
    gap: 15px;
}


.logotxt-footer span {
    display: block;
    color: #c5a059;
    font-size: 1.5rem;
}

.logotxt-footer h3 {
    color: var(--card-bg);
    font-size: 1.5rem;
    text-transform: uppercase;
}

.footerslo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-style: italic;
    color: #bc9c7e;
}

.linha {
    width: 80px;
    height: 1px;
    background-color: #c5a059;
    margin-left: 40px;
    margin-right: 40px;
}

.iconfooter {
    margin-top: 20px;
    display: flex;
}



.iconfooter img {
    margin-left: 20px;
    border-radius: 50px;
    transition: .5s;
}

.iconfooter img:hover {
    background-color: var(--gold);
    filter: brightness(0.9);
}


.footer-copy {
    color: #777;
    font-size: 0.95rem;
    margin-top: 20px;
}

/* Responsividade */
@media (max-width: 900px) {
    .lista-bene {
        flex-direction: column;
        gap: 40px;
        padding: 0 20px;
    }

    .footer-content {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
}





/* A Mágica da Animação */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        /* Move o trilho exatamente pela largura de todos os cards originais */
        transform: translateX(calc(-1 * (var(--card-width) + (var(--card-margin) * 2)) * var(--total-cards)));
    }
}

/* Sessão Principal */
.palestra {
    padding: 100px 20px;
    background: radial-gradient(circle at top, #1b1426, #0e0b14);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
}

/* Container de Alinhamento */
.teste {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
    max-width: 1200px;
    width: 100%;
}

/* Lado do Texto */
.conteudo {
    flex: 1;
}

.conteudo h2 {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 600;
    color: #f5e6c8;
    margin-bottom: 24px;
    line-height: 1.2;
}

.tag {
    display: inline-block;
    padding: 6px 14px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #d4b87a;
    border: 1px solid #d4b87a;
    border-radius: 20px;
    margin-bottom: 24px;
}

.conteudo p {
    font-size: 16px;
    color: #dcdcdc;
    line-height: 1.7;
    margin-bottom: 32px;
    max-width: 480px;
}

.conteudo ul {
    list-style: none;
}

.conteudo ul li {
    font-size: 16px;
    margin-bottom: 14px;
    padding-left: 28px;
    position: relative;
    color: #dcdcdc;
}

.conteudo ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #d4b87a;
    font-weight: bold;
}


.imagem {
    flex: 1;
    justify-content: center;
    position: relative;

}

.imagem img {
    width: 100%;
    max-width: 500px;
    border-radius: 5px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
    filter: brightness(0.85);
    /* Escurece um pouco a imagem para o botão brilhar */
}

/* Estilização do Botão */
.play-btn {
    position: absolute;
    top: 49%;
    left: 44%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background-color: #d4b87a;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 0 25px rgba(212, 184, 122, 0.5);
    z-index: 2;
}

.play-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0 0 40px rgba(212, 184, 122, 0.8);
}


.play-icon {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 18px solid #000000;
    margin-left: 5px;
}

.abrir-menu,
.fechar-menu {
    display: none;
}

@media (min-width: 300px) and (max-width: 768px) {

    h3,
    .sub-title {
        font-size: 1.5em !important;
    }

    h2 {
        font-size: 1.7em !important;
    }

    h1 {
        font-size: 2em !important;
    }

    .formulario {

        height: 600px;
    }

    footer {
        padding: 0;
        margin: 0;
    }

    header {
        background-color: #000000e5;
    }

    header .topo {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
    }

    header nav {
        background-color: hsla(0, 0%, 0%, 0.644);
        height: 233px ;
        position: fixed;
        top: 0;
        max-width: 400px;
        width: 50%;
        z-index: 100;
        right: -100%;
        transition: right 1s ease-in-out;
    }

    header nav ul li {
        padding-block: .5em;
    }

    .abrir-menu {
        background-image: url(../img/barra-de-menu.png);
        background-color: #00000000;
        display: inline-block;
        background-size: cover;
        padding: 20px;
        border: 0;
        width: 50px;
        height: 50px;

    }

    .abrir-menu:active,
    .fechar-menu:active {
        transform: scale(1.1);
        filter: brightness(1.1);
    }

    .fechar-menu {
        background-image: url("../img/perto (1).png");
        background-color: #00000000;
        display: inline;
        background-size: cover;
        padding: 20px;
        margin: 10px, 0;
        border: 0;
        width: 50px;
        height: 50px;
    }



    .menu-ativo nav {
        right: 0;
    }

    .abordagem-mobile .card {
        width: 100%;
        height: 100px;

    }

    .abordagem{
        display: none;
    }


 

    .abordagem-mobile .tds-abordagem .coluna-esquerda {
        width: 100%;
        margin: auto;
    }

    .abordagem-mobile .tds-abordagem .coluna-esquerda .card h3 {
        font-size: 1em !important;
    }

    .abordagem-mobile .tds-abordagem {
        width: 100%;
    }

    .abordagem-mobile .tds-abordagem {
        display: block;
    }

    .abordagem-mobile {
        min-height: 50vh !important;
    }

    .abordagem-mobile .coluna-direita,
    .abordagem-mobile .coluna-esquerda {
        width: 90% !important;
        margin: 0;
        padding: 0;
    }

    

    /*lity*/

      .card-text-lity{
        display: block;
        background-color: rgb(0, 0, 0);
        width: 90%;
        border-radius: 15px;
        height: auto;
        margin: auto;
        padding: 2%;   
        color: #ffe7b6;    
    }


    .sobre p {
        font-family: 'Montserrat', sans-serif;
        font-size: 0.9rem;
        line-height: 1.6;
        margin-bottom: 10px;
        color: #333;
    }

    .ajst-img img {
        width: 70%;
        height: 70%;
        object-fit: cover;
        border-radius: 8px;
        filter: saturate(1.1);
    }

    .mapa {
        position: relative;
        height: 300px;
        width: 300px !important;
        border-radius: 12px;
        overflow: hidden;
        border: 2px solid rgba(197, 160, 89, 0.3);
        margin-bottom: 30px;
        margin-inline: auto;
        transition: transform 0.3s ease;
    }



    .info-icon img {
        width: 30px;
        height: auto;
    }

    /* ===== HEADER FIXO / TOPO ===== */
    header {
        height: auto;
        padding: 10px 0;
    }

    .topo {
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        height: auto;
        text-align: center;
    }

    .topo img {
        margin: 0;
        width: 50px;
    }

    .topo h5 {
        margin: 0;
        font-size: 16px;
        letter-spacing: 1px;
    }

    nav {
        width: 100%;
    }

    nav ul {
        flex-direction: column;
        gap: 10px;
        padding: 10px 0;
    }

    nav ul li a {
        font-size: 16px;
        padding: 8px;
    }

    /* ===== SESSÃO PRINCIPAL ===== */
    .header-advocacia {
        height: auto;
        padding: 140px 20px 80px;
        text-align: center;
        background-position: 67% 70%;
        background-size: auto;
    }

    .tds-header {
        background: rgba(0, 0, 0, 0.55);
        padding: 25px 20px;
        border-radius: 20px;
    }

    .tit-header {
        font-size: 12px;
        margin-top: 0;
    }

    .sub-tit {
        font-size: 2.6rem;
        line-height: 1.15;
    }

    .descricao-header {
        font-size: 1rem;
        line-height: 1.5;
    }

    .cta-header {
        width: 100%;
        padding: 18px 20px;
        font-size: 1rem;
    }

    /* ===== SESSÃO CONEXÃO ===== */
    .conexao {
        height: auto;
        padding: 80px 20px;
        text-align: center;
    }

    .conexao img {
        width: 140px;
        margin-bottom: 20px;
    }

    .conexao h2 {
        font-size: 26px;
    }

    .conexao h3 {
        font-size: 40px;
        margin: 0;
        letter-spacing: 3px;
        line-height: 1.2;
    }

    .conexao span {
        font-size: 35px;
    }

    .conexao h4 {
        font-size: 18px;
        margin: 10px 0 0;
    }

    /* ===== SESSÃO VÍDEO ===== */
    .sessao-video {
        padding: 60px 20px;
    }

    .tds-video {
        flex-direction: column;
        gap: 40px;
    }

    .txt-video h2 {
        font-size: 2rem;
        text-align: center;
    }

    .txt-video p {
        font-size: 1rem;
        text-align: center;
    }

    .txt-video .lista li {
        font-size: 1rem;
    }

    .ajst-video {
        width: 100%;
    }

    .play {
        width: 60px;
        height: 60px;
    }

    .play-tri {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 18px solid #fff;
    }

    .tit-video {
        width: 100%;
        font-size: 12px;
    }

    .carrosel {
        display: flex;


        animation: teste 40s linear infinite alternate;
    }

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

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

        200% {
            transform: translateX(0);

        }
    }

    .cta-botao {
        width: 90%;
    }

.coluna-direita{
    display: block;
}

}

@media (max-width: 900px) {
    .teste {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }

    .conteudo p {
        margin: 0 auto 32px auto;
    }
}

header.scrolled {

    background: #000 !important;

    background-image: none !important;

}


header.scrolled .topo {

    background: #000 !important;

}