@media screen and (max-width: 700px) {
    .mobile{
        display: flex;
    }
    .pc{
        display: none;
    }

    /*header*/

    header{
    padding: 3vw 0vw;
    }
    .a-logo-header{
    width: 30%;
    margin-left: 4vw;
    }
    .img-logo-header{
    width: 100%;
    }
    .div-redes-nav-header{
    width: 45%;
    margin-right: 3vw;
    }
    .a-nav-redes-sociais-header{
    width: auto;
    margin-right: 3.5vw;
    }
    .img-nav-redes-sociais-header{
    width: auto;
    height: 8vw;
    }
    .primeira-sessao-home{
        height: 65vh;
        background-position: 50% 20%; 
    }
    .banner-mobile-home{
        height: 20vh;
    }

    /*segunda sessao*/

    .segunda-sessao-home{
    padding: 4vw 0vw;
    border-radius: 0vw 0vw 20vw 0vw;
}
.titulo-primeira-sessao-home{
    text-align: center;
    font-size: 4.5vw;
    line-height: 5vw;
}
.texto-primeira-sessao-home{
    width: 85%;
    font-size: 3.2vw;
    margin: 4vw 0vw;
    line-height: 3.5vw;
}
.a-agende-agora-segunda-sesao{
    font-size: 3.7vw;
    padding: 1.6vw 2.6vw;
    border-radius: 3.6vw;
}

/*terceira sessao*/

.terceira-sessao-home{
   padding-bottom:4vw ;
}
.bloco-img-texto-terceira-sessao-home{
    display: none;
}
.cartao-responsive {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding-top: 4vw;
}

.quadro-titulo-cartoes-responsive {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer; /* mostra que é clicável */
}

.patinha-cartao-responsive {
    width: 7%;
}

.titulo-cartao-responsive {
    font-size: 4vw;
    color: #32BDB3;
    margin: 0vw 3vw;
}

.seta-cartao-responsive {
    width: 4vw;
    height: 4vw;
    background-color: #32BDB3;
    clip-path: polygon(0 0, 50% 80%, 100% 0);
    transition: transform 0.6s ease; /* rotação suave */
}

/* --- Texto animado do acordeão --- */
.texto-cartao-responsive {
    font-size: 3vw;
    line-height: 3.4vw;
    font-family: 'gotham-light';
    width: 80%;
    text-align: center;
    margin: 0;
    overflow: hidden;
    max-height: 0;                  /* começa fechado */
    transition: max-height 0.6s ease, margin 0.6s ease; /* anima altura e espaçamento */
}

/* Quando o cartão estiver ativo (aberto) */
.cartao-responsive.ativo .texto-cartao-responsive {
    margin: 4vw 0; /* aparece suavemente */
}

/* Rotação da seta quando o cartão abre */
.cartao-responsive.ativo .seta-cartao-responsive {
    transform: rotate(180deg);
}

/* Opcional: pequena melhoria para toque mobile */
.quadro-titulo-cartoes-responsive:active {
    opacity: 0.8;
}

/* Pontos e spans do conteúdo */
.span-verde {
    color: #32BDB3;
    font-weight: bold;
}

.span-paragrafo-segunda-sessao-home {
    display: block;
    margin-bottom: 1vw;
}

/*quarta sessao*/

.quarta-sessao-home{
    border-radius: 20vw 0vw 0vw 0vw;
}
.logo-quarta-sessao{
    width: 70%;
}
.p-quarta-sessao-home{
    width: 80%;
    font-size: 3vw;
    line-height: 3.4vw;
}
.tit-quarta-sessao-home-mobile{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 4vw 0vw 2vw 0vw;
}
.h1-titulo-quart-respons{
    font-size: 4vw;
    font-family: 'gotham-bold';
    color: #32BDB3;
}
.tit-italic{
    font-family: 'gotham-italic';
}
.div-quarta-sessao-franz{
    width: 100%;
    margin-top: 6vw;
    justify-content: space-between;
}
.zoom-img-franz{
    width: 45%;
    border-radius: 0vw 10vw 0vw 0vw;
}
.img-franz-quarta-seesao{
    border-radius: 0vw 5vw 0vw 0vw;
}
.texto-div-quarta-sessao-franz{
    width: 55%;
    font-size: 3vw;
}
.img-logo-linkedin-azul{
    width: 9%;
}

/*quinta sessao*/

footer{
    margin-top: -1.5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding-bottom: 3vw;
}
.primeira-sessao-footer{
    width: 100%;
    padding: 4vw 0vw;
}
.p-agendamento-footer{
    font-size: 3.2vw;
    line-height: 3.6vw;
}
.agende-agora-footer{
    padding: 1vw 4.5vw;
    margin-top: 3vw;
    font-size: 2.7vw;
    color: #32BDB3;
    border-radius: 4vw;
    transition: 0.6s;
}
.segunda-sessao-footer{
    margin-top: 5vw;
    margin-bottom: 2vw;
    justify-content: space-around;
    flex-direction: column;
}
.p-segunda-sessao-footer{
    font-size: 3.5vw;
    line-height: 3.7vw;
    width: 90%;
    margin-bottom: 3vw;
}
.p-texto-segunda-sessao-footer-mapa{
    width: 100%;
    font-size: 3.2vw;
    line-height: 3.7vw;
    background-color: #F8F3EC;
    padding: 8vw 0vw;
    border-radius: 15vw 0vw 15vw 0vw;
}
.botao-segunda-sessao-footer-mapa{
    font-size: 3.2vw;
    padding: 1vw 2.5vw;
    border-radius: 3vw;
}
.terceira-sessao-footer{
    width: 100%;
    padding: 3vw 0vw;
}
.a-politica-privacidade{
    font-size: 3.5vw;
}
.p-marketing-direitos-reservados{
    font-size: 2.5vw;
}
.a-ffdna-criativo{
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-ffdnacriativo{
    width: 55%;
}

/*POLITICA*/

.div-politica{
    width: 85%;
}
.titulo-politica{
    font-size: 4.5vw;
    margin-top: 24vw;
}
.subtitulo-politica{
    font-size: 4.2vw;
    margin: 3vw 0vw;
}
.texto-politica{
    font-size: 3.5vw;
    line-height: 3.8vw;
    margin-bottom: 6vw;
}
}