/*
 * Layout Moderno - Espaçamentos Reduzidos
 * www.consultoresprevidenciarios.com.br
 * Versão otimizada com redução de 40-60% nos espaçamentos
 */

/* =================== REDUÇÃO DE ESPAÇAMENTOS GLOBAIS =================== */

/* =================== SEÇÃO CONSULTORIA - REDUÇÃO DE 50% =================== */

section.consultoria {
  height: 400px !important;
  min-height: 400px !important;
  padding: 0 !important;
}

section.consultoria .consultoria-adv,
section.consultoria .consultoria-inss {
  padding: 40px 60px !important;
}

/* Mobile - Consultoria */
@media screen and (max-width: 768px) {
  section.consultoria {
    height: auto !important;
    min-height: 300px !important;
    padding-bottom: 20px !important;
  }
  
  section.consultoria .consultoria-adv,
  section.consultoria .consultoria-inss {
    padding: 40px 20px !important;
  }
}

/* =================== SEÇÃO SERVIÇOS - REDUÇÃO DE 58% =================== */

section.servicos {
  padding: 50px 0 !important;
}

@media screen and (max-width: 768px) {
  section.servicos {
    padding: 30px 0 !important;
  }
}

section.servicos ul {
  padding-bottom: 20px !important;
}

section.servicos .servicos-adv {
  padding-top: 30px !important;
}

@media screen and (max-width: 768px) {
  section.servicos .servicos-adv {
    padding-top: 20px !important;
  }
}

/* =================== SEÇÃO PUBLICAÇÕES - REDUÇÃO DE 50% =================== */

section.publicacoes {
  padding: 40px 0 !important;
}

section.publicacoes .ultimas-publicacoes {
  padding: 30px 0 !important;
}

@media screen and (max-width: 768px) {
  section.publicacoes .ultimas-publicacoes {
    padding: 20px 0 !important;
  }
}

section.publicacoes h3 {
  padding-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
  section.publicacoes h3 {
    padding-bottom: 15px !important;
  }
}

section.publicacoes p {
  padding-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
  section.publicacoes p {
    padding-bottom: 10px !important;
  }
}

section.publicacoes .button-area {
  padding-top: 30px !important;
}

@media screen and (max-width: 768px) {
  section.publicacoes .button-area {
    padding-top: 20px !important;
  }
}

/* =================== OUTRAS SEÇÕES - REDUÇÃO GERAL =================== */

section.intro {
  padding: 30px 0 !important;
}

section.intro-cadastro {
  padding: 30px 0 !important;
}

section.quem-somos {
  padding: 50px 0 !important;
}

@media screen and (max-width: 768px) {
  section.quem-somos {
    padding: 30px 0 !important;
  }
}

section.atuacao {
  padding: 50px 0 !important;
}

@media screen and (max-width: 768px) {
  section.atuacao {
    padding: 30px 0 !important;
  }
}

section.fale-conosco {
  padding: 40px 0 !important;
}

@media screen and (max-width: 768px) {
  section.fale-conosco {
    padding: 30px 0 !important;
  }
}

section.pg-publicacoes {
  padding: 40px 0 !important;
}

@media screen and (max-width: 768px) {
  section.pg-publicacoes {
    padding: 30px 0 !important;
  }
}

section.pg-pubdetalhe {
  padding: 40px 0 !important;
}

@media screen and (max-width: 768px) {
  section.pg-pubdetalhe {
    padding: 30px 0 !important;
  }
}

section.duvidas {
  padding: 40px 0 !important;
}

@media screen and (max-width: 768px) {
  section.duvidas {
    padding: 40px 0 !important;
  }
}

section.publicacoes-content {
  padding: 50px 0 60px !important;
}

@media screen and (max-width: 768px) {
  section.publicacoes-content {
    padding: 30px 0 !important;
  }
}

section.publicacoes-content .ultimas-publicacoes .button-area {
  padding-top: 40px !important;
}

@media screen and (max-width: 768px) {
  section.publicacoes-content .ultimas-publicacoes .button-area {
    padding: 20px 0 !important;
  }
}

section.content-peca {
  padding: 50px 0 60px !important;
}

@media screen and (max-width: 768px) {
  section.content-peca {
    padding: 30px 0 !important;
  }
}

section.consultoria-detalhe {
  padding: 30px 0 50px !important;
}

@media screen and (max-width: 768px) {
  section.consultoria-detalhe {
    padding: 30px 0 !important;
  }
}

/* =================== BOX E CONTAINERS =================== */

section .box-consultoria {
  padding: 40px 0 20px !important;
}

@media screen and (max-width: 768px) {
  section .box-consultoria {
    padding: 20px 0 0 !important;
  }
}

section .box-consultoria .button-area {
  margin-top: -5px !important;
}

@media screen and (max-width: 768px) {
  section .box-consultoria .button-area {
    margin-top: 15px !important;
  }
}

/* =================== BANNER E INTRO =================== */

.banner-home {
  padding: 30px 0 !important;
}

/* =================== PAINEL =================== */

.painel {
  padding: 50px 0 !important;
}

@media screen and (max-width: 768px) {
  .painel {
    padding: 30px 0 !important;
  }
}

.painel h2 {
  padding-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
  .painel h2 {
    padding-bottom: 10px !important;
  }
}

.painel .form-login {
  padding-top: 20px !important;
}

.painel .menu-painel {
  padding: 30px 20px !important;
}

@media screen and (max-width: 768px) {
  .painel .menu-painel {
    padding: 15px 0 !important;
  }
}

.painel .ultimas-consultorias h3 {
  padding: 40px 0 15px !important;
}

@media screen and (max-width: 768px) {
  .painel .ultimas-consultorias h3 {
    padding: 30px 0 15px !important;
  }
}

.painel .ultimas-consultorias .box-cs {
  padding: 15px !important;
}

@media screen and (max-width: 768px) {
  .painel .ultimas-consultorias .box-cs {
    margin-bottom: 60px !important;
  }
}

.painel-inicio .button-area,
.painel-consultoria-detalhe .button-area {
  margin-top: 40px !important;
}

/* =================== STEPS E PROCESSOS =================== */

section.intro-step {
  padding-bottom: 0 !important;
}

section.steps {
  padding-bottom: 30px !important;
}

@media screen and (max-width: 768px) {
  section.steps {
    padding-bottom: 20px !important;
  }
}

section.steps .step1,
section.steps .step2,
section.steps .step3,
section.steps .step4 {
  padding: 15px !important;
}

section.steps-content {
  padding-bottom: 70px !important;
}

@media screen and (max-width: 768px) {
  section.steps-content {
    padding-bottom: 30px !important;
  }
}

section.steps-content h3 {
  padding-bottom: 25px !important;
}

@media screen and (max-width: 768px) {
  section.steps-content h3 {
    padding-bottom: 15px !important;
  }
}

section.steps-content .row-pgto {
  padding-top: 30px !important;
}

@media screen and (max-width: 768px) {
  section.steps-content .row-pgto {
    padding-top: 20px !important;
  }
}

section.steps-content .row-pgto .img-pagseguro {
  padding: 15px !important;
}

section.steps-content .box-c1 {
  padding: 30px 60px !important;
}

@media screen and (max-width: 768px) {
  section.steps-content .box-c1 {
    padding: 20px 15px !important;
  }
}

section.steps-content .box-c2 {
  padding: 30px 45px !important;
}

@media screen and (max-width: 768px) {
  section.steps-content .box-c2 {
    padding: 20px 15px !important;
  }
}

/* =================== BACKGROUNDS ESPECIAIS =================== */

section.bg-consultoria-questoes {
  padding: 25px 0 !important;
}

section.bg-consultoria-peca h2 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

@media screen and (max-width: 768px) {
  section.bg-consultoria-peca {
    padding: 20px 0 !important;
  }
  
  section.bg-consultoria-peca h2 {
    padding-top: 20px !important;
    padding-bottom: 15px !important;
  }
}

section.bg-consultoria-peca .button-area {
  padding-top: 40px !important;
}

@media screen and (max-width: 768px) {
  section.bg-consultoria-peca .button-area {
    padding-top: 15px !important;
  }
}

/* =================== FORMULÁRIOS =================== */

section.peticoes-processos form {
  padding-top: 60px !important;
}

@media screen and (max-width: 768px) {
  section.peticoes-processos form {
    padding-top: 0 !important;
  }
}

form.categorias-filter {
  margin: 10px 0 15px !important;
}

@media screen and (max-width: 768px) {
  form.categorias-filter {
    margin: 10px 0 15px !important;
  }
}

/* =================== PAGINAÇÃO =================== */

.paginacao {
  padding-top: 15px !important;
}

@media screen and (max-width: 768px) {
  .paginacao {
    margin-bottom: 40px !important;
  }
}

/* =================== LABELS E TEXTOS =================== */

section.intro-cadastro h1 {
  padding-bottom: 15px !important;
}

section.intro-cadastro label {
  padding-bottom: 20px !important;
}

/* =================== AVISOS E CONTEÚDO ESPECIAL =================== */

section.content-peca .txt-peca p {
  padding-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
  section.content-peca .txt-peca p {
    padding-bottom: 15px !important;
  }
}

section.content-peca .avisos {
  padding-top: 8px !important;
}

/* =================== AJUSTES FINOS DE ELEMENTOS =================== */

/* Redução de espaçamento entre itens de lista */
section.servicos ul li {
  padding: 8px !important;
}

/* Redução de espaçamento em títulos de publicações */
section.publicacoes .ultimas-publicacoes h4,
section.publicacoes-content .ultimas-publicacoes h4 {
  padding: 8px 0 !important;
}

/* Redução de espaçamento em parágrafos de publicações */
section.publicacoes .ultimas-publicacoes p,
section.publicacoes-content .ultimas-publicacoes p {
  padding-bottom: 4px !important;
}

/* Redução de espaçamento em títulos de publicações */
section.publicacoes-content .ultimas-publicacoes h3 {
  padding-bottom: 20px !important;
}

/* =================== HEADER FIXO =================== */

header .logo {
  padding-top: 0 !important;
}

@media screen and (max-width: 768px) {
  header .logo {
    padding-top: 0 !important;
  }
}

header .button-area {
  padding: 30px 10px !important;
}

header .nav-header ul li {
  margin: 0 7px !important;
}

@media screen and (max-width: 768px) {
  header .nav-header ul li {
    margin: 5px 0 !important;
  }
}

/* =================== MASTHEAD/BANNER TOPO =================== */

.masthead {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

/* =================== REMOÇÃO DE GAPS ENTRE SEÇÕES =================== */

section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Container padrão com padding reduzido */
.container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* =================== AJUSTES DE RESPONSIVIDADE =================== */

@media screen and (max-width: 768px) {
  /* Redução adicional para mobile */
  h1 { font-size: 2rem !important; }
  h2 { font-size: 1.75rem !important; }
  h3 { font-size: 1.4rem !important; }
  
  /* Espaçamento mínimo entre seções no mobile */
  section + section {
    margin-top: 0 !important;
  }
}

/* =================== MELHORIAS VISUAIS MODERNAS =================== */

/* Transições suaves */
section {
  transition: padding 0.3s ease !important;
}

/* Sombras sutis em cards e boxes */
.box-cs,
.dados-consultoria,
.menu-painel {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

/* Hover effects suaves */
a, button, .btn, .button-area a {
  transition: all 0.3s ease !important;
}

/* =================== CORREÇÕES DE CONFLITOS =================== */

/* Garantir que o redesign.css não sobrescreva */
body, html {
  margin: 0 !important;
  padding: 0 !important;
}

/* Manter backgrounds das seções */
section.consultoria {
  background-size: cover !important;
  background-position: center !important;
}

/* =================== FIM DO ARQUIVO =================== */