@charset "UTF-8";

@media (max-width:764px) {

	.sty-iframe iframe {
		width: 100%!important;
	}


  
}

/* tablet */
@media (max-width: 991.98px){

.espaco-mob-banner{
  padding-top: 0px;
}
.btn-prima {
  
    font-size: 20px;
    padding: 10px 35px 10px 35px;
}
.grupo-label {
    font-size: 40px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    font-size: 16px;
}
.accordion-button:not(.collapsed) {
      font-size: 19px;
}
.redes .sociais a {
    width: 40px;
}
.redes .sociais {
    gap: 10px;
}
.title-video {
 
    font-size: 32px;
}
.title-video-s2 {
 
    font-size: 32px;
}
}

@media (min-width:0px) and (max-width:580px) {
    .banner-comissao {
      background-size: cover !important;

    }
}

/* tablet: sobe um pouco e reduz */
@media (max-width: 991.98px){
  .icone-caderno{
    right: -6px;
    width: clamp(56px, 9vw, 84px);
  }
   .icone-duvida{
    right: -6px !important;
    width: clamp(56px, 9vw, 84px);
  }
}
@media (min-width:991px) and (max-width:1030px) {
	
.icone-caderno {
    right: -10px !important;
    
}
.icone-duvida {
    right: -10px !important;
    
}
}
@media (min-width:0px) and (max-width:385px) {
	
.icone-caderno {
  bottom: -110px !important;
  width: clamp(38px, 12vw, 7px) !important;

}
.icone-duvida {
  bottom: -80px !important;
  width: clamp(38px, 12vw, 7px) !important;

}
}
/* mobile: deixa mais contido */
@media (max-width: 575.98px){
  .icone-caderno{
    right: -4px;
    bottom: -100px;   
    width: clamp(48px, 12vw, 72px);
  }
   .icone-duvida{
    right: -4px !important;
    bottom: -100px !important;   
    width: clamp(48px, 12vw, 72px) !important;
  }
  .banner-prin .faixa {
    transform: translateY(50px) !important;
}
}

@media (min-width:0px) and (max-width:991px) {
	.titulo-sobre  {
		font-size: 30px;
		padding-top: 50px;
	}

	.sty-iframe {
    padding-top: 25px;
	}
	.redes a{
		width: 40px;
		padding-top: 30px;
	}
	.link-li li a {
    font-size: 22px;
    padding-bottom: 5px;
	padding-left: 0px; 
    padding-right: 0px; 
    font-weight: 600;
}
.balanca-mob{
	padding-top: 60px;
	padding-bottom: 60px;
}
.pad-mobile{
	padding-top: 40px;
}
.banner-prin .faixa {
    transform: translateY(60px);
}
.icone-caderno{
    bottom: -110px; 
        width: clamp(46px, 12vw, 72px);
  
  }
  .icone-duvida{
    bottom: -110px; 
        width: clamp(46px, 12vw, 72px);
  
  }
}


@media (min-width:992px) and (max-width:1199px) {
	
      .btn-prima {
        font-size: 25px;
        padding: 10px 35px 10px 35px;
    }
    .titulo-sobre {

    font-size: 45px;
}

 
}



/* telas muito pequenas: ícone menor ainda */
@media (max-width: 360px){
  .borda-preparando{ padding-right: 52px; }
  .icone-alerta{ width: 34px; right: 8px; }
}


/* ====== MOBILE ====== */
@media (max-width: 991.98px) {
  .logo-menu {
    width: 200px;
}
  /* a barra vira o referencial do painel */
  .nav-custom { 
    position: relative; 
    z-index: 1040; /* barra acima do painel */
  }

  /* botão sempre clicável acima do painel */
  .nav-custom .navbar-toggler { 
    z-index: 1050; 
  }

  /* painel do menu abre logo abaixo da barra e ocupa 100% */
  .nav-custom .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: #060644ef; /* sua cor primária */
    padding: .75rem 0 1rem;
    box-shadow: 0 10px 24px rgba(0,0,0,.25);
    z-index: 1030;
    border-radius: 5px;
  }

  /* evita “fantasmas” quando o collapse está fechado */
  .nav-custom .navbar-collapse.collapse:not(.show) {
    display: none !important;
  }

  /* mantém suas classes, só forçamos coluna no mobile */
  .nav-custom .navbar-nav {
    flex-direction: column !important;
    align-items: center;
    width: 100%;
    gap: .25rem;
  }

  /* área clicável mais confortável */
  .nav-custom .navbar-nav .nav-link {
    display: block;
    padding: .6rem 1rem;
    font-size: 1.125rem;
  }



}



/* Evita barra de rolagem horizontal no mobile */
html, body {
  overflow-x: hidden;
}



/* 🔧 Mobile: usar quase 100% da largura da tela */
@media (max-width: 500px){
  .video-embed-9x16{
    width: 250px;             /* ocupa 90% da largura da viewport */
    max-width: none;         /* remove limite do container */
    border-radius: 10px;
  }

  .video-embed-9x16 .yt-embed{
    transform: scale(1.00);  /* zoom bem leve */
  }
}



/* 🔧 Mobile: usar quase 100% da largura da tela */
@media (max-width: 390px){
  .video-embed-9x16{
    width: 150px;             /* ocupa 90% da largura da viewport */
    max-width: none;         /* remove limite do container */
    border-radius: 10px;
  }

}

/* em telas maiores, aumentamos a altura mínima pra não dar scroll interno curtinho */
@media (min-width: 768px) {
    .google-form-wrapper {
        min-height: 1200px;
    }
}

@media (min-width: 992px) {
    .google-form-wrapper {
        min-height: 1100px;
    }
}

@media (min-width:992px)  {
	
    .servicos-grid {
    margin-top: 1rem;
    margin-bottom: 3rem;
    row-gap: 2rem;
}
}

/* responsivo */
@media (max-width: 767.98px) {

    .servico-box {
        border-radius: 20px;
        padding: 5rem 1.25rem 2rem;
        text-align: center;
    }

    .servico-box-head {
        top: -2rem;
        left: 50%;
        transform: translateX(-50%);
        max-width: calc(100% - 2.5rem);
        text-align: center;
        align-items: center;
    }

    .servico-box-titulo {
        padding: 0.7rem 0.8rem;
        line-height: 1.25;
        word-break: break-word;
        font-size: 1.2rem;
    }

    .servico-box-titulo-small {
        font-size: 0.9rem;
        line-height: 1.3;
        margin-top: 0.4rem;
    }

    .servico-box-texto {
        font-size: 1.1rem;
        line-height: 1.5;
        max-width: 100%;
    }
}
/* Mobile */

@media (max-width: 991px) {

   

    /* Botão hamburguer = quadradinho branco arredondado com sombra */
    .navbar-toggler {
        background-color: #fff !important;
        border: 0 !important;
        border-radius: 6px;
        padding: 8px 10px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    }

    .navbar-toggler .navbar-toggler-icon {
        filter: none; /* mantém as barrinhas escuras padrão bootstrap */
    }

    /* A CAIXA DO MENU ABERTO (dropdown escuro arredondado)
       posição absoluta pra ficar flutuando igual seu print */
    .navbar-collapse {
        position: absolute;
        top: 60px;              /* ajusta pra ficar abaixo do topo */
        right: 1rem;            /* encostado na direita */
        width: 260px;
        background-color: rgba(5, 6, 40, 0.95); /* azul bem escuro quase preto */
        border-radius: 8px;
        padding: 20px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.6);
        z-index: 9999;

        display: block !important; /* o bootstrap controla via .show */
    }

    /* Quando está fechado (sem .show), some mesmo sendo absolute */
    .navbar-collapse.collapse:not(.show) {
        display: none !important;
    }

    /* A lista dentro do dropdown deve ficar em bloco vertical */
    .main-menu {
        display: block;
        margin: 0;
        padding: 0;
        gap: 0;
        width: 100%;
        justify-content: flex-start !important;
    }

    .main-menu > li {
        list-style: none;
        margin: 0 0 18px 0;
        padding: 0;
    }

    .main-menu > li:last-child {
        margin-bottom: 0;
    }

    /* LINK MOBILE:
       texto branco grande, centralizado, em CAPS
       sem cápsula preta, sem sombra */
    .main-menu > li > a {
        background: transparent !important;
        border: none !important;
        border-radius: 0;
        box-shadow: none !important;

        display: block;
        width: 100%;
        padding: 0;

        color: #fff !important;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.4;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
    }

    /* Hover no mobile: só dá um leve destaque */
    .main-menu > li > a:hover,
    .main-menu > li.current-menu-item > a,
    .main-menu > li.current-page-ancestor > a {
        background: transparent !important;
        color: #fff !important;
        text-decoration: none;
        filter: brightness(1.2);
    }

    /* Garante que o nav em si não injete cor por trás */
    .header-nav {
        background: transparent !important;
    }
}