/* =====================================================
                NOTEBOOK (1400px)
===================================================== */

@media (max-width:1400px){

    .hero h1{

        font-size:88px;

    }

}

/* =====================================================
                NOTEBOOK MENOR (1200px)
===================================================== */

@media (max-width:1200px){

    .container{

        width:94%;

    }

    nav ul{

        gap:25px;

    }

    .hero h1{

        font-size:72px;

    }

    .experiencia h2,
    .resultados h2,
    .diferenciais h2{

        font-size:58px;

    }

    .cards-resultados,
    .cards-diferenciais{

        grid-template-columns:repeat(2,1fr);

        gap:35px;

    }

}
/* =====================================================
                    TABLET
===================================================== */

@media (max-width:992px){

    header{

        padding-top:25px;

    }

    .logo img{

        width:150px;

    }

    nav ul{

        gap:18px;

        flex-wrap:wrap;

        justify-content:center;

    }

    nav a{

        font-size:14px;

    }

    .hero{

        height:100vh;

    }

    .hero-content{

        margin-top:120px;

        width:90%;

    }

    .hero h1{

        font-size:58px;

    }

    .hero p{

        font-size:16px;

    }

    .btn-principal{

        width:260px;

        height:56px;

        font-size:20px;

    }

    .experiencia{

        margin-top:-45px;

    }

    .experiencia h2,
    .resultados h2,
    .diferenciais h2{

        font-size:48px;

    }

}
/* =====================================================
                    CELULAR
===================================================== */

@media (max-width:768px){

    header{

        padding-top:20px;

    }

    .logo{

        margin-bottom:20px;

    }

    .logo img{

        width:130px;

    }

    nav{

        width:100%;

    }

    nav ul{

        display:flex;

        flex-wrap:wrap;

        justify-content:center;

        gap:12px;

        padding:0 15px;

    }

    nav a{

        font-size:13px;

    }

    .hero{

        height:100vh;

        padding:20px;

    }

    .hero-content{

        margin-top:80px;

    }

    .hero h1{

        font-size:46px;

        line-height:1;

    }

    .hero p{

        font-size:15px;

    }

    .btn-principal{

        width:260px;

        height:56px;

        font-size:20px;

    }

    .hero span{

        font-size:13px;

        text-align:center;

    }

    .experiencia{

        border-radius:40px 40px 0 0;

        padding-top:80px;

    }

    .experiencia h2,
    .resultados h2,
    .diferenciais h2{

        font-size:40px;

    }

    .experiencia p{

        font-size:16px;

    }

    .btn-dark{

        width:260px;

        font-size:22px;

    }

    .cards-resultados{

        grid-template-columns:1fr;

    }

    .cards-diferenciais{

        grid-template-columns:1fr;

    }

}
/* =====================================================
                CELULARES PEQUENOS
===================================================== */

@media (max-width:480px){

    .hero h1{

        font-size:36px;

    }

    .hero p{

        font-size:14px;

    }

    .experiencia h2,
    .resultados h2,
    .diferenciais h2{

        font-size:32px;

    }

    .btn-principal,
    .btn-dark{

        width:100%;

        max-width:280px;

    }

    .icone-topo{

        width:90px;

        height:90px;

    }

    .icone-topo img{

        width:40px;

    }

}

/* =====================================================
                    CAMILA RESPONSIVO
===================================================== */

@media (max-width: 1200px) {
    .camila {
        grid-template-columns: 1fr;
        height: auto; /* IMPORTANTE: Remove os 620px fixos do PC para o texto não estourar */
        overflow: visible; /* Garante que a imagem abaixo não seja cortada */
    }

    .camila-right {
        min-height: 550px;
        justify-content: center; /* Centraliza a imagem */
    }

    /* Força a imagem a preencher o bloco da direita que foi para baixo */
    .foto-camila {
        height: 550px; 
        width: 100%;
    }
}

@media (max-width: 768px) {
    .camila-left {
        padding: 55px 28px;
    }

    .conteudo-camila {
        max-width: 100%;
    }

    .conteudo-camila h2 {
        font-size: 44px;
        text-align: center;
    }

    .linha {
        margin: 0 auto 30px;
    }

    .conteudo-camila p {
        text-align: center;
        font-size: 16px;
        line-height: 1.8;
    }

    .btn-historia {
        width: 100%;
        max-width: 300px;
        margin: 35px auto 0; /* Aumentei um pouco a margem para dar mais destaque ao botão */
    }

    .camila-right {
        min-height: 380px; /* Reduz o tamanho do bloco da imagem em celulares */
    }

    /* Ajusta a imagem para o tamanho menor do celular */
    .foto-camila {
        height: 380px;
    }
}
/* =====================================================
                    AULAS
===================================================== */

@media(max-width:1100px){

    .cards-aulas{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .aulas h2{

        font-size:46px;

    }

    .descricao-aulas{

        font-size:16px;

    }

    .card-aula{

        padding:30px;

    }

    .card-aula h3{

        font-size:38px;

    }

}

/* =====================================================
            DEPOIMENTOS
===================================================== */

/* ----------------------- 1200px ---------------------- */

@media (max-width:1200px){

    .depoimentos{

        padding:80px 0 100px;

    }

    .depoimentos h2{

        font-size:58px;

    }

    .texto-depoimentos{

        font-size:17px;

    }

    .depoimento-card{

        flex:0 0 290px;

    }

}

/* ----------------------- 992px ---------------------- */

@media (max-width:992px){

    .depoimentos h2{

        font-size:50px;

    }

    .texto-depoimentos{

        max-width:700px;

        margin:25px auto 45px;

    }

    .carousel{

        gap:15px;

    }

    .depoimento-card{

        flex:0 0 270px;

    }

    .video-container{

        height:180px;

    }

    .seta{

        width:46px;
        height:46px;

        font-size:22px;

    }

}

/* ----------------------- 768px ---------------------- */

@media (max-width:768px){

    .depoimentos{

        padding:70px 0;

    }

    .depoimentos h2{

        font-size:42px;

        line-height:1.1;

    }

    .texto-depoimentos{

        font-size:16px;

        padding:0 25px;

        margin-bottom:40px;

    }

    .carousel{

        overflow-x:auto;

        scroll-snap-type:x mandatory;

        -webkit-overflow-scrolling:touch;

        gap:18px;

        padding:5px 20px 10px;

    }

    .depoimento-card{

        flex:0 0 82%;

        scroll-snap-align:center;

    }

    .video-container{

        height:240px;

    }

    .frase{

        min-height:auto;

    }

    /* Esconde apenas as setas do carrossel de texto padrão */
    .carousel-wrapper:not(.video-carousel-wrapper) .seta {
        display: none;
    }

    /* --- GARANTE AS SETAS E O ARRASTE NO CARROSSEL DE VÍDEOS NO MOBILE --- */
    .video-carousel-wrapper {
        position: relative;
    }

    .video-carousel-wrapper .seta {
        display: flex !important;
        width: 38px;
        height: 38px;
        font-size: 16px;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .video-carousel-wrapper .seta-esquerda {
        left: -10px;
    }

    .video-carousel-wrapper .seta-direita {
        right: -10px;
    }

    #carouselVideos {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 0;
        padding: 0;
    }

    #carouselVideos .video-destaque-wrapper {
        min-width: 100% !important;
        scroll-snap-align: start;
    }
}

/* ----------------------- 480px ---------------------- */

@media (max-width:480px){

    .depoimentos{

        padding:55px 0;

    }

    .depoimentos h2{

        font-size:34px;

    }

    .texto-depoimentos{

        font-size:15px;

        line-height:1.7;

    }

    .carousel{

        padding-left:15px;

        padding-right:15px;

    }

    .depoimento-card{

        flex:0 0 92%;

    }

    .video-container{

        height:220px;

    }

    .play-btn{

        width:50px;
        height:50px;

        font-size:18px;

    }

    .avaliacao{

        font-size:20px;

    }

    .frase{

        font-size:15px;

        padding:16px;

    }

    .depoimento-card h4{

        font-size:17px;

    }

    .depoimento-card span{

        font-size:13px;

    }
}

/* =====================================================
                COMUNIDADE
===================================================== */

/* ===================== 1200px ===================== */

@media (max-width:1200px){

    .comunidade{

        padding:80px 0;

    }

    .comunidade-content{

        grid-template-columns:320px 1fr;

        gap:35px;

    }

    .comunidade-info h2{

        font-size:64px;

    }

    .comunidade-info p{

        font-size:17px;

    }

}

/* ===================== 992px ===================== */

@media (max-width:992px){

    .comunidade-content{

        grid-template-columns:1fr;

        gap:45px;

    }

    .comunidade-info{

        position:relative;

        top:0;

        text-align:center;

        max-width:650px;

        margin:auto;

    }

    .comunidade-top{

        align-items:center;

    }

    .linha-pequena{

        margin:20px auto 28px;

    }

    .comunidade-info h2{

        font-size:58px;

    }

    .comunidade-info p{

        max-width:100%;

    }

    .linha-central{

        justify-content:center;

    }

    .lista-comunidade{

        align-items:center;

    }

}

/* ===================== 768px ===================== */

@media (max-width:768px){

    .comunidade{

        padding:70px 0;

    }

    .comunidade-info{

        text-align:center;

    }

    .comunidade-top{

        align-items:center;

    }

    .linha-pequena{

        margin:20px auto 28px;

    }

    .linha-central{

        justify-content:center;

    }

    .comunidade-info h2{

        font-size:48px;

    }

    .comunidade-info p{

        font-size:16px;

        line-height:1.8;

        max-width:100%;

    }

    .lista-comunidade{

        align-items:center;

        gap:18px;

    }

    .lista-comunidade li{

        justify-content:center;

    }

    .lista-comunidade span{

        font-size:17px;

    }

    /* ======================================
                    CARROSSEL
    ====================================== */

    .galeria-mobile{
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        width: 100%;
        margin-top: 30px;
        -webkit-overflow-scrolling: touch; 
    }

    .galeria-mobile::-webkit-scrollbar{
        display: none;
    }

    .galeria-comunidade{
        display: flex;
        gap: 16px;
        padding: 5px 16px 15px 0px; 
        width: fit-content;
    }

    .foto{
        flex: 0 0 260px;
        height: 340px !important;
        border-radius: 16px;
    }

}

/* ===================== 576px ===================== */

@media (max-width:576px){

    .comunidade{

        padding:55px 0;

    }

    .comunidade-info h2{

        font-size:42px;

    }

    .comunidade-info p{

        font-size:15px;

    }

    .lista-comunidade span{

        font-size:16px;

    }

    .foto{

        flex:0 0 230px;

        height:310px !important;

    }

}

/* ===================== 400px ===================== */

@media (max-width:400px){

    .comunidade-info h2{

        font-size:36px;

    }

    .comunidade-top span{

        font-size:13px;

        letter-spacing:2px;

    }

    .lista-comunidade span{

        font-size:15px;

    }

    .lista-comunidade i{

        font-size:22px;

    }

    .foto{

        flex:0 0 210px;

        height:280px !important;

    }

}

/* =====================================================
                DIFERENCIAL
===================================================== */

/* ===================== 1200px ===================== */

@media (max-width:1200px){

    .diferencial{

        padding:90px 0;

    }

    .titulo-diferencial h2{

        font-size:68px;

    }

    .titulo-diferencial p{

        font-size:18px;

    }

    .cards-diferencial{

        gap:22px;

    }

    .card-diferencial{

        padding:45px 28px;

    }

}

/* ===================== 992px ===================== */

@media (max-width:992px){

    .diferencial{

        padding:80px 0;

    }

    .titulo-diferencial{

        margin-bottom:55px;

    }

    .titulo-diferencial h2{

        font-size:56px;

    }

    .titulo-diferencial p{

        font-size:17px;

    }

    .cards-diferencial{

        grid-template-columns:repeat(2,1fr);

        gap:22px;

    }

    .card-diferencial{

        padding:40px 25px;

    }

    .icone-card{

        width:75px;

        height:75px;

    }

    .icone-card i{

        font-size:32px;

    }

}

/* ===================== 768px ===================== */

@media (max-width:768px){

    .diferencial{

        padding:70px 0;

    }

    .titulo-diferencial h2{

        font-size:46px;

        line-height:1.1;

    }

    .titulo-diferencial p{

        font-size:16px;

        line-height:1.7;

    }

    .linha{

        width:55px;

    }

    .cards-diferencial{

        grid-template-columns:1fr;

        gap:20px;

    }

    .card-diferencial{

        padding:38px 28px;

    }

    .card-diferencial h3{

        font-size:34px;

    }

    .card-diferencial p{

        font-size:17px;

    }

}

/* ===================== 576px ===================== */

@media (max-width:576px){

    .diferencial{

        padding:60px 0;

    }

    .titulo-diferencial{

        margin-bottom:45px;

    }

    .titulo-diferencial span{

        font-size:13px;

        letter-spacing:3px;

    }

    .titulo-diferencial h2{

        font-size:38px;

    }

    .titulo-diferencial p{

        font-size:15px;

    }

    .linha{

        width:42px;

    }

    .card-diferencial{

        border-radius:18px;

        padding:35px 22px;

    }

    .icone-card{

        width:68px;

        height:68px;

        margin-bottom:22px;

    }

    .icone-card i{

        font-size:28px;

    }

    .card-diferencial h3{

        font-size:30px;

    }

    .card-diferencial p{

        font-size:16px;

        line-height:1.6;

    }

}

/* ===================== 400px ===================== */

@media (max-width:400px){

    .diferencial{

        padding:50px 0;

    }

    .titulo-diferencial h2{

        font-size:33px;

    }

    .titulo-diferencial p{

        font-size:14px;

    }

    .card-diferencial{

        padding:30px 18px;

    }

    .icone-card{

        width:60px;

        height:60px;

    }

    .icone-card i{

        font-size:24px;

    }

    .card-diferencial h3{

        font-size:27px;

    }

    .card-diferencial p{

        font-size:15px;

    }

}

/* =====================================================
                    FAQ RESPONSIVO
===================================================== */

@media (max-width:991px){

    .faq{

        padding:80px 20px;

    }

    .faq-titulo{

        margin-bottom:40px;

    }

    .faq-titulo h2{

        font-size:56px;

        line-height:1.1;

    }

    .faq-container{

        width:100%;

        max-width:100%;

    }

    .faq-item{

        margin-bottom:16px;

        border-radius:14px;

    }

    .faq-question{

        padding:22px 22px;

        font-size:22px;

        line-height:1.4;

        gap:20px;

    }

    .faq-question i{

        font-size:26px;

        flex-shrink:0;

    }

    .faq-answer p{

        padding:0 22px 24px;

        font-size:16px;

        line-height:1.8;

    }

    .faq-final{

        margin-top:55px;

    }

    .faq-final h3{

        font-size:42px;

    }

    .faq-final p{

        font-size:18px;

        line-height:1.6;

        margin-bottom:22px;

    }

    .btn-whatsapp{

        width:290px;

        max-width:100%;

        height:56px;

        font-size:18px;

    }

    .btn-whatsapp i{

        font-size:24px;

    }

}


/* =====================================================
                    CELULARES
===================================================== */

@media (max-width:768px){

    .faq{

        padding:70px 16px;

    }

    .faq-titulo h2{

        font-size:42px;

    }

    .faq-question{

        padding:18px 18px;

        font-size:18px;

    }

    .faq-question i{

        font-size:22px;

    }

    .faq-answer p{

        padding:0 18px 20px;

        font-size:15px;

        line-height:1.7;

    }

    .faq-final{

        margin-top:45px;

    }

    .faq-final h3{

        font-size:34px;

    }

    .faq-final p{

        font-size:16px;

    }

    .btn-whatsapp{

        width:100%;

        max-width:320px;

        height:54px;

        font-size:17px;

        border-radius:10px;

    }

}


/* =====================================================
                CELULARES PEQUENOS
===================================================== */

@media (max-width:480px){

    .faq{

        padding:60px 14px;

    }

    .faq-titulo h2{

        font-size:34px;

    }

    .faq-question{

        padding:16px;

        font-size:17px;

    }

    .faq-question i{

        font-size:20px;

    }

    .faq-answer p{

        padding:0 16px 18px;

        font-size:14px;

    }

    .faq-final h3{

        font-size:30px;

    }

    .faq-final p{

        font-size:15px;

    }

    .btn-whatsapp{

        width:100%;

        height:52px;

        font-size:16px;

    }

}

/* =====================================================
                TOUR ESTÚDIO RESPONSIVO
===================================================== */

@media (max-width:1200px){

    .tour-content{

        max-width:560px;

        margin-left:55px;

    }

    .tour-logo{

        width:145px;

    }

    .tour-content h2{

        font-size:72px;

    }

    .tour-content p{

        font-size:18px;

    }

}



/* =====================================================
                    TABLETS
===================================================== */

@media (max-width:991px){

    .tour-estudio{

        min-height:760px;

        height:auto;

        padding:90px 0;


        background:

        linear-gradient(

            180deg,

            rgba(247,243,238,.95) 0%,

            rgba(247,243,238,.85) 35%,

            rgba(247,243,238,.55) 70%,

            rgba(247,243,238,.15) 100%

        ),

        url("https://res.cloudinary.com/d4y3cz55/image/upload/f_auto,q_auto,w_1200,c_limit/v1785905231/estudio-background_iobwvx.jpg");

        background-size:cover;

        background-position:center;

    }

    .tour-overlay{

        justify-content:center;

        text-align:center;

    }

    .tour-content{

        margin:0 auto;

        padding:0 35px;

    }

    .tour-logo{

        width:135px;

        margin:0 auto 35px;

        display:block;

    }

    .tour-content h2{

        font-size:60px;

        line-height:1;

    }

    .tour-linha{

        justify-content:center;

    }

    .tour-content p{

        font-size:18px;

    }

    .btn-tour{

        margin:auto;

    }

}



/* =====================================================
                    CELULARES
===================================================== */

@media (max-width:768px){

    .tour-estudio{

        min-height:100vh;

        padding:70px 0;


        background:

        linear-gradient(

            180deg,

            rgba(247,243,238,.96) 0%,

            rgba(247,243,238,.88) 28%,

            rgba(247,243,238,.68) 58%,

            rgba(247,243,238,.28) 100%

        ),

        url("../img/estudio-background.jpg");

        background-size:cover;

        background-position:center;

    }

    .tour-content{

        max-width:100%;

        padding:0 28px;

    }

    .tour-logo{

        width:120px;

        margin-bottom:28px;

    }

    .tour-content h2{

        font-size:50px;

        line-height:.98;

        margin-bottom:28px;

    }

    .tour-content p{

        font-size:17px;

        line-height:1.8;

        margin-bottom:35px;

    }

    .btn-tour{

        width:100%;

        max-width:340px;

        height:58px;

        font-size:17px;

    }

}



/* =====================================================
                CELULARES PEQUENOS
===================================================== */

@media (max-width:480px){

    .tour-estudio{

        min-height:95vh;

        padding:55px 0;


    }

    .tour-content{

        padding:0 22px;

    }

    .tour-logo{

        width:100px;

        margin-bottom:24px;

    }

    .tour-content h2{

        font-size:38px;

        margin-bottom:24px;

    }

    .tour-content p{

        font-size:16px;

        line-height:1.7;

        margin-bottom:30px;

    }

    .tour-linha{

        margin-bottom:28px;

    }

    .tour-linha span{

        width:45px;

    }

    .btn-tour{

        width:100%;

        height:54px;

        font-size:16px;

        gap:10px;

    }

    .btn-tour i{

        font-size:18px;

    }

}

/* =====================================================
                    FOOTER
===================================================== */

@media(max-width:991px){

    .footer{

        padding:55px 0 30px;

    }

    .footer-container{

        width:92%;

        grid-template-columns:1fr;

        gap:45px;

        text-align:center;

    }

    .footer-col{

        align-items:center;

        border-right:none !important;

        padding-right:0 !important;

        padding-bottom:35px;

        border-bottom:1px solid rgba(214,201,183,.45);

    }

    .footer-col:last-child{

        border-bottom:none;

        padding-bottom:0;

    }

    /* ================= LOGO ================= */

    .footer-logo img{

        width:145px;

        max-width:100%;

        height:auto;

        display:block;

        object-fit:contain;

        margin:0 auto 35px;

    }

    .footer-logo p{

        font-size:17px;

        line-height:1.8;

    }

    .footer-line{

        margin:25px auto 0;

    }

    .footer-col h4{

        font-size:20px;

        margin-bottom:28px;

    }

    .footer-item{

        justify-content:center;

        align-items:flex-start;

        text-align:left;

    }

    .footer-item i{

        font-size:24px;

    }

    .footer-item div{

        font-size:17px;

        line-height:1.7;

    }

    .horario{

        margin-left:0;

    }

    .mapa{

        width:100%;

        max-width:330px;

        margin:auto;

    }

    .footer-bottom{

        flex-direction:column;

        gap:18px;

        margin-top:45px;

    }

    .linha-footer{

        width:70%;

        flex:none;

    }

    .footer-bottom span{

        font-size:16px;

    }

}


/* ============================================ */

@media(max-width:600px){

    .footer{

        padding:45px 0 25px;

    }

    .footer-container{

        width:90%;

        gap:38px;

    }

    /* ================= LOGO ================= */

    .footer-logo img{

        width:130px;

        max-width:100%;

        height:auto;

        display:block;

        object-fit:contain;

        margin:0 auto 30px;

    }

    .footer-logo p{

        font-size:16px;

    }

    .footer-col h4{

        font-size:18px;

        letter-spacing:1px;

    }

    .footer-item{

        gap:14px;

        margin-bottom:25px;

    }

    .footer-item i{

        font-size:22px;

        width:22px;

    }

    .footer-item div{

        font-size:15px;

        line-height:1.6;

    }

    .mapa{

        max-width:100%;

    }

    .footer-bottom{

        margin-top:35px;

        gap:14px;

    }

    .footer-bottom span{

        font-size:14px;

        text-align:center;

    }

    .linha-footer{

        width:100%;

    }

}

/* ==========================================================================
   RESPONSIVIDADE DO MODAL E VÍDEOS DE DEPOIMENTO (Telas até 768px)
   ========================================================================== */
@media (max-width: 768px) {
    
    /* Ajusta a altura da thumbnail no card para não achatar ou esticar demais no mobile */
    .video-thumb-placeholder {
        height: 180px; 
    }

    /* Reduz um pouco o botão de play para telas menores, mantendo o alinhamento */
    .play-overlay {
        width: 50px;
        height: 50px;
    }
    
    .play-overlay i {
        font-size: 16px;
        margin-left: 3px; /* Mantém o ajuste geométrico no círculo menor */
    }

    /* Remove o efeito de hover de desktop (pois em toque ele pode "travar" ligado) */
    .depoimento-card:hover .play-overlay {
        transform: translate(-50%, -50%) scale(1);
    }

    /* Ajusta o Modal para ocupar quase toda a largura em celulares, maximizando o vídeo */
    .modal-content {
        width: 95%; /* Vídeo maior na tela do celular */
        border-radius: 8px; /* Bordas um pouco mais sutis em telas menores */
    }

    /* Aumenta a área de toque do botão fechar e afasta um pouco do canto para não sumir */
    .modal-close {
        top: 5px;
        right: 12px;
        font-size: 40px; /* Facilita acertar o dedo para fechar */
        padding: 10px;  /* Cria uma área invisível maior para o clique */
    }
}

/* =====================================================
                COMO COMEÇAR
===================================================== */

@media(max-width:991px){

    .como-comecar{

        padding:90px 0;

    }

    .como-comecar h2{

        font-size:50px;

    }

    .subtitulo-comecar{

        max-width:100%;

        font-size:17px;

        margin-bottom:55px;

        line-height:1.8;

    }

    .cards-comecar{

        grid-template-columns:1fr;

        gap:28px;

        max-width:650px;

        margin:0 auto;

    }

    .card-comecar{

        padding:40px 35px;

    }

    .numero-card{

        font-size:60px;

        margin-bottom:18px;

    }

    .card-comecar h3{

        font-size:30px;

    }

    .card-comecar p{

        font-size:16px;

    }

    .btn-comecar{

        width:340px;

        height:60px;

        margin-top:60px;

        font-size:17px;

    }

}

/* ============================================ */

@media(max-width:600px){

    .como-comecar{

        padding:70px 0;

    }

    .como-comecar .container{

        width:90%;

    }

    .secao-mini{

        font-size:13px;

        letter-spacing:2px;

        margin-bottom:14px;

    }

    .como-comecar h2{

        font-size:40px;

        line-height:1.1;

    }

    .como-comecar .linha-central{

        margin:28px auto;

    }

    .como-comecar .linha-central span{

        width:45px;

    }

    .como-comecar .linha-central .bolinha{

        width:12px;
        height:12px;

    }

    .subtitulo-comecar{

        font-size:15px;

        line-height:1.8;

        margin-bottom:40px;

    }

    .cards-comecar{

        gap:22px;

    }

    .card-comecar{

        padding:32px 24px;

        border-radius:16px;

    }

    .numero-card{

        font-size:50px;

        margin-bottom:15px;

    }

    .card-comecar h3{

        font-size:26px;

        margin-bottom:16px;

    }

    .card-comecar p{

        font-size:15px;

        line-height:1.8;

    }

    .btn-comecar{

        width:100%;

        max-width:330px;

        height:58px;

        margin-top:45px;

        font-size:16px;

        border-radius:12px;

    }

    .btn-comecar i{

        font-size:22px;

    }

}

/* =====================================================
                    NOSSA EQUIPE
===================================================== */

@media(max-width:991px){

    .equipe{

        padding:90px 0;

    }

    .equipe-container{

        width:92%;

    }


    /* ================= CABEÇALHO ================= */

    .equipe-header{

        margin-bottom:55px;

    }

    .equipe-header .secao-mini{

        font-size:14px;

        letter-spacing:2.5px;

        margin-bottom:15px;

    }

    .equipe-header h2{

        font-size:52px;

    }

    .equipe-header .linha-central{

        margin:30px auto;

    }

    .equipe-header .linha-central span{

        width:55px;

    }

    .equipe-header .linha-central .bolinha{

        width:13px;

        height:13px;

    }

    .equipe-header > p{

        font-size:17px;

        line-height:1.8;

        max-width:650px;

    }


    /* ================= GRID ================= */

    .equipe-grid{

        grid-template-columns:1fr;

        gap:30px;

        max-width:600px;

        margin:0 auto;

    }


    /* ================= CARD ================= */

    .profissional{

        border-radius:17px;

    }


    /* ================= FOTO ================= */

    .foto-profissional{

        height:420px;

    }


    /* ================= INFORMAÇÕES ================= */

    .info-profissional{

        padding:32px 30px 35px;

    }

    .info-profissional h3{

        font-size:35px;

    }

    .formacao{

        font-size:16px;

    }

    .info-profissional p{

        font-size:15px;

        line-height:1.8;

    }


    /* ================= FINAL ================= */

    .equipe-final{

        margin-top:55px;

    }

    .equipe-final p{

        font-size:27px;

    }

    .btn-equipe{

        width:340px;

        height:60px;

        font-size:17px;

    }

}


/* =====================================================
                    CELULAR
===================================================== */

@media(max-width:600px){

    .equipe{

        padding:70px 0;

    }

    .equipe-container{

        width:90%;

    }


    /* ================= CABEÇALHO ================= */

    .equipe-header{

        margin-bottom:40px;

    }

    .equipe-header .secao-mini{

        font-size:13px;

        letter-spacing:2px;

        margin-bottom:13px;

    }

    .equipe-header h2{

        font-size:40px;

        line-height:1.1;

    }

    .equipe-header .linha-central{

        margin:26px auto;

    }

    .equipe-header .linha-central span{

        width:42px;

    }

    .equipe-header .linha-central .bolinha{

        width:11px;

        height:11px;

    }

    .equipe-header > p{

        font-size:15px;

        line-height:1.8;

    }


    /* ================= GRID ================= */

    .equipe-grid{

        width:100%;

        gap:22px;

    }


    /* ================= CARD ================= */

    .profissional{

        border-radius:15px;

    }


    /* ================= FOTO ================= */

    .foto-profissional{

        height:350px;

    }


    /* ================= INFORMAÇÕES ================= */

    .info-profissional{

        padding:28px 22px 30px;

    }

    .info-profissional h3{

        font-size:31px;

        margin-bottom:10px;

    }

    .formacao{

        font-size:15px;

        line-height:1.6;

        margin-bottom:16px;

    }

    .info-profissional p{

        font-size:14px;

        line-height:1.8;

    }


    /* ================= FINAL ================= */

    .equipe-final{

        margin-top:45px;

    }

    .equipe-final p{

        font-size:24px;

        line-height:1.3;

        margin-bottom:22px;

    }

    .btn-equipe{

        width:100%;

        max-width:330px;

        height:58px;

        font-size:16px;

        border-radius:12px;

    }

    .btn-equipe i{

        font-size:22px;

    }

}