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

html {
  scroll-behavior: smooth;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background: #f7f9fc;
  color: #1d2a3a;
  line-height: 1.6;
}

a {
  text-decoration: none;
  color: inherit;
}

.container {
  width: 92%;
  max-width: 1180px;
  margin: 0 auto;
}

/* TOPO */

.topo {
  background: #082a57;
  color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

.menu {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.logo {
  font-size: 26px;
  font-weight: 800;
}

nav {
  display: flex;
  gap: 22px;
  align-items: center;
  flex-wrap: wrap;
}

nav a {
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
}

nav a:hover {
  color: #f6c400;
}

/* HERO */

.hero {
  background: linear-gradient(135deg, #082a57 0%, #0d4d91 100%);
  color: #ffffff;
  padding: 95px 0;
}

.hero-conteudo {
  max-width: 780px;
}

.destaque {
  display: inline-block;
  background: #f6c400;
  color: #082a57;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 18px;
}

.hero h1 {
  font-size: 52px;
  line-height: 1.08;
  margin-bottom: 20px;
}

.hero p {
  font-size: 20px;
  max-width: 720px;
  color: #e6eef8;
  margin-bottom: 30px;
}

/* BOTÕES */

.botoes {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.botao {
  display: inline-block;
  padding: 14px 22px;
  border-radius: 8px;
  font-weight: 800;
  transition: 0.2s ease;
}

.botao:hover {
  transform: translateY(-2px);
}

.whatsapp {
  background: #25d366;
  color: white;
}

.amarelo {
  background: #f6c400;
  color: #082a57;
}

.azul {
  background: #082a57;
  color: white;
}

/* SERVIÇOS */

.servicos {
  padding: 80px 0;
}

.titulo-secao {
  text-align: center;
  margin-bottom: 42px;
}

.titulo-secao h2 {
  color: #082a57;
  font-size: 38px;
  margin-bottom: 8px;
}

.titulo-secao p {
  color: #6a7688;
  font-size: 18px;
}

.grade-servicos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.card {
  background: #ffffff;
  border-radius: 16px;
  padding: 30px 26px;
  box-shadow: 0 8px 30px rgba(8, 42, 87, 0.08);
  border: 1px solid #e5eaf1;
  transition: 0.25s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 36px rgba(8, 42, 87, 0.14);
}

.icone {
  font-size: 38px;
  margin-bottom: 18px;
}

.card h3 {
  color: #082a57;
  font-size: 22px;
  margin-bottom: 12px;
}

.card p {
  color: #5f6b7a;
  margin-bottom: 18px;
}

.link-card {
  color: #0d4d91;
  font-weight: 800;
}

/* DHL DESTAQUE */

.dhl-destaque {
  padding: 80px 0;
  background: #eef4fa;
}

.bloco-dhl {
  background: #ffffff;
  border-radius: 18px;
  padding: 48px;
  box-shadow: 0 10px 34px rgba(8, 42, 87, 0.08);
}

.bloco-dhl h2 {
  color: #082a57;
  font-size: 38px;
  margin-bottom: 16px;
}

.bloco-dhl p {
  color: #5f6b7a;
  font-size: 18px;
  max-width: 760px;
  margin-bottom: 22px;
}

.bloco-dhl ul {
  padding-left: 20px;
  margin-bottom: 28px;
}

.bloco-dhl li {
  margin-bottom: 8px;
}

/* BENEFÍCIOS */

.beneficios {
  padding: 80px 0;
}

.grade-beneficios {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.beneficio {
  background: #ffffff;
  border-radius: 14px;
  padding: 26px;
  text-align: center;
  border: 1px solid #e6ebf2;
}

.beneficio strong {
  display: block;
  color: #082a57;
  font-size: 19px;
  margin-bottom: 8px;
}

.beneficio p {
  color: #6a7688;
}

/* CTA */

.cta {
  background: #082a57;
  color: white;
  text-align: center;
  padding: 70px 0;
}

.cta h2 {
  font-size: 38px;
  margin-bottom: 10px;
}

.cta p {
  font-size: 18px;
  margin-bottom: 24px;
}

/* RODAPÉ */

footer {
  background: #061d3b;
  color: white;
  padding-top: 55px;
}

.rodape {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 40px;
  padding-bottom: 40px;
}

.rodape h3,
.rodape h4 {
  margin-bottom: 12px;
}

.rodape p,
.rodape a {
  display: block;
  color: #c9d4e1;
  margin-bottom: 7px;
}

.rodape a:hover {
  color: #f6c400;
}

.copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  text-align: center;
  padding: 20px;
  color: #aebccc;
}

/* WHATSAPP FLUTUANTE */

.whatsapp-flutuante {
  position: fixed;
  right: 22px;
  bottom: 22px;
  background: #25d366;
  color: white;
  padding: 15px 20px;
  border-radius: 999px;
  font-weight: 800;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
  z-index: 999;
}

.whatsapp-flutuante:hover {
  transform: translateY(-2px);
}

/* RESPONSIVO */

@media (max-width: 1000px) {
  .grade-servicos,
  .grade-beneficios {
    grid-template-columns: repeat(2, 1fr);
  }

  .hero h1 {
    font-size: 44px;
  }
}

@media (max-width: 760px) {
  .menu {
    flex-direction: column;
    padding: 18px 0;
  }

  nav {
    justify-content: center;
    gap: 14px;
  }

  .hero {
    padding: 65px 0;
  }

  .hero h1 {
    font-size: 36px;
  }

  .hero p {
    font-size: 18px;
  }

  .grade-servicos,
  .grade-beneficios {
    grid-template-columns: 1fr;
  }

  .bloco-dhl {
    padding: 30px 22px;
  }

  .bloco-dhl h2,
  .titulo-secao h2,
  .cta h2 {
    font-size: 30px;
  }

  .rodape {
    grid-template-columns: 1fr;
  }
}/* ========================================
   NOVO VISUAL HOMEPAGE CB CÂMBIO
======================================== */

.barra-superior {
  background: #062a61;
  color: #ffffff;
  padding: 10px 0;
}

.barra-conteudo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.marca-topo {
  display: flex;
  align-items: center;
  gap: 15px;
}

.marca-topo strong {
  font-size: 24px;
}

.marca-topo span {
  font-size: 12px;
  border-left: 1px solid rgba(255,255,255,.4);
  padding-left: 15px;
}

.contatos-topo {
  display: flex;
  gap: 22px;
  font-size: 14px;
}

.contatos-topo a {
  color: #ffffff;
}

.menu-principal {
  background: #ffffff;
  box-shadow: 0 3px 15px rgba(0,0,0,.07);
  position: sticky;
  top: 0;
  z-index: 999;
}

.menu-principal .menu {
  min-height: 70px;
}

.menu-principal nav {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

.menu-principal nav a {
  color: #062a61;
  font-weight: 700;
  font-size: 14px;
}

.menu-principal nav a:hover {
  color: #0d70d5;
}

.menu-principal nav .ativo {
  background: #cfe8ff;
  padding: 10px 15px;
  border-radius: 12px;
}

.botao-cotacao {
  background: #ffca00;
  color: #071c3b;
  padding: 13px 20px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.hero-novo {
  padding: 22px 0;
}

.hero-box {
  min-height: 320px;

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.92) 30%,
      rgba(255,255,255,.20) 65%
    ),
    url("imagens/hero-cambio.jpg");

  background-size: cover;
  background-position: center;

  border-radius: 30px;

  display: flex;
  align-items: center;

  overflow: hidden;
}

.hero-texto {
  padding: 45px 55px;
  max-width: 600px;
}

.hero-texto h1 {
  color: #082e6b;
  font-size: 52px;
  line-height: 1;
  margin-bottom: 20px;
}

.hero-texto p {
  color: #13213a;
  font-size: 19px;
  max-width: 480px;
}

.hero-beneficios {
  display: flex;
  gap: 25px;
  margin-top: 20px;
  font-weight: 700;
  color: #082e6b;
  flex-wrap: wrap;
}

.area-servicos {
  padding: 0 0 35px;
}

.cards-principais {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}

.servico-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #e0e5ed;
  box-shadow: 0 7px 22px rgba(15, 42, 80, .10);
  transition: .25s;
}

.servico-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(15, 42, 80, .17);
}

.card-cabecalho {
  background:
    linear-gradient(
      135deg,
      #082e6b,
      #031b48
    );

  color: white;
  min-height: 84px;

  display: flex;
  align-items: center;

  padding: 14px;
  gap: 12px;
}

.numero {
  background: white;
  color: #082e6b;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  flex-shrink: 0;
}

.card-cabecalho h2 {
  font-size: 16px;
  line-height: 1.15;
  margin: 0;
}

.card-cabecalho small {
  color: #d7e3f4;
}

.servico-card > img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}

.card-conteudo {
  padding: 17px;
}

.card-conteudo h3 {
  color: #10264a;
  font-size: 17px;
  line-height: 1.1;
  margin-bottom: 10px;
}

.card-conteudo p {
  font-size: 14px;
  color: #4f5b6c;
  min-height: 66px;
}

.acoes-card {
  display: flex;
  gap: 7px;
  margin: 15px 0;
  flex-wrap: wrap;
}

.btn-amarelo {
  background: #ffca00;
  color: #071c3b;
  padding: 10px 12px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 900;
  display: inline-block;
}

.btn-verde {
  background: #16bd58;
  color: white;
  padding: 10px 12px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 900;
  display: inline-block;
}

.mini-beneficios {
  border-top: 1px solid #e3e7ec;
  margin-top: 15px;
  padding-top: 18px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  text-align: center;
}

.mini-beneficios span {
  font-size: 9px;
  color: #172847;
  line-height: 1.2;
}

/* =========================================
   DIFERENCIAIS - ESTILO BOUTIQUE
========================================= */

.faixa-diferenciais{
  padding: 34px 0;
  background: transparent;
}

.diferenciais{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;

  max-width: 1180px;
  margin: 0 auto;

  background:
    linear-gradient(
      90deg,
      rgba(239,247,255,0.96) 0%,
      rgba(232,243,253,0.96) 100%
    );

  border: 1px solid rgba(20,62,112,0.08);
  border-radius: 26px;

  box-shadow:
    0 12px 30px rgba(10,47,104,0.05);

  overflow: hidden;
}


/* CADA ITEM */

.diferenciais > div{
  min-height: 110px;

  display: grid;
  grid-template-columns: 34px 1fr;
  grid-template-rows: auto auto;

  column-gap: 16px;
  row-gap: 7px;

  align-content: center;

  padding: 24px 30px;

  position: relative;

  color: #0b3474;
}


/* divisória vertical */

.diferenciais > div:not(:last-child)::after{
  content: "";

  position: absolute;

  right: 0;
  top: 24px;
  bottom: 24px;

  width: 1px;

  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(30,79,130,0.22) 20%,
      rgba(30,79,130,0.22) 80%,
      transparent 100%
    );
}


/* ÍCONE */

.diferenciais > div{
  font-size: 20px;
}

.diferenciais > div > strong{
  grid-column: 2;
  grid-row: 1;

  align-self: end;

  font-size: 18px;
  line-height: 1.15;

  font-weight: 700;

  color: #0b3474;
}


/* SUBTÍTULO */

.diferenciais > div > small{
  grid-column: 2;
  grid-row: 2;

  align-self: start;

  font-size: 14px;
  line-height: 1.4;

  color: #5d718c;

  font-weight: 400;
}


/* RESPONSIVO */

@media(max-width: 900px){

  .diferenciais{
    grid-template-columns: repeat(2, 1fr);
  }

  .diferenciais > div:nth-child(2)::after{
    display: none;
  }

}


@media(max-width: 600px){

  .diferenciais{
    grid-template-columns: 1fr;
  }

  .diferenciais > div{
    min-height: 90px;
    padding: 22px 26px;
  }

  .diferenciais > div::after{
    display: none !important;
  }

}
.atalhos {
  padding-bottom: 25px;
}

.grade-atalhos {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}

.grade-atalhos a {
  background: #eef6ff;
  border: 1px solid #cadcef;
  border-radius: 13px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  color: #082e6b;
}

.grade-atalhos strong {
  margin-top: 8px;
  font-size: 13px;
}

.grade-atalhos small {
  color: #5a697c;
}

footer {
  background: #062a61;
  color: white;
  padding: 20px;
  text-align: center;
}

.whatsapp-flutuante {
  position: fixed;
  right: 24px;
  bottom: 24px;
  background: #12bc56;
  color: white;
  padding: 16px 21px;
  border-radius: 50px;
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(0,0,0,.2);
  z-index: 1000;
}

@media (max-width: 1250px) {

  .cards-principais {
    grid-template-columns: repeat(3, 1fr);
  }

}

@media (max-width: 850px) {

  .barra-conteudo {
    flex-direction: column;
    gap: 10px;
  }

  .contatos-topo {
    flex-wrap: wrap;
    justify-content: center;
  }

  .menu-principal .menu {
    flex-direction: column;
    padding: 15px 0;
  }

  .menu-principal nav {
    justify-content: center;
    flex-wrap: wrap;
  }

  .hero-texto h1 {
    font-size: 38px;
  }

  .cards-principais {
    grid-template-columns: repeat(2, 1fr);
  }

  .diferenciais {
    grid-template-columns: repeat(2, 1fr);
  }

  .grade-atalhos {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media (max-width: 550px) {

  .cards-principais {
    grid-template-columns: 1fr;
  }

  .hero-box {
    min-height: 440px;
  }

  .hero-texto {
    padding: 30px;
  }

  .diferenciais {
    grid-template-columns: 1fr;
  }

  .grade-atalhos {
    grid-template-columns: 1fr;
  }

}/* AJUSTES FINAIS DA HOME */

.cards-principais{
  align-items: stretch;
}

.servico-card{
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.servico-card > img{
  height: 215px;
  object-fit: cover;
}

.card-conteudo{
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 22px 26px;
}

.card-conteudo h3{
  min-height: 58px;
  font-size: 27px;
  line-height: 1.02;
}

.card-conteudo p{
  font-size: 18px;
  line-height: 1.55;
  min-height: 115px;
  margin-bottom: 16px;
}

.acoes-card{
  margin-top: auto;
}

.btn-amarelo,
.btn-verde{
  font-size: 13px;
  padding: 13px 18px;
}

.mini-beneficios{
  margin-top: 20px;
  min-height: 75px;
}

.whatsapp-flutuante{
  right: 28px;
  bottom: 28px;
  padding: 14px 22px;
  font-size: 16px;
}

@media (min-width: 1400px){

  .container{
    width: 96%;
    max-width: 1750px;
  }

  .cards-principais{
    gap: 22px;
  }

  .card-cabecalho{
    min-height: 125px;
    padding: 22px;
  }

  .card-cabecalho h2{
    font-size: 25px;
  }

  .card-cabecalho small{
    font-size: 17px;
  }

  .numero{
    width: 55px;
    height: 55px;
    font-size: 24px;
  }
}/* AJUSTE DE PROPORÇÃO DOS CARDS */

.cards-principais{
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.servico-card{
  max-height: 610px;
}

.card-cabecalho{
  min-height: 95px;
  padding: 16px 18px;
}

.card-cabecalho h2{
  font-size: 18px;
  line-height: 1.05;
}

.card-cabecalho small{
  font-size: 14px;
}

.numero{
  width: 42px;
  height: 42px;
  font-size: 18px;
}

.servico-card > img{
  height: 180px;
  object-fit: cover;
}

.card-conteudo{
  padding: 18px 22px;
}

.card-conteudo h3{
  font-size: 22px;
  line-height: 1.05;
  min-height: auto;
  margin-bottom: 12px;
}

.card-conteudo p{
  font-size: 15px;
  line-height: 1.4;
  min-height: 70px;
}

.btn-amarelo,
.btn-verde{
  font-size: 11px;
  padding: 10px 12px;
}

.mini-beneficios{
  min-height: auto;
  padding-top: 14px;
}

.mini-beneficios span{
  font-size: 8px;
}

.whatsapp-flutuante{
  right: 22px;
  bottom: 22px;
  padding: 12px 18px;
  font-size: 14px;
}/* ===== AJUSTE DOS CARDS ===== */

.servico-card {
  display: flex;
  flex-direction: column;
}

.card-conteudo {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Faz a área dos botões ficar sempre alinhada */
.card-botoes {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  padding-top: 10px;
}

/* Deixa os dois botões com o mesmo tamanho */
.card-botoes .btn-amarelo,
.card-botoes .btn-verde {
  width: 230px;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 12px;
  font-weight: 700;
}

/* Remove o caminho que aparece abaixo do título */
.card-cabecalho small,
.card-cabecalho .slug,
.card-cabecalho .rota {
  display: none !important;
}/* ===== AJUSTE FINAL DE ALINHAMENTO ===== */

/* Evita que o menu fique por cima do conteúdo */
.menu-principal{
  position: relative;
}

/* Mantém todos os cards com a mesma estrutura */
.card-conteudo{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Reserva a mesma altura para o texto */
.card-conteudo p{
  min-height: 95px;
}

/* Mantém os botões na mesma altura */
.card-botoes{
  margin-top: auto;
  width: 100%;
}

/* Botões ocupando a largura disponível */
.card-botoes .btn-amarelo,
.card-botoes .btn-verde{
  width: 100%;
  box-sizing: border-box;
}

/* Ajuste específico do card Sobre Nós */
.servico-card:last-child .btn-amarelo{
  width: 100%;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Espaçamento abaixo dos cards */
.area-servicos{
  padding-bottom: 45px;
}/* ===== CARDS PRINCIPAIS | ESTILO BOUTIQUE ===== */

.cards-principais{
  display: flex;
  gap: 28px;
  align-items: stretch;
  margin-top: 40px;
}

.servico-card{
  background: #ffffff;
  border: 1px solid #e8edf3;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(10, 37, 64, 0.06);
  height: 100%;
  max-height: none !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.servico-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(10, 37, 64, 0.10);
}

.servico-card img{
  width: 100%;
  height: 210px;
  object-fit: cover;
  display: block;
}

.card-conteudo{
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 28px 24px 24px;
}

.card-conteudo h3{
  font-size: 26px;
  line-height: 1.08;
  font-weight: 800;
  color: #0b2d67;
  margin: 0 0 18px 0;
  min-height: 108px !important;
}

.card-conteudo p{
  font-size: 18px;
  line-height: 1.55;
  color: #3f5675;
  margin: 0 0 28px 0;
  min-height: 138px !important;
}

/* área dos botões */
.card-botoes{
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: auto;
}

/* botões mais elegantes */
.card-botoes .btn-amarelo,
.card-botoes .btn-verde{
  width: 100%;
  min-height: 58px !important;
  padding: 0 20px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.2px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  margin: 0 !important;
  box-shadow: none;
}

.card-botoes .btn-amarelo{
  background: #f4c400;
  color: #0b2d67;
}

.card-botoes .btn-verde{
  background: #22c55e;
  color: #ffffff;
}

/* linha divisória e ícones */
.mini-beneficios{
  margin-top: 24px !important;
  padding-top: 18px;
  border-top: 1px solid #e8edf3;
  min-height: 64px;
}

.mini-beneficios .item{
  font-size: 13px;
  color: #445b78;
}

.mini-beneficios .item i{
  font-size: 15px;
  margin-bottom: 6px;
}

/* remove qualquer topo antigo com /dhl-bauru, /sobre, etc */
.card-topo small,
.card-topo .slug,
.card-numero + div p{
  display: none !important;
}

/* topo do card mais leve */
.card-topo{
  background: #0b2d67;
  color: #ffffff;
  padding: 20px 22px;
}

.card-topo h4{
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0;
}

.card-numero{
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 50%;
  background: #ffffff;
  color: #0b2d67;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 800;
}/* ===== CORREÇÃO PARA RESTAURAR OS 5 CARDS ===== */

.cards-principais{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  margin-top: 20px !important;
}

.servico-card{
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  max-height: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.area-servicos{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 20px 0 40px !important;
}

.servico-card img{
  display: block !important;
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
}

.card-conteudo{
  display: flex !important;
  flex-direction: column !important;
  padding: 22px !important;
}

.card-botoes{
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

.card-botoes .btn-amarelo,
.card-botoes .btn-verde{
  min-height: 54px !important;
  width: 100% !important;
  border-radius: 12px !important;
}/* REMOVE OS MINI BENEFÍCIOS DOS CARDS */
.mini-beneficios{
  display: none !important;
}/* ===== PADRONIZAÇÃO DOS TEXTOS DOS CARDS ===== */

.card-conteudo{
  display: flex;
  flex-direction: column;
  padding: 24px 28px 26px;
  height: 100%;
}

/* Títulos com mesma área */
.card-conteudo h3{
  font-size: 24px;
  line-height: 1.08;
  font-weight: 800;
  color: #0b2d67;

  margin: 0 0 18px 0;

  min-height: 105px !important;

  display: flex;
  align-items: flex-start;
}

/* Descrições com mesma área */
.card-conteudo p{
  font-size: 17px;
  line-height: 1.45;
  color: #405875;

  margin: 0 0 22px 0;

  min-height: 115px !important;
}

/* Botões sempre começam na mesma linha */
.card-botoes{
  margin-top: auto !important;
}

/* Ajuste para o título não ficar exagerado */
@media (min-width: 1400px){

  .card-conteudo h3{
    font-size: 22px;
    min-height: 95px !important;
  }

  .card-conteudo p{
    font-size: 16px;
    min-height: 105px !important;
  }

}/* ===== CORREÇÃO DE TÍTULOS LONGOS ===== */

.card-conteudo h3{
  width: 100%;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;

  font-size: 22px;
  line-height: 1.08;

  min-height: 95px !important;
}

/* primeiro card: título DHL um pouco menor */
.servico-card:nth-child(1) .card-conteudo h3{
  font-size: 20px;
  line-height: 1.08;
}/* AJUSTE DOS TÍTULOS LONGOS DO TOPO DOS CARDS */

.servico-card:nth-child(1) .card-cabecalho h2,
.servico-card:nth-child(4) .card-cabecalho h2{
  font-size: 16px !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  max-width: 190px;
}

/* deixa o conteúdo do cabeçalho bem encaixado */
.card-cabecalho{
  overflow: hidden;
}

.card-cabecalho > div{
  min-width: 0;
}/* ===== CORREÇÃO FINAL DOS TÍTULOS DO TOPO ===== */

.card-cabecalho h2{
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* Card 1 */
.servico-card:nth-child(1) .card-cabecalho h2{
  font-size: 15px !important;
  line-height: 1.12 !important;
  max-width: 210px !important;
}

/* Card 4 */
.servico-card:nth-child(4) .card-cabecalho h2{
  font-size: 15px !important;
  line-height: 1.12 !important;
  max-width: 210px !important;
}/* CORREÇÃO DEFINITIVA DO TÍTULO DHL */

.servico-card:nth-child(1) .card-conteudo h3{
  font-size: 18px !important;
  line-height: 1.12 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;

  max-width: 100% !important;
  width: 100% !important;

  letter-spacing: -0.2px !important;
}/* PADRÃO DOS TÍTULOS INTERNOS DOS 5 CARDS */

.card-conteudo h3{
  font-size: 18px !important;
  line-height: 1.12 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;

  width: 100% !important;
  max-width: 100% !important;

  letter-spacing: -0.2px !important;

  min-height: 72px !important;
  margin-bottom: 16px !important;
}/* =========================================
   TOPO / HERO - ESTILO BOUTIQUE
========================================= */

/* faixa superior */
.barra-superior{
  background: #082e6b;
  color: #ffffff;
  padding: 8px 0;
}

.barra-conteudo{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.marca-topo strong{
  font-size: 20px;
  font-weight: 700;
}

.marca-topo span{
  font-size: 11px;
  opacity: .80;
}

.contatos-topo{
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: 13px;
}

.contatos-topo a{
  color: #ffffff;
  text-decoration: none;
}


/* menu */
.menu-principal{
  background: rgba(255,255,255,.98);
  border-bottom: 1px solid #edf1f5;
  box-shadow: 0 4px 18px rgba(13,45,87,.04);
  position: relative;
  z-index: 50;
}

.menu-principal .menu{
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.menu-principal nav{
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.menu-principal nav a{
  color: #15345f;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: .2s ease;
}

.menu-principal nav a:hover{
  color: #0b6dcc;
}

.menu-principal nav .ativo{
  background: #eef6ff;
  padding: 9px 13px;
  border-radius: 10px;
}

.botao-cotacao{
  background: #f4c400;
  color: #082e6b;
  padding: 11px 18px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}


/* hero */
.hero-novo{
  padding: 24px 0 34px;
}

.hero-box{
  min-height: 330px;
  border-radius: 28px;
  overflow: hidden;

  display: flex;
  align-items: center;

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.94) 32%,
      rgba(255,255,255,.55) 50%,
      rgba(255,255,255,.05) 72%
    ),
    url("imagens/hero-cambio.jpg");

  background-size: cover;
  background-position: center right;

  box-shadow: 0 16px 40px rgba(14,47,89,.08);
}

.hero-texto{
  max-width: 560px;
  padding: 46px 52px;
}

.hero-texto h1{
  color: #0a326f;
  font-size: 42px;
  line-height: 1.03;
  font-weight: 700;
  letter-spacing: -1px;
  margin: 0 0 18px;
}

.hero-texto p{
  color: #435b79;
  font-size: 17px;
  line-height: 1.55;
  max-width: 470px;
  margin: 0;
}

.hero-beneficios{
  display: flex;
  gap: 22px;
  flex-wrap: wrap;

  margin-top: 24px;

  color: #0a326f;
  font-size: 14px;
  font-weight: 600;
}

.hero-beneficios span{
  display: flex;
  align-items: center;
  gap: 6px;
}


/* espaço entre hero e cards */
.area-servicos{
  padding-top: 10px !important;
}


/* versão tablet */
@media (max-width: 950px){

  .barra-conteudo{
    flex-direction: column;
    gap: 8px;
  }

  .menu-principal .menu{
    flex-direction: column;
    padding: 15px 0;
  }

  .menu-principal nav{
    justify-content: center;
  }

  .hero-box{
    min-height: 390px;
    background-position: 65% center;
  }

  .hero-texto{
    padding: 38px;
  }

  .hero-texto h1{
    font-size: 36px;
  }

}


/* versão celular */
@media (max-width: 600px){

  .contatos-topo{
    justify-content: center;
    flex-wrap: wrap;
  }

  .hero-box{
    min-height: 450px;

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.92) 45%,
        rgba(255,255,255,.15) 100%
      ),
      url("imagens/hero-cambio.jpg");

    background-size: cover;
    background-position: 70% center;
  }

  .hero-texto{
    padding: 30px 26px;
    align-self: flex-start;
  }

  .hero-texto h1{
    font-size: 31px;
  }

  .hero-texto p{
    font-size: 15px;
  }

  .hero-beneficios{
    gap: 12px;
    font-size: 13px;
  }

}/* =========================================
   ECOSSISTEMA CB — ESTILO BOUTIQUE
========================================= */

.grupo-empresas{
  padding: 90px 0 100px;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fafc 100%
    );
}

.grupo-topo{
  max-width: 780px;
  margin: 0 auto 52px;
  text-align: center;
}

.grupo-subtitulo{
  display: block;
  color: #b88a2b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  margin-bottom: 12px;
}

.grupo-topo h2{
  color: #0a2f68;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.15;
  margin: 0 0 16px;
}

.grupo-topo p{
  color: #66758a;
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
}


/* estrutura */

.grupo-estrutura{
  max-width: 1120px;
  margin: 0 auto;
}


/* cards */

.grupo-card{
  background: #ffffff;
  border: 1px solid #e3e9ef;
  border-radius: 24px;
  box-shadow:
    0 15px 35px rgba(10,47,104,.07);

  transition: .3s ease;
}

.grupo-card:hover{
  transform: translateY(-4px);

  box-shadow:
    0 22px 45px rgba(10,47,104,.11);
}


/* grupo principal */

.grupo-card-principal{
  max-width: 650px;
  margin: 0 auto;

  padding: 30px 38px;

  display: grid;
  grid-template-columns: 190px 1fr;
  align-items: center;
  gap: 34px;

  border-color: #d7b65e;
}


/* logo */

.grupo-logo-box{
  height: 140px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 15px;
}

.grupo-logo-box img{
  display: block;
  max-width: 100%;
  max-height: 115px;
  object-fit: contain;
}

.grupo-logo-principal{
  border-right: 1px solid #e3cc8b;
}


/* conteúdo */

.grupo-info{
  text-align: left;
}

.grupo-tag{
  display: block;

  color: #b68a2e;

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;

  margin-bottom: 8px;
}

.grupo-info h3{
  margin: 0 0 10px;

  color: #0a2f68;

  font-size: 27px;
  font-weight: 600;
}

.grupo-info p{
  margin: 0;

  color: #66758a;

  font-size: 14px;
  line-height: 1.6;
}


/* conexão entre as empresas */

.grupo-conexao{
  height: 70px;
  position: relative;
}

.grupo-conexao::before{
  content: "";

  position: absolute;

  width: 1px;
  height: 38px;

  background: #c49a3a;

  top: 0;
  left: 50%;
}

.grupo-conexao::after{
  content: "";

  position: absolute;

  width: 55%;
  height: 1px;

  background: #c49a3a;

  bottom: 31px;
  left: 50%;

  transform: translateX(-50%);
}


/* empresas abaixo */

.grupo-filhas{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;

  max-width: 1050px;
  margin: 0 auto;
}

.grupo-card-filho{
  display: grid;
  grid-template-columns: 180px 1fr;
  align-items: center;
  gap: 28px;

  padding: 28px 30px;
}

.grupo-card-filho:first-child{
  border-color: #8ccdd6;
}

.grupo-card-filho:last-child{
  border-color: #dfdfdf;
}

.grupo-card-filho .grupo-logo-box{
  border-right: 1px solid #e4e9ef;
}


/* celular */

@media(max-width: 850px){

  .grupo-filhas{
    grid-template-columns: 1fr;
  }

  .grupo-conexao::after{
    display: none;
  }

}


@media(max-width: 600px){

  .grupo-empresas{
    padding: 65px 0;
  }

  .grupo-topo h2{
    font-size: 30px;
  }

  .grupo-card-principal,
  .grupo-card-filho{
    grid-template-columns: 1fr;
    text-align: center;
  }

  .grupo-info{
    text-align: center;
  }

  .grupo-logo-principal,
  .grupo-card-filho .grupo-logo-box{
    border-right: none;
  }

}/* =========================================
   TOPO COM LOGOS DO GRUPO
========================================= */

.topo-marcas{
  background: #0b2d67;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.topo-marcas-conteudo{
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.topo-marca-principal,
.topo-marca-item{
  display: flex;
  align-items: center;
  gap: 12px;
}

.topo-marca-principal img{
  width: 72px;
  height: 72px;
  object-fit: contain;
  background: #ffffff;
  padding: 6px;
  border-radius: 14px;
}

.topo-marcas-secundarias{
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

.topo-marca-item img{
  width: 64px;
  height: 64px;
  object-fit: contain;
  background: #ffffff;
  padding: 6px;
  border-radius: 12px;
}

.topo-texto{
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.topo-texto span{
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #d7b56d;
}

.topo-texto strong{
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}

.topo-marca-item .topo-texto strong{
  font-size: 17px;
}

.topo-divisor{
  width: 1px;
  height: 56px;
  background: rgba(255,255,255,0.18);
}

/* RESPONSIVO */
@media (max-width: 980px){
  .topo-marcas-conteudo{
    justify-content: center;
    text-align: center;
  }

  .topo-divisor{
    display: none;
  }

  .topo-marcas-secundarias{
    justify-content: center;
  }

  .topo-marca-principal,
  .topo-marca-item{
    justify-content: center;
  }
}

@media (max-width: 640px){
  .topo-marcas{
    padding: 18px 0;
  }

  .topo-marcas-secundarias{
    flex-direction: column;
    gap: 16px;
  }

  .topo-marca-principal img{
    width: 64px;
    height: 64px;
  }

  .topo-marca-item img{
    width: 56px;
    height: 56px;
  }

  .topo-texto strong{
    font-size: 18px;
  }

  .topo-marca-item .topo-texto strong{
    font-size: 16px;
  }
}/* ===== TOPO COM MARCAS DO GRUPO ===== */

.barra-superior{
  background:#0b3474;
  padding:10px 0;
}

.barra-conteudo{
  display:flex;
  align-items:center;
  gap:22px;
  min-height:76px;
}

.marca-grupo-topo,
.empresa-topo{
  display:flex;
  align-items:center;
  gap:10px;
}

.marca-grupo-topo img{
  width:68px;
  height:58px;
  object-fit:contain;
  background:#fff;
  border-radius:10px;
  padding:4px;
}

.empresa-topo img{
  width:60px;
  height:50px;
  object-fit:contain;
  background:#fff;
  border-radius:8px;
  padding:4px;
}

.marca-grupo-texto,
.empresa-topo div{
  display:flex;
  flex-direction:column;
}

.marca-grupo-texto small,
.empresa-topo small{
  color:#d8b75f;
  font-size:8px;
  letter-spacing:1px;
  font-weight:700;
}

.marca-grupo-texto strong{
  color:#fff;
  font-size:18px;
}

.empresa-topo strong{
  color:#fff;
  font-size:14px;
}

.divisor-topo{
  width:1px;
  height:48px;
  background:rgba(255,255,255,.25);
}

.contatos-topo{
  margin-left:auto;
  display:flex;
  gap:18px;
}

.contatos-topo a{
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:600;
}

@media(max-width:1000px){

  .barra-conteudo{
    flex-wrap:wrap;
    justify-content:center;
  }

  .contatos-topo{
    width:100%;
    justify-content:center;
    margin-left:0;
  }

}/* ===== TOPO BOUTIQUE COM LOGOS ===== */

.barra-superior{
  background: linear-gradient(90deg, #082b63 0%, #0b3474 45%, #123f86 100%);
  padding: 14px 0;
  border-bottom: 1px solid rgba(212, 175, 55, 0.18);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
}

.barra-conteudo{
  display: flex;
  align-items: center;
  gap: 26px;
  min-height: 74px;
}

.marca-grupo-topo,
.empresa-topo{
  display: flex;
  align-items: center;
  gap: 12px;
}

/* LOGOS SEM FUNDO */
.marca-grupo-topo img,
.empresa-topo img{
  display: block;
  width: auto;
  height: 52px;
  object-fit: contain;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Grupo principal um pouco maior */
.marca-grupo-topo img{
  height: 58px;
}

.marca-grupo-texto,
.empresa-topo div{
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.marca-grupo-texto small,
.empresa-topo small{
  color: #d4af37;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.marca-grupo-texto strong{
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
}

.empresa-topo strong{
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}

.divisor-topo{
  width: 1px;
  height: 46px;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    rgba(212,175,55,0.45) 50%,
    rgba(255,255,255,0) 100%
  );
}

.contatos-topo{
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 18px;
}

.contatos-topo a{
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.95;
  transition: all 0.25s ease;
}

.contatos-topo a:hover{
  color: #d4af37;
  opacity: 1;
}

/* RESPONSIVO */
@media (max-width: 1100px){
  .barra-conteudo{
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
  }

  .divisor-topo{
    display: none;
  }

  .contatos-topo{
    width: 100%;
    justify-content: center;
    margin-left: 0;
    padding-top: 8px;
  }
}

@media (max-width: 768px){
  .marca-grupo-topo,
  .empresa-topo{
    width: 100%;
    justify-content: center;
  }

  .marca-grupo-texto strong{
    font-size: 20px;
  }

  .empresa-topo strong{
    font-size: 15px;
  }

  .marca-grupo-topo img{
    height: 52px;
  }

  .empresa-topo img{
    height: 46px;
  }
}.barra-superior {
  background: linear-gradient(90deg, #0b2c6f, #123b87);
  padding: 18px 0;
  color: #fff;
}/* =========================================
   ATALHOS INTERATIVOS - PADRÃO BOUTIQUE
========================================= */

.atalhos{
  padding: 42px 0;
}

.grade-atalhos{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:20px;
  max-width:1180px;
  margin:0 auto;
}

.atalho-card{
  min-height:220px;

  display:flex;
  flex-direction:column;

  padding:26px;

  background:
    linear-gradient(
      180deg,
      #f6faff 0%,
      #edf5fc 100%
    );

  border:1px solid rgba(19,67,120,.12);
  border-radius:22px;

  text-decoration:none;

  box-shadow:
    0 10px 28px rgba(10,47,104,.04);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    background .25s ease;
}

.atalho-card:hover{
  transform:translateY(-6px);

  background:#ffffff;

  border-color:rgba(11,52,116,.25);

  box-shadow:
    0 18px 36px rgba(10,47,104,.10);
}

.atalho-icone{
  font-size:22px;
  margin-bottom:18px;
}

.atalho-card strong{
  color:#0b3474;

  font-size:16px;
  line-height:1.2;

  min-height:40px;

  margin-bottom:14px;
}

.atalho-card p{
  color:#607590;

  font-size:14px;
  line-height:1.55;

  margin:0 0 20px;

  flex-grow:1;
}

.atalho-link{
  color:#b58b2d;

  font-size:12px;
  font-weight:700;

  letter-spacing:.3px;
}

.atalho-card:hover .atalho-link{
  color:#0b3474;
}

@media(max-width:1100px){

  .grade-atalhos{
    grid-template-columns:repeat(3,1fr);
  }

}

@media(max-width:760px){

  .grade-atalhos{
    grid-template-columns:repeat(2,1fr);
  }

}

@media(max-width:520px){

  .grade-atalhos{
    grid-template-columns:1fr;
  }

}.atalho-link{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  white-space: nowrap !important;

  color: #b58b2d;
  font-size: 12px;
  font-weight: 700;
}.atalho-link{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;

  margin-top: 10px !important;

  color: #b58b2d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}/* AJUSTE SOMENTE DO CARD TRABALHE CONOSCO */

.grade-atalhos > a:nth-child(4) .atalho-link{
  margin-top: 24px !important;
}/* =========================================
   PÁGINA DE ATENDIMENTO - BOUTIQUE
========================================= */

.pagina-atendimento{
  padding:60px 0 80px;
  background:#f5f8fc;
}

.atendimento-hero{
  max-width:900px;
  margin:0 auto 42px;
  text-align:center;
}

.atendimento-tag,
.grupo-tag{
  display:inline-block;

  color:#b98d27;

  font-size:11px;
  font-weight:700;
  letter-spacing:2px;

  margin-bottom:12px;
}

.atendimento-hero h1{
  margin:0 0 18px;

  color:#0b3474;

  font-size:44px;
  line-height:1.08;
}

.atendimento-hero p{
  margin:0 auto;

  max-width:760px;

  color:#5f7390;

  font-size:17px;
  line-height:1.65;
}


/* PRODUTOS */

.atendimento-produtos{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:22px;

  max-width:1180px;

  margin:0 auto 58px;
}

.produto-card{
  min-height:230px;

  display:flex;
  flex-direction:column;

  padding:28px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f5f9fd 100%
    );

  border:1px solid rgba(15,62,116,.10);
  border-radius:24px;

  text-decoration:none;

  box-shadow:
    0 12px 28px rgba(10,47,104,.05);

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

.produto-card:hover{
  transform:translateY(-5px);

  border-color:rgba(12,52,116,.20);

  box-shadow:
    0 18px 36px rgba(10,47,104,.10);
}

.produto-card h3{
  margin:0 0 12px;

  color:#0b3474;

  font-size:21px;
  line-height:1.2;
}

.produto-card p{
  margin:0 0 22px;

  color:#607590;

  font-size:14px;
  line-height:1.6;

  flex-grow:1;
}

.produto-card span{
  color:#b78a24;

  font-size:12px;
  font-weight:700;
}


/* BLOCO GRUPO */

.bloco-grupo-cb,
.bloco-complementar,
.bloco-endereco{
  max-width:1180px;

  margin:0 auto 30px;

  padding:38px;

  background:#ffffff;

  border:1px solid rgba(15,62,116,.10);
  border-radius:26px;

  box-shadow:
    0 12px 28px rgba(10,47,104,.04);
}

.bloco-grupo-cb h2,
.bloco-complementar h2,
.bloco-endereco h2{
  margin:0 0 14px;

  color:#0b3474;

  font-size:30px;
  line-height:1.15;
}

.bloco-grupo-cb > p,
.bloco-complementar > p,
.bloco-endereco > p{
  max-width:850px;

  margin:0;

  color:#607590;

  font-size:15px;
  line-height:1.65;
}


/* 3 EMPRESAS */

.grupo-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:20px;

  margin-top:28px;
}

.grupo-box{
  padding:24px;

  background:#f5f9fd;

  border:1px solid rgba(15,62,116,.08);
  border-radius:20px;
}

.grupo-box h3{
  margin:0 0 10px;

  color:#0b3474;

  font-size:20px;
}

.grupo-box p{
  margin:0;

  color:#607590;

  font-size:14px;
  line-height:1.6;
}


/* SOLUÇÕES COMPLEMENTARES */

.solucoes-complementares{
  display:flex;
  flex-wrap:wrap;

  gap:10px 22px;

  margin-top:24px;
}

.solucoes-complementares span{
  color:#0b3474;

  font-size:14px;
  font-weight:600;
}


/* ENDEREÇO */

.endereco-contato{
  display:flex;
  flex-direction:column;

  gap:7px;

  margin-top:24px;
}

.endereco-contato strong{
  color:#0b3474;
  font-size:18px;
}

.endereco-contato span{
  color:#607590;
  font-size:14px;
}

.endereco-acoes{
  display:flex;
  gap:12px;
  flex-wrap:wrap;

  margin-top:24px;
}

.btn-endereco,
.btn-whatsapp-contato{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:150px;

  padding:12px 20px;

  border-radius:999px;

  text-decoration:none;

  font-size:13px;
  font-weight:700;

  transition:.2s ease;
}

.btn-endereco{
  background:#0b3474;
  color:#ffffff;
}

.btn-whatsapp-contato{
  background:#1fbf5b;
  color:#ffffff;
}

.btn-endereco:hover,
.btn-whatsapp-contato:hover{
  transform:translateY(-2px);
}


/* RESPONSIVO */

@media(max-width:980px){

  .atendimento-produtos,
  .grupo-grid{
    grid-template-columns:1fr;
  }

  .atendimento-hero h1{
    font-size:34px;
  }

}


@media(max-width:600px){

  .pagina-atendimento{
    padding:42px 0 60px;
  }

  .bloco-grupo-cb,
  .bloco-complementar,
  .bloco-endereco{
    padding:28px 22px;
  }

  .atendimento-hero h1{
    font-size:29px;
  }

}

.barra-conteudo {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

.marca-grupo,
.empresa-topo {
  display: flex;
  align-items: center;
  gap: 14px;
}

.marca-grupo img,
.empresa-topo img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  display: block;
  border-radius: 14px;
}

.marca-grupo-texto,
.empresa-topo div {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.marca-grupo-texto small,
.empresa-topo small {
  font-size: 11px;
  letter-spacing: 2px;
  color: #f3c64b;
  font-weight: 700;
  margin-bottom: 6px;
}

.marca-grupo-texto strong,
.empresa-topo strong {
  font-size: 19px;
  font-weight: 700;
  color: #fff;
}

.divisor-topo {
  width: 1px;
  height: 62px;
  background: rgba(255,255,255,0.18);
}

.topo-contatos {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.topo-contatos span {
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .barra-conteudo {
    flex-direction: column;
    align-items: flex-start;
  }

  .topo-contatos {
    margin-left: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .divisor-topo {
    display: none;
  }
}.barra-superior {
  background: linear-gradient(90deg, #0b2c6f, #123b87);
  padding: 18px 0;
  color: #fff;
}

.barra-conteudo {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

.marca-grupo,
.empresa-topo {
  display: flex;
  align-items: center;
  gap: 14px;
}

.marca-grupo img,
.empresa-topo img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  display: block;
  border-radius: 14px;
}

.marca-grupo-texto,
.empresa-topo div {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.marca-grupo-texto small,
.empresa-topo small {
  font-size: 11px;
  letter-spacing: 2px;
  color: #f3c64b;
  font-weight: 700;
  margin-bottom: 6px;
}

.marca-grupo-texto strong,
.empresa-topo strong {
  font-size: 19px;
  font-weight: 700;
  color: #fff;
}

.divisor-topo {
  width: 1px;
  height: 62px;
  background: rgba(255,255,255,0.18);
}

.topo-contatos {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.topo-contatos span {
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .barra-conteudo {
    flex-direction: column;
    align-items: flex-start;
  }

  .topo-contatos {
    margin-left: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .divisor-topo {
    display: none;
  }
}/* REDUÇÃO DAS LOGOS DO TOPO */

.logo-topo {
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
}

.marca-texto strong {
  font-size: 17px !important;
}

.marca-texto small {
  font-size: 9px !important;
  letter-spacing: 1.8px !important;
}

.barra-superior {
  padding: 9px 0 !important;
}

.barra-conteudo {
  gap: 16px !important;
}

.barra-marcas {
  gap: 18px !important;
}

.marca-item {
  gap: 9px !important;
}

.divisor-topo {
  height: 42px !important;
}

.topo-contatos a {
  font-size: 14px !important;
}/* =========================================
   AJUSTE FINAL DO TOPO - BOUTIQUE
========================================= */

.barra-superior {
  background: #123b84 !important;
  padding: 12px 0 !important;
}

.barra-conteudo {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: 78px !important;
  flex-wrap: nowrap !important;
}

/* bloco com as marcas */
.barra-marcas {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 24px !important;
  flex-wrap: nowrap !important;
}

/* cada marca */
.marca-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  white-space: nowrap !important;
}

/* logos pequenas */
.logo-topo {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;
}

/* textos das marcas */
.marca-texto {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}

.marca-texto small {
  color: #f2c94c !important;
  font-size: 9px !important;
  letter-spacing: 1.5px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.marca-texto strong {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

/* separador */
.divisor-topo {
  width: 1px !important;
  height: 44px !important;
  background: rgba(255,255,255,0.20) !important;
  flex-shrink: 0 !important;
}

/* contatos à direita */
.topo-contatos {
  margin-left: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 22px !important;
  white-space: nowrap !important;
}

.topo-contatos a {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* telas menores */
@media (max-width: 1100px) {

  .barra-conteudo {
    flex-wrap: wrap !important;
  }

  .barra-marcas {
    flex-wrap: wrap !important;
  }

  .topo-contatos {
    width: 100% !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
  }

}/* =========================================
   BARRA SUPERIOR - AJUSTE FINAL
========================================= */

.barra-superior {
  background:
    radial-gradient(
      circle at 18% 50%,
      rgba(30, 91, 170, 0.38) 0%,
      rgba(18, 59, 132, 0.12) 28%,
      transparent 46%
    ),
    radial-gradient(
      circle at 55% 50%,
      rgba(27, 88, 165, 0.25) 0%,
      transparent 38%
    ),
    linear-gradient(
      90deg,
      #071f4a 0%,
      #0b3474 38%,
      #123f86 68%,
      #08275a 100%
    );

  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 8px 24px rgba(3, 20, 50, 0.16);
}

.barra-conteudo{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  min-height:72px !important;
  flex-wrap:nowrap !important;
}

.barra-marcas{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:22px !important;
  flex-wrap:nowrap !important;
}

.marca-item{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  white-space:nowrap !important;
}

/* EFEITO DE LUZ SUAVE ATRÁS DAS LOGOS */

.marca-item::before {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  left: -11px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.10) 0%,
    rgba(255, 255, 255, 0.03) 55%,
    transparent 72%
  );
  pointer-events: none;
}.marca-item small{
  display:block;
  font-size:12px !important;
  letter-spacing:2px !important;
  font-weight:700 !important;
  color:#f3c84b !important;
  margin-bottom:3px !important;
  text-transform:uppercase !important;
}

.marca-item strong{
  display:block;
  font-size:22px !important;
  font-weight:700 !important;
  line-height:1.1 !important;
  color:#ffffff !important;
}

/* LOGOS */

.logo-topo{
  width: 58px !important;
  height: 58px !important;
  padding: 6px !important;
  box-sizing: border-box !important;

  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;

  background: linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.08)) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 14px !important;

  box-shadow:
    0 6px 18px rgba(0,0,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.15) !important;

  filter:
    brightness(1.18)
    contrast(1.18)
    saturate(1.08)
    drop-shadow(0 1px 2px rgba(0,0,0,0.15)) !important;
}
.marca-texto strong{
  color:#ffffff !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1.1 !important;
}

.divisor-topo{
  width:1px !important;
  height:42px !important;
  background:rgba(255,255,255,.18) !important;
  flex-shrink:0 !important;
}

.topo-contatos{
  margin-left:auto !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:20px !important;
  white-space:nowrap !important;
}

.topo-contatos a{
  color:#ffffff !important;
  font-size:14px !important;
  font-weight:700 !important;
  text-decoration:none !important;
}/* =========================================
   ATALHOS - PADRÃO BOUTIQUE E ALINHADO
========================================= */

.atalhos{
  padding: 34px 0 42px !important;
  background: transparent !important;
}

.grade-atalhos{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 20px !important;

  max-width: 1180px !important;
  margin: 0 auto !important;

  align-items: stretch !important;
}


/* CARD */

.grade-atalhos > a{
  min-width: 0 !important;
  min-height: 150px !important;

  display: grid !important;
  grid-template-rows: 30px 48px auto !important;
  align-content: center !important;

  padding: 24px 26px !important;

  background:
    linear-gradient(
      180deg,
      #f4f9fe 0%,
      #edf6fd 100%
    ) !important;

  border: 1px solid rgba(20, 72, 130, 0.12) !important;
  border-radius: 22px !important;

  text-decoration: none !important;

  box-shadow:
    0 10px 26px rgba(10, 47, 104, 0.04) !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease !important;
}


/* EFEITO SUAVE */

.grade-atalhos > a:hover{
  transform: translateY(-3px) !important;

  border-color: rgba(20, 72, 130, 0.20) !important;

  box-shadow:
    0 15px 30px rgba(10, 47, 104, 0.08) !important;
}


/* ÍCONE */

.grade-atalhos > a{
  color: #0b3474 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}


/* TÍTULO */

.grade-atalhos > a strong{
  display: flex !important;
  align-items: flex-start !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;

  font-size: 15px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;

  color: #0b3474 !important;

  text-transform: uppercase !important;

  overflow-wrap: normal !important;
  word-break: normal !important;
}


/* SUBTÍTULO */

.grade-atalhos > a small{
  display: block !important;

  margin: 4px 0 0 0 !important;

  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;

  color: #607590 !important;
}


/* TABLET */

@media (max-width: 1100px){

  .grade-atalhos{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

}


/* TABLET MENOR */

@media (max-width: 760px){

  .grade-atalhos{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

}


/* CELULAR */

@media (max-width: 520px){

  .grade-atalhos{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .grade-atalhos > a{
    min-height: 125px !important;
    padding: 22px 24px !important;
  }

}/* REMOVE SOMENTE OS BOTÕES AMARELOS DOS CARDS */

.card-botoes .btn-amarelo{
  display: none !important;
}/* =========================================
   WHATSAPP NO TOPO - PADRÃO BOUTIQUE
========================================= */

.topo-contatos{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:nowrap !important;
}

.whatsapp-topo{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  color:#ffffff !important;
  text-decoration:none !important;

  font-size:14px !important;
  font-weight:600 !important;

  padding:8px 12px !important;

  border:1px solid rgba(255,255,255,0.12) !important;
  border-radius:999px !important;

  background:rgba(255,255,255,0.04) !important;

  transition:
    background .2s ease,
    border-color .2s ease,
    transform .2s ease !important;
}

.whatsapp-topo:hover{
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.22) !important;
  transform:translateY(-1px) !important;
}

.whatsapp-icone{
  color:#25d366 !important;
  font-size:14px !important;
  line-height:1 !important;
}/* =========================================
   HERO GRUPO CB - PADRÃO BOUTIQUE
========================================= */

.hero-selo{
  display: inline-block;
  margin-bottom: 14px;

  color: #c79c2e;

  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2.4px;
}

.hero-texto h1{
  font-size: 44px !important;
  line-height: 1.06 !important;
  letter-spacing: -0.8px !important;
  color: #0b3474 !important;

  margin-bottom: 20px !important;
}

.hero-descricao{
  max-width: 610px;

  font-size: 18px !important;
  line-height: 1.6 !important;

  color: #405a79 !important;

  margin-bottom: 14px !important;
}

.hero-complemento{
  max-width: 620px;

  font-size: 15px !important;
  line-height: 1.65 !important;

  color: #64758b !important;

  margin-bottom: 22px !important;
}

.hero-descricao strong,
.hero-complemento strong{
  color: #0b3474;
  font-weight: 700;
}

.hero-beneficios{
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;

  margin-top: 20px !important;
}

.hero-beneficios span{
  font-size: 14px !important;
  color: #0b3474 !important;
  font-weight: 600 !important;
}/* =========================================
   ATENDIMENTO PRESENCIAL - BOUTIQUE
========================================= */

.atendimento-presencial{
  padding: 70px 0;
  background: #f7f9fc;
}

.atendimento-presencial-box{
  max-width: 1100px;
  margin: 0 auto;

  background:
    linear-gradient(
      90deg,
      rgba(5,31,72,0.96) 0%,
      rgba(11,52,116,0.92) 55%,
      rgba(13,62,130,0.84) 100%
    );

  border-radius: 28px;
  padding: 54px 58px;

  box-shadow:
    0 18px 40px rgba(8,35,75,0.16);
}

.atendimento-presencial-texto{
  max-width: 720px;
}

.presencial-selo{
  display: inline-block;

  color: #e2b94f;

  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.2px;

  margin-bottom: 12px;
}

.atendimento-presencial h2{
  margin: 0 0 16px;

  color: #ffffff;

  font-size: 36px;
  line-height: 1.1;
}

.atendimento-presencial p{
  margin: 0 0 26px;

  color: rgba(255,255,255,0.84);

  font-size: 17px;
  line-height: 1.6;
}

.atendimento-presencial p strong{
  color: #ffffff;
}

.endereco-presencial{
  display: flex;
  flex-direction: column;
  gap: 7px;

  margin-bottom: 28px;
}

.endereco-presencial strong{
  color: #ffffff;

  font-size: 20px;
}

.endereco-presencial span{
  color: rgba(255,255,255,0.78);

  font-size: 15px;
}

.endereco-presencial a{
  color: #ffffff;

  font-size: 22px;
  font-weight: 700;

  text-decoration: none;

  margin-top: 8px;
}

.presencial-acoes{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.btn-localizacao,
.btn-whatsapp-presencial{
  min-width: 150px;

  padding: 13px 20px;

  border-radius: 999px;

  text-align: center;
  text-decoration: none;

  font-size: 13px;
  font-weight: 700;

  transition: .2s ease;
}

.btn-localizacao{
  background: #e4bb4d;
  color: #0b3474;
}

.btn-whatsapp-presencial{
  background: #1fbf5b;
  color: #ffffff;
}

.btn-localizacao:hover,
.btn-whatsapp-presencial:hover{
  transform: translateY(-2px);
}

@media(max-width: 700px){

  .atendimento-presencial-box{
    padding: 38px 28px;
  }

  .atendimento-presencial h2{
    font-size: 29px;
  }

  .endereco-presencial strong{
    font-size: 18px;
  }

}

@media(max-width:1100px){

  .barra-conteudo{
    flex-wrap:wrap !important;
  }

  .barra-marcas{
    flex-wrap:wrap !important;
  }

  .topo-contatos{
    width:100% !important;
    justify-content:flex-start !important;
    margin-left:0 !important;
  }

}/* =========================================
   RODAPÉ REGULATÓRIO
========================================= */

footer{
  background:#0b3474;
  color:#ffffff;
  padding:34px 0 28px;
  text-align:center;
}

.footer-principal{
  margin:0 0 8px;
  font-size:17px;
  font-weight:500;
}

.footer-direitos{
  margin:0 0 24px;
  font-size:15px;
}

.footer-regulatorio{
  max-width:1100px;
  margin:0 auto;
  padding-top:22px;

  border-top:1px solid rgba(255,255,255,0.16);

  text-align:left;
}

.footer-regulatorio p{
  margin:0 0 10px;

  color:rgba(255,255,255,0.72);

  font-size:11px;
  line-height:1.55;

  font-weight:400;
}

.footer-regulatorio p:last-child{
  margin-bottom:0;
}/* =========================================
   CONTATO COMPACTO - UMA TELA
========================================= */

.pagina-atendimento.compacta{
  padding:32px 0 38px;
}

.atendimento-hero.compacto{
  margin-bottom:24px;
}

.atendimento-hero.compacto h1{
  font-size:34px;
  margin-bottom:8px;
}

.atendimento-hero.compacto p{
  font-size:15px;
}


/* SERVIÇOS */

.atendimento-produtos.compacto{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:20px;
}

.produto-card.compacto{
  min-height:130px;
  padding:18px 20px;
  border-radius:18px;
}

.produto-card.compacto h3{
  font-size:17px;
  margin-bottom:7px;
}

.produto-card.compacto p{
  font-size:13px;
  line-height:1.4;
  margin-bottom:10px;
}

.produto-card.compacto span{
  font-size:11px;
}


/* GRUPO */

.grupo-resumo{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;

  margin-bottom:18px;

  padding:18px 22px;

  background:#edf5fc;
  border-radius:18px;
}

.grupo-resumo div{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.grupo-resumo strong{
  color:#0b3474;
  font-size:15px;
}

.grupo-resumo span{
  color:#607590;
  font-size:12px;
  line-height:1.4;
}


/* RODAPÉ DO ATENDIMENTO */

.atendimento-rodape{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;

  padding:18px 22px;

  background:#0b3474;
  border-radius:18px;
}

.atendimento-rodape > div:first-child{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.atendimento-rodape strong{
  color:#ffffff;
  font-size:15px;
}

.atendimento-rodape span{
  color:rgba(255,255,255,.75);
  font-size:12px;
}

.atendimento-acoes{
  display:flex;
  gap:10px;
}

.btn-whatsapp-contato,
.btn-endereco{
  padding:10px 16px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}

.btn-whatsapp-contato{
  background:#1fbf5b;
  color:#ffffff;
}

.btn-endereco{
  background:#ffffff;
  color:#0b3474;
}


@media(max-width:900px){

  .atendimento-produtos.compacto{
    grid-template-columns:repeat(2,1fr);
  }

  .grupo-resumo{
    grid-template-columns:1fr;
  }

  .atendimento-rodape{
    flex-direction:column;
    align-items:flex-start;
  }

}/* =========================================================
   PÁGINA DE CONTATO - MODELO BOUTIQUE
========================================================= */

.pagina-contato-boutique {
  background: #eef3f8;
}

.contato-hero-boutique {
  background: linear-gradient(135deg, #0d3270 0%, #174b93 100%);
  color: #ffffff;
  padding: 70px 0 60px;
}

.contato-hero-grid {
  display: grid;
  grid-template-columns: 1.35fr 0.9fr;
  gap: 36px;
  align-items: center;
}

.contato-tag {
  display: inline-block;
  background: #f4c400;
  color: #0d3270;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 18px;
  border-radius: 999px;
  margin-bottom: 22px;
}

.contato-hero-texto h1 {
  font-size: 54px;
  line-height: 1.05;
  margin-bottom: 22px;
  color: #ffffff;
}

.contato-subtitulo {
  font-size: 22px;
  line-height: 1.6;
  margin-bottom: 18px;
  color: rgba(255,255,255,0.95);
}

.contato-texto-apoio {
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255,255,255,0.88);
  max-width: 820px;
}

.contato-hero-botoes {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.btn-whatsapp,
.btn-secundario,
.mini-btn,
.mini-btn-claro {
  text-decoration: none;
  transition: all 0.25s ease;
}

.btn-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 24px;
  background: #22c55e;
  color: #ffffff;
  font-weight: 700;
  border-radius: 14px;
}

.btn-whatsapp:hover {
  transform: translateY(-2px);
  filter: brightness(1.03);
}

.btn-secundario {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 24px;
  background: rgba(255,255,255,0.12);
  color: #ffffff;
  font-weight: 700;
  border: 1px solid rgba(255,255,255,0.20);
  border-radius: 14px;
}

.btn-secundario:hover {
  background: rgba(255,255,255,0.18);
  transform: translateY(-2px);
}

.info-card-destaque {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 22px;
  padding: 28px;
  backdrop-filter: blur(5px);
}

.info-card-destaque h3 {
  font-size: 26px;
  margin-bottom: 18px;
  color: #ffffff;
}

.info-card-destaque p {
  font-size: 17px;
  line-height: 1.65;
  margin-bottom: 6px;
  color: rgba(255,255,255,0.92);
}

.info-card-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.mini-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  background: #ffffff;
  color: #0d3270;
  font-weight: 700;
  border-radius: 12px;
}

.mini-btn:hover {
  transform: translateY(-2px);
}

.mini-btn-claro {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  background: transparent;
  color: #ffffff;
  font-weight: 700;
  border: 1px solid rgba(255,255,255,0.30);
  border-radius: 12px;
}

.contato-servicos,
.contato-diferenciais,
.contato-endereco-boutique {
  padding: 70px 0;
}

.secao-titulo-boutique {
  max-width: 860px;
  margin-bottom: 34px;
}

.secao-titulo-boutique span {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c79a2b;
  margin-bottom: 10px;
}

.secao-titulo-boutique h2 {
  font-size: 40px;
  line-height: 1.12;
  color: #0d3270;
  margin-bottom: 14px;
}

.secao-titulo-boutique p {
  font-size: 18px;
  line-height: 1.7;
  color: #4f6482;
}

.servicos-grid-boutique {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.servico-card-boutique {
  background: #ffffff;
  border: 1px solid #dfe8f2;
  border-radius: 22px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(13, 50, 112, 0.06);
  transition: all 0.25s ease;
}

.servico-card-boutique:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(13, 50, 112, 0.10);
}

.servico-card-boutique h3 {
  font-size: 24px;
  line-height: 1.2;
  color: #0d3270;
  margin-bottom: 14px;
}

.servico-card-boutique p {
  font-size: 16px;
  line-height: 1.7;
  color: #58708f;
  margin-bottom: 18px;
}

.servico-card-boutique a {
  font-size: 15px;
  font-weight: 700;
  color: #c79a2b;
  text-decoration: none;
}

.servico-card-boutique a:hover {
  color: #0d3270;
}

.contato-diferenciais {
  background: #f7fafc;
}

.diferenciais-grid-boutique {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.diferencial-item-boutique {
  background: #ffffff;
  border: 1px solid #e4ebf3;
  border-radius: 20px;
  padding: 24px;
}

.diferencial-item-boutique h3 {
  font-size: 22px;
  color: #0d3270;
  margin-bottom: 10px;
}

.diferencial-item-boutique p {
  font-size: 16px;
  line-height: 1.7;
  color: #5b7090;
}

.endereco-box-boutique {
  background: #ffffff;
  border: 1px solid #dfe7f0;
  border-radius: 24px;
  padding: 34px;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 28px;
  align-items: center;
  box-shadow: 0 10px 26px rgba(13, 50, 112, 0.05);
}

.endereco-texto span {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c79a2b;
  margin-bottom: 10px;
}

.endereco-texto h2 {
  font-size: 34px;
  color: #0d3270;
  margin-bottom: 16px;
}

.endereco-texto p,
.endereco-texto li {
  font-size: 17px;
  line-height: 1.7;
  color: #566c8a;
}

.endereco-texto ul {
  margin-top: 14px;
  padding-left: 20px;
}

.endereco-acoes {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* RESPONSIVO */
@media (max-width: 1100px) {
  .contato-hero-grid,
  .endereco-box-boutique {
    grid-template-columns: 1fr;
  }

  .servicos-grid-boutique {
    grid-template-columns: repeat(2, 1fr);
  }

  .diferenciais-grid-boutique {
    grid-template-columns: repeat(2, 1fr);
  }

  .contato-hero-texto h1 {
    font-size: 44px;
  }
}

@media (max-width: 768px) {
  .contato-hero-boutique,
  .contato-servicos,
  .contato-diferenciais,
  .contato-endereco-boutique {
    padding: 50px 0;
  }

  .contato-hero-texto h1 {
    font-size: 36px;
  }

  .contato-subtitulo {
    font-size: 18px;
  }

  .secao-titulo-boutique h2 {
    font-size: 30px;
  }

  .servicos-grid-boutique,
  .diferenciais-grid-boutique {
    grid-template-columns: 1fr;
  }

  .contato-hero-botoes,
  .info-card-acoes {
    flex-direction: column;
  }

  .btn-whatsapp,
  .btn-secundario,
  .mini-btn,
  .mini-btn-claro {
    width: 100%;
  }
}/* =========================================
   CONTATO SIMPLES - BOUTIQUE
========================================= */

.contato-simples{
  background:#f4f7fb;
}


/* TOPO */

.contato-topo{
  padding:58px 0 52px;

  background:
    linear-gradient(
      120deg,
      #0b3474 0%,
      #165092 100%
    );

  color:#ffffff;
}

.contato-topo .container{
  max-width:1180px;
}

.contato-selo{
  display:inline-block;

  padding:9px 16px;

  margin-bottom:20px;

  background:#f2c400;

  color:#0b3474;

  border-radius:999px;

  font-size:12px;
  font-weight:700;
}

.contato-topo h1{
  margin:0 0 16px;

  color:#ffffff;

  font-size:44px;
  line-height:1.08;
}

.contato-topo p{
  max-width:700px;

  margin:0;

  color:rgba(255,255,255,.87);

  font-size:17px;
  line-height:1.65;
}

.contato-acoes{
  margin-top:24px;
}

.contato-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:13px 22px;

  background:#20c766;

  color:#ffffff;

  text-decoration:none;

  border-radius:12px;

  font-size:14px;
  font-weight:700;
}


/* SERVIÇOS */

.contato-servicos-simples{
  padding:48px 0;
}

.contato-titulo-servicos{
  text-align:center;

  max-width:700px;

  margin:0 auto 30px;
}

.contato-titulo-servicos span{
  color:#b68b2c;

  font-size:11px;
  font-weight:700;
  letter-spacing:2px;
}

.contato-titulo-servicos h2{
  margin:8px 0 10px;

  color:#0b3474;

  font-size:34px;
}

.contato-titulo-servicos p{
  margin:0;

  color:#607590;

  font-size:15px;
}

.contato-grid-servicos{
  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:18px;
}

.contato-servico-card{
  min-height:170px;

  display:flex;
  flex-direction:column;

  padding:24px;

  background:#ffffff;

  border:1px solid rgba(15,62,116,.10);
  border-radius:20px;

  text-decoration:none;

  box-shadow:
    0 10px 24px rgba(10,47,104,.04);

  transition:.22s ease;
}

.contato-servico-card:hover{
  transform:translateY(-4px);

  box-shadow:
    0 16px 30px rgba(10,47,104,.09);
}

.contato-servico-card strong{
  margin-bottom:12px;

  color:#0b3474;

  font-size:18px;
}

.contato-servico-card p{
  margin:0 0 18px;

  color:#607590;

  font-size:13px;
  line-height:1.55;

  flex-grow:1;
}

.contato-servico-card span{
  color:#b58b2d;

  font-size:12px;
  font-weight:700;
}


/* PRESENCIAL */

.contato-presencial{
  padding:0 0 54px;
}

.contato-presencial-box{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:30px;

  padding:32px 36px;

  background:#0b3474;

  border-radius:22px;

  box-shadow:
    0 14px 30px rgba(10,47,104,.12);
}

.contato-presencial-info > span{
  display:block;

  margin-bottom:8px;

  color:#e1b94e;

  font-size:10px;
  font-weight:700;
  letter-spacing:2px;
}

.contato-presencial-info h2{
  margin:0 0 12px;

  color:#ffffff;

  font-size:28px;
}

.contato-presencial-info p{
  margin:0 0 18px;

  max-width:580px;

  color:rgba(255,255,255,.78);

  font-size:14px;
  line-height:1.55;
}

.contato-endereco{
  display:flex;
  flex-direction:column;

  gap:4px;
}

.contato-endereco strong{
  color:#ffffff;

  font-size:15px;
}

.contato-endereco small{
  color:rgba(255,255,255,.75);

  font-size:12px;
}

.contato-presencial-acoes{
  display:flex;
  flex-direction:column;

  min-width:190px;

  gap:10px;
}

.contato-whatsapp-presencial,
.contato-mapa{
  display:flex;
  align-items:center;
  justify-content:center;

  min-height:44px;

  padding:0 18px;

  border-radius:999px;

  text-decoration:none;

  font-size:12px;
  font-weight:700;
}

.contato-whatsapp-presencial{
  background:#20c766;
  color:#ffffff;
}

.contato-mapa{
  background:#ffffff;
  color:#0b3474;
}


/* RESPONSIVO */

@media(max-width:950px){

  .contato-grid-servicos{
    grid-template-columns:repeat(2,1fr);
  }

  .contato-presencial-box{
    flex-direction:column;
    align-items:flex-start;
  }

  .contato-presencial-acoes{
    flex-direction:row;
  }

}

@media(max-width:550px){

  .contato-grid-servicos{
    grid-template-columns:1fr;
  }

  .contato-topo h1{
    font-size:34px;
  }

  .contato-presencial-acoes{
    flex-direction:column;

    width:100%;
  }

}/* =========================================
   CONTATO - MODELO BOUTIQUE FINAL
========================================= */


/* MENU */

.menu-contato{
  background:#092f68;
  padding:18px 0;
}

.menu-contato-conteudo{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.logo-texto-contato{
  color:#ffffff;
  text-decoration:none;
  font-size:25px;
  font-weight:800;
}

.menu-contato nav{
  display:flex;
  align-items:center;
  gap:28px;
}

.menu-contato nav a{
  color:#ffffff;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
}


/* FUNDO */

.contato-simples{
  background:#f4f7fb;
}


/* HERO */

.contato-topo{
  padding:52px 0 46px;

  background:
    linear-gradient(
      120deg,
      #092f68 0%,
      #165092 100%
    );

  color:#ffffff;
}

.contato-selo{
  display:inline-block;

  padding:9px 16px;

  margin-bottom:18px;

  background:#f2c400;

  color:#092f68;

  border-radius:999px;

  font-size:12px;
  font-weight:700;
}

.contato-topo h1{
  margin:0 0 14px;

  color:#ffffff;

  font-size:42px;
  line-height:1.08;
}

.contato-topo p{
  max-width:680px;

  margin:0;

  color:rgba(255,255,255,.88);

  font-size:16px;
  line-height:1.6;
}

.contato-acoes{
  margin-top:22px;
}

.contato-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:12px 22px;

  background:#20c766;
  color:#ffffff;

  border-radius:12px;

  text-decoration:none;

  font-size:14px;
  font-weight:700;
}


/* SERVIÇOS */

.contato-servicos-simples{
  padding:42px 0;
}

.contato-titulo-servicos{
  max-width:700px;

  margin:0 auto 28px;

  text-align:center;
}

.contato-titulo-servicos span{
  color:#b58b2d;

  font-size:10px;
  font-weight:700;
  letter-spacing:2px;
}

.contato-titulo-servicos h2{
  margin:7px 0 8px;

  color:#092f68;

  font-size:32px;
}

.contato-titulo-servicos p{
  margin:0;

  color:#617590;

  font-size:14px;
}

.contato-grid-servicos{
  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:16px;
}

.contato-servico-card{
  min-height:165px;

  display:flex;
  flex-direction:column;

  padding:22px;

  background:#ffffff;

  border:1px solid rgba(15,62,116,.10);
  border-radius:19px;

  text-decoration:none;

  box-shadow:
    0 9px 22px rgba(10,47,104,.04);

  transition:.22s ease;
}

.contato-servico-card:hover{
  transform:translateY(-4px);

  box-shadow:
    0 15px 28px rgba(10,47,104,.09);
}

.contato-servico-card strong{
  margin-bottom:10px;

  color:#092f68;

  font-size:17px;
}

.contato-servico-card p{
  margin:0 0 16px;

  color:#617590;

  font-size:13px;
  line-height:1.5;

  flex-grow:1;
}

.contato-servico-card span{
  color:#b58b2d;

  font-size:11px;
  font-weight:700;
}


/* GRUPO */

.contato-grupo{
  padding:0 0 36px;
}

.contato-grupo-box{
  display:grid;

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

  gap:1px;

  overflow:hidden;

  background:#dbe5f1;

  border-radius:20px;
}

.contato-grupo-item{
  padding:22px 24px;

  background:#edf5fc;
}

.contato-grupo-item span{
  display:block;

  margin-bottom:6px;

  color:#b58b2d;

  font-size:9px;
  font-weight:700;
  letter-spacing:1.6px;
}

.contato-grupo-item strong{
  display:block;

  margin-bottom:6px;

  color:#092f68;

  font-size:17px;
}

.contato-grupo-item p{
  margin:0;

  color:#617590;

  font-size:12px;
  line-height:1.5;
}


/* PRESENCIAL */

.contato-presencial{
  padding:0 0 46px;
}

.contato-presencial-box{
  display:flex;
  justify-content:space-between;
  align-items:center;

  gap:30px;

  padding:30px 34px;

  background:#092f68;

  border-radius:22px;

  box-shadow:
    0 14px 30px rgba(10,47,104,.12);
}

.contato-presencial-info > span{
  display:block;

  margin-bottom:7px;

  color:#dfb849;

  font-size:9px;
  font-weight:700;
  letter-spacing:2px;
}

.contato-presencial-info h2{
  margin:0 0 10px;

  color:#ffffff;

  font-size:26px;
}

.contato-presencial-info p{
  max-width:560px;

  margin:0 0 16px;

  color:rgba(255,255,255,.78);

  font-size:13px;
  line-height:1.5;
}

.contato-endereco{
  display:flex;
  flex-direction:column;

  gap:4px;
}

.contato-endereco strong{
  color:#ffffff;

  font-size:14px;
}

.contato-endereco small{
  color:rgba(255,255,255,.73);

  font-size:11px;
}

.contato-presencial-acoes{
  display:flex;
  flex-direction:column;

  min-width:185px;

  gap:9px;
}

.contato-whatsapp-presencial,
.contato-mapa{
  display:flex;
  align-items:center;
  justify-content:center;

  min-height:42px;

  padding:0 18px;

  border-radius:999px;

  text-decoration:none;

  font-size:12px;
  font-weight:700;
}

.contato-whatsapp-presencial{
  background:#20c766;
  color:#ffffff;
}

.contato-mapa{
  background:#ffffff;
  color:#092f68;
}


/* RODAPÉ */

footer{
  background:#092f68;
  color:#ffffff;

  padding:30px 0 26px;

  text-align:center;
}

.footer-principal{
  margin:0 0 6px;

  font-size:15px;
}

.footer-direitos{
  margin:0 0 20px;

  font-size:13px;
}

.footer-regulatorio{
  max-width:1100px;

  margin:0 auto;

  padding-top:18px;

  border-top:1px solid rgba(255,255,255,.14);

  text-align:left;
}

.footer-regulatorio p{
  margin:0 0 8px;

  color:rgba(255,255,255,.65);

  font-size:10px;
  line-height:1.5;
}


/* RESPONSIVO */

@media(max-width:950px){

  .menu-contato-conteudo{
    flex-direction:column;
    align-items:flex-start;
  }

  .menu-contato nav{
    flex-wrap:wrap;
    gap:14px;
  }

  .contato-grid-servicos{
    grid-template-columns:repeat(2,1fr);
  }

  .contato-grupo-box{
    grid-template-columns:1fr;
  }

  .contato-presencial-box{
    flex-direction:column;
    align-items:flex-start;
  }

  .contato-presencial-acoes{
    flex-direction:row;
  }

}


@media(max-width:550px){

  .contato-grid-servicos{
    grid-template-columns:1fr;
  }

  .contato-topo h1{
    font-size:32px;
  }

  .contato-presencial-acoes{
    flex-direction:column;
    width:100%;
  }

}.faq-pagina{
  padding:60px 0;
  background:#f4f7fb;
}

.faq-topo{
  max-width:760px;
  margin:0 auto 40px;
  text-align:center;
}

.faq-topo span{
  color:#b58b2d;
  font-size:11px;
  font-weight:700;
  letter-spacing:2px;
}

.faq-topo h1{
  margin:8px 0 12px;
  color:#0b3474;
  font-size:38px;
}

.faq-topo p{
  margin:0;
  color:#607590;
  font-size:15px;
}

.faq-grupo{
  max-width:900px;
  margin:0 auto 34px;
}

.faq-grupo h2{
  color:#0b3474;
  font-size:22px;
  margin-bottom:14px;
}

.faq-grupo details{
  background:#ffffff;
  border:1px solid rgba(15,62,116,.10);
  border-radius:16px;
  margin-bottom:10px;
  padding:0 20px;
  box-shadow:0 8px 20px rgba(10,47,104,.04);
}

.faq-grupo summary{
  cursor:pointer;
  list-style:none;
  padding:18px 0;
  color:#0b3474;
  font-size:15px;
  font-weight:700;
}

.faq-grupo summary::-webkit-details-marker{
  display:none;
}

.faq-grupo summary::after{
  content:"+";
  float:right;
  color:#b58b2d;
  font-size:20px;
}

.faq-grupo details[open] summary::after{
  content:"−";
}

.faq-grupo details p{
  margin:0;
  padding:0 0 18px;
  color:#607590;
  font-size:14px;
  line-height:1.6;
}/* =========================================
   TERMOS E POLÍTICAS - BOUTIQUE
========================================= */

.politicas-pagina{
  padding:58px 0 70px;
  background:#f4f7fb;
}

.politicas-topo{
  max-width:780px;
  margin:0 auto 38px;
  text-align:center;
}

.politicas-topo > span{
  color:#b58b2d;
  font-size:10px;
  font-weight:700;
  letter-spacing:2px;
}

.politicas-topo h1{
  margin:8px 0 12px;
  color:#0b3474;
  font-size:38px;
}

.politicas-topo p{
  margin:0;
  color:#607590;
  font-size:15px;
  line-height:1.6;
}


/* BLOCOS */

.politicas-grupo{
  max-width:950px;
  margin:0 auto 12px;
}

.politicas
/* =========================================
   BLOCO DE AJUDA - TERMOS E POLÍTICAS
========================================= */

.politicas-ajuda{
  max-width:950px !important;
  margin:28px auto 0 !important;

  padding:24px 28px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;

  background:linear-gradient(
    90deg,
    #0b3474 0%,
    #164b8c 100%
  ) !important;

  border-radius:20px !important;

  box-shadow:
    0 12px 28px rgba(10,47,104,.12) !important;
}


/* TEXTO */

.politicas-ajuda > div{
  flex:1 !important;
}

.politicas-ajuda span{
  display:block !important;

  margin-bottom:6px !important;

  color:#e0b84c !important;

  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:2px !important;
}

.politicas-ajuda strong{
  display:block !important;

  margin-bottom:6px !important;

  color:#ffffff !important;

  font-size:19px !important;
  font-weight:700 !important;
}

.politicas-ajuda p{
  max-width:620px !important;

  margin:0 !important;

  color:rgba(255,255,255,.76) !important;

  font-size:13px !important;
  line-height:1.55 !important;
}


/* BOTÃO */

.politicas-btn{
  flex-shrink:0 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:150px !important;
  min-height:44px !important;

  padding:0 20px !important;

  background:#ffffff !important;

  color:#0b3474 !important;

  border-radius:999px !important;

  text-decoration:none !important;

  font-size:12px !important;
  font-weight:700 !important;

  transition:.2s ease !important;
}

.politicas-btn:hover{
  transform:translateY(-2px) !important;

  box-shadow:
    0 8px 18px rgba(0,0,0,.12) !important;
}


/* RESPONSIVO */

@media(max-width:700px){

  .politicas-ajuda{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .politicas-btn{
    width:100% !important;
  }

}/* =========================================
   CORREÇÃO BLOCO AJUDA + RODAPÉ
========================================= */

/* BLOCO DE AJUDA */

.politicas-ajuda{
  max-width:950px !important;
  margin:28px auto 30px !important;

  padding:24px 28px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;

  background:#0b3474 !important;

  border-radius:20px !important;

  box-shadow:
    0 12px 28px rgba(10,47,104,.12) !important;
}

.politicas-ajuda > div{
  flex:1 !important;
}

.politicas-ajuda span{
  display:block !important;
  margin-bottom:6px !important;

  color:#e0b84c !important;
  opacity:1 !important;

  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:2px !important;
}

.politicas-ajuda strong{
  display:block !important;
  margin-bottom:7px !important;

  color:#ffffff !important;
  opacity:1 !important;

  font-size:19px !important;
  font-weight:700 !important;
}

.politicas-ajuda p{
  margin:0 !important;

  color:#ffffff !important;
  opacity:0.90 !important;

  font-size:13px !important;
  line-height:1.55 !important;
}


/* BOTÃO */

.politicas-btn{
  flex-shrink:0 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:150px !important;
  min-height:44px !important;

  padding:0 20px !important;

  background:#ffffff !important;

  color:#0b3474 !important;
  opacity:1 !important;

  border-radius:999px !important;

  text-decoration:none !important;

  font-size:12px !important;
  font-weight:700 !important;
}


/* =========================================
   RODAPÉ
========================================= */

footer{
  display:block !important;

  width:100% !important;

  background:#0b3474 !important;

  color:#ffffff !important;

  padding:30px 0 26px !important;

  text-align:center !important;

  margin-top:0 !important;
}

footer .container{
  display:block !important;
}

.footer-principal{
  display:block !important;

  margin:0 0 7px !important;

  color:#ffffff !important;

  font-size:15px !important;
  font-weight:500 !important;
}

.footer-direitos{
  display:block !important;

  margin:0 !important;

  color:rgba(255,255,255,.88) !important;

  font-size:13px !important;
}


/* RESPONSIVO */

@media(max-width:700px){

  .politicas-ajuda{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .politicas-btn{
    width:100% !important;
  }

}/* =========================================
   TRABALHE CONOSCO
========================================= */

.trabalhe-pagina{
  padding: 70px 0 80px;
  background: #f4f8fc;
}

.trabalhe-hero{
  max-width: 760px;
  margin: 0 auto 38px;
  text-align: center;
}

.trabalhe-tag{
  display: inline-block;
  margin-bottom: 14px;
  padding: 8px 16px;
  border-radius: 999px;
  background: #f3c300;
  color: #0b3474;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}

.trabalhe-hero h1{
  margin: 0 0 14px;
  color: #0b3474;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 800;
}

.trabalhe-hero p{
  margin: 0;
  color: #4f6788;
  font-size: 19px;
  line-height: 1.7;
}

.trabalhe-blocos{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}

.trabalhe-card{
  background: #ffffff;
  border: 1px solid #d7e3f0;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(11, 52, 116, 0.06);
}

.trabalhe-card h3{
  margin: 0 0 14px;
  color: #0b3474;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

.trabalhe-card p{
  margin: 0;
  color: #587090;
  font-size: 16px;
  line-height: 1.7;
}

.trabalhe-processo{
  background: #ffffff;
  border: 1px solid #d7e3f0;
  border-radius: 28px;
  padding: 34px;
  margin-bottom: 40px;
  box-shadow: 0 10px 30px rgba(11, 52, 116, 0.05);
}

.trabalhe-processo h2{
  margin: 0 0 24px;
  color: #0b3474;
  font-size: 32px;
  font-weight: 800;
  text-align: center;
}

.processo-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.processo-item{
  background: #f7fbff;
  border: 1px solid #d7e3f0;
  border-radius: 20px;
  padding: 24px;
  text-align: left;
}

.processo-item span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-bottom: 14px;
  border-radius: 50%;
  background: #0b3474;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}

.processo-item strong{
  display: block;
  margin-bottom: 10px;
  color: #0b3474;
  font-size: 19px;
  line-height: 1.3;
}

.processo-item p{
  margin: 0;
  color: #5a7290;
  font-size: 15px;
  line-height: 1.65;
}

.trabalhe-cta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: linear-gradient(135deg, #0b3474 0%, #174b97 100%);
  border-radius: 28px;
  padding: 34px;
  color: #ffffff;
}

.trabalhe-cta-texto span{
  display: inline-block;
  margin-bottom: 8px;
  color: #f0c24c;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.trabalhe-cta-texto h2{
  margin: 0 0 12px;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 800;
  color: #ffffff;
}

.trabalhe-cta-texto p{
  margin: 0;
  color: rgba(255,255,255,0.88);
  font-size: 17px;
  line-height: 1.7;
}

.trabalhe-cta-botoes{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.btn-whatsapp,
.btn-secundario{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 24px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.btn-whatsapp{
  background: #22c55e;
  color: #ffffff;
}

.btn-secundario{
  background: #ffffff;
  color: #0b3474;
}

.btn-whatsapp:hover,
.btn-secundario:hover{
  transform: translateY(-1px);
  transition: 0.2s ease;
}

@media (max-width: 980px){

  .trabalhe-blocos,
  .processo-grid{
    grid-template-columns: 1fr;
  }

  .trabalhe-cta{
    flex-direction: column;
    align-items: flex-start;
  }

}

@media (max-width: 768px){

  .trabalhe-pagina{
    padding: 50px 0 60px;
  }

  .trabalhe-hero h1{
    font-size: 36px;
  }

  .trabalhe-hero p{
    font-size: 17px;
  }

  .trabalhe-card,
  .trabalhe-processo,
  .trabalhe-cta{
    padding: 24px;
  }

  .trabalhe-processo h2,
  .trabalhe-cta-texto h2{
    font-size: 28px;
  }

  .trabalhe-cta-botoes{
    width: 100%;
  }

  .btn-whatsapp,
  .btn-secundario{
    width: 100%;
  }

}/* =========================================
   NOSSAS LOJAS - BOUTIQUE
========================================= */

.lojas-pagina{
  padding:58px 0 70px;
  background:#f4f7fb;
}

.lojas-topo{
  max-width:760px;
  margin:0 auto 38px;
  text-align:center;
}

.lojas-topo > span{
  color:#b58b2d;
  font-size:10px;
  font-weight:700;
  letter-spacing:2px;
}

.lojas-topo h1{
  margin:8px 0 12px;
  color:#0b3474;
  font-size:40px;
}

.lojas-topo p{
  margin:0;
  color:#607590;
  font-size:15px;
  line-height:1.6;
}


/* CARD PRINCIPAL */

.loja-card-principal{
  max-width:1100px;
  margin:0 auto;

  display:grid;
  grid-template-columns:1.25fr .75fr;

  gap:22px;
}

.loja-informacoes,
.loja-atendimento-box{
  background:#ffffff;

  border:1px solid rgba(15,62,116,.10);
  border-radius:24px;

  padding:32px;

  box-shadow:
    0 10px 28px rgba(10,47,104,.05);
}


/* INFORMAÇÕES */

.loja-tag{
  display:block;

  margin-bottom:8px;

  color:#b58b2d;

  font-size:10px;
  font-weight:700;
  letter-spacing:2px;
}

.loja-informacoes h2{
  margin:0 0 12px;

  color:#0b3474;

  font-size:30px;
}

.loja-descricao{
  max-width:620px;

  margin:0 0 26px;

  color:#607590;

  font-size:14px;
  line-height:1.6;
}

.loja-dados{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  gap:18px;

  margin-bottom:26px;
}

.loja-dados > div{
  display:flex;
  flex-direction:column;

  gap:5px;

  padding:18px;

  background:#f5f9fd;

  border-radius:16px;
}

.loja-dados small{
  color:#b58b2d;

  font-size:9px;
  font-weight:700;
  letter-spacing:1.5px;
}

.loja-dados strong{
  color:#0b3474;

  font-size:14px;
  line-height:1.4;
}

.loja-dados span{
  color:#607590;

  font-size:12px;
  line-height:1.4;
}


/* BOTÕES */

.loja-acoes{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.loja-btn-whatsapp,
.loja-btn-mapa{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:44px;

  padding:0 20px;

  border-radius:999px;

  text-decoration:none;

  font-size:12px;
  font-weight:700;
}

.loja-btn-whatsapp{
  background:#20c766;
  color:#ffffff;
}

.loja-btn-mapa{
  background:#0b3474;
  color:#ffffff;
}


/* COMO FUNCIONA */

.loja-atendimento-box > span{
  color:#b58b2d;

  font-size:9px;
  font-weight:700;
  letter-spacing:2px;
}

.loja-atendimento-box h3{
  margin:8px 0 14px;

  color:#0b3474;

  font-size:24px;
}

.loja-atendimento-box p{
  color:#607590;

  font-size:13px;
  line-height:1.6;

  margin:0 0 12px;
}

.loja-atendimento-box ul{
  margin:20px 0 0;

  padding-left:18px;

  color:#0b3474;
}

.loja-atendimento-box li{
  margin-bottom:8px;

  font-size:12px;
}


/* SERVIÇOS */

.lojas-servicos{
  max-width:1100px;

  margin:34px auto 0;
}

.lojas-servicos > span{
  color:#b58b2d;

  font-size:9px;
  font-weight:700;
  letter-spacing:2px;
}

.lojas-servicos h2{
  margin:8px 0 20px;

  color:#0b3474;

  font-size:26px;
}

.lojas-servicos-grid{
  display:grid;

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

  gap:14px;
}

.lojas-servicos-grid a{
  display:flex;
  flex-direction:column;

  gap:6px;

  padding:18px;

  background:#ffffff;

  border:1px solid rgba(15,62,116,.10);
  border-radius:16px;

  text-decoration:none;

  transition:.2s ease;
}

.lojas-servicos-grid a:hover{
  transform:translateY(-3px);

  box-shadow:
    0 10px 22px rgba(10,47,104,.08);
}

.lojas-servicos-grid strong{
  color:#0b3474;

  font-size:14px;
}

.lojas-servicos-grid small{
  color:#607590;

  font-size:11px;
  line-height:1.4;
}


/* RESPONSIVO */

@media(max-width:900px){

  .loja-card-principal{
    grid-template-columns:1fr;
  }

  .loja-dados{
    grid-template-columns:1fr;
  }

  .lojas-servicos-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

@media(max-width:550px){

  .lojas-topo h1{
    font-size:32px;
  }

  .lojas-servicos-grid{
    grid-template-columns:1fr;
  }

}/* =========================================
   TEMA BOUTIQUE GLOBAL
========================================= */

:root{
  --azul-escuro: #082b63;
  --azul-medio: #0d3f8a;
  --azul-claro: #1d5fb8;
  --azul-fundo: #f3f7fc;

  --dourado: #caa24a;
  --dourado-claro: #e6c878;

  --branco: #ffffff;
  --branco-gelo: #f8fbff;

  --texto-principal: #0b3474;
  --texto-secundario: #5f7490;

  --borda-suave: rgba(11, 52, 116, 0.10);
  --sombra-suave: 0 12px 30px rgba(8, 43, 99, 0.08);
  --sombra-hover: 0 18px 36px rgba(8, 43, 99, 0.12);

  --degrade-principal: linear-gradient(135deg, #082b63 0%, #0f468f 55%, #1a66be 100%);
  --degrade-claro: linear-gradient(180deg, #ffffff 0%, #f4f8fd 100%);
  --degrade-dourado: linear-gradient(135deg, #b98a2f 0%, #d7b25c 100%);
}


/* FUNDO GERAL */

body{
  background: var(--azul-fundo);
  color: var(--texto-principal);
}


/* TÍTULOS */

h1, h2, h3, h4, h5, h6{
  color: var(--texto-principal);
}

p{
  color: var(--texto-secundario);
}


/* MENUS E TOPO */

header,
.menu-contato,
.topo-site,
.barra-superior{
  background: var(--degrade-principal) !important;
  box-shadow: 0 8px 22px rgba(8, 43, 99, 0.14);
}

.menu-contato nav a,
.menu-topo a,
.topo-site a,
.barra-superior a,
.logo-texto-contato,
.logo-texto{
  color: #ffffff !important;
}

.menu-contato nav a:hover,
.menu-topo a:hover,
.topo-site a:hover{
  color: var(--dourado-claro) !important;
}


/* HERO / BANNERS */

.contato-topo,
.contato-hero-boutique,
.trabalhe-cta,
.contato-presencial-box,
.politicas-ajuda{
  background: var(--degrade-principal) !important;
  border-radius: 24px;
  box-shadow: 0 16px 36px rgba(8, 43, 99, 0.16);
}

.contato-topo h1,
.contato-hero-boutique h1,
.trabalhe-cta h2,
.contato-presencial-box h2,
.politicas-ajuda strong{
  color: #ffffff !important;
}

.contato-topo p,
.contato-hero-boutique p,
.trabalhe-cta p,
.contato-presencial-box p,
.politicas-ajuda p{
  color: rgba(255,255,255,0.86) !important;
}


/* SELOS / TAGS */

.contato-selo,
.trabalhe-tag,
.contato-tag,
.atendimento-tag,
.grupo-tag,
.contato-titulo-servicos span,
.lojas-topo > span,
.faq-topo span,
.politicas-topo > span{
  background: rgba(202, 162, 74, 0.14);
  color: var(--dourado) !important;
  border: 1px solid rgba(202, 162, 74, 0.24);
  border-radius: 999px;
  padding: 8px 14px;
}


/* CARDS GERAIS */

.contato-servico-card,
.atalho-card,
.trabalhe-card,
.processo-item,
.faq-grupo details,
.politicas-grupo details,
.loja-informacoes,
.loja-atendimento-box,
.lojas-servicos-grid a,
.grupo-box,
.bloco-grupo-cb,
.bloco-complementar,
.bloco-endereco{
  background: var(--degrade-claro) !important;
  border: 1px solid var(--borda-suave) !important;
  border-radius: 22px !important;
  box-shadow: var(--sombra-suave) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.contato-servico-card:hover,
.atalho-card:hover,
.trabalhe-card:hover,
.processo-item:hover,
.lojas-servicos-grid a:hover,
.grupo-box:hover{
  transform: translateY(-4px);
  box-shadow: var(--sombra-hover) !important;
  border-color: rgba(202, 162, 74, 0.24) !important;
}


/* TÍTULOS DOS CARDS */

.contato-servico-card strong,
.atalho-card strong,
.trabalhe-card h3,
.processo-item strong,
.grupo-box h3,
.lojas-servicos-grid strong,
.loja-informacoes h2,
.loja-atendimento-box h3,
.faq-grupo h2,
.politicas-grupo summary strong{
  color: var(--texto-principal) !important;
}


/* LINKS DE AÇÃO */

.contato-servico-card span,
.atalho-link,
.lojas-servicos-grid small,
.politicas-btn,
.contato-mapa,
.loja-btn-mapa{
  color: var(--dourado) !important;
}


/* BOTÕES PRINCIPAIS */

.btn-whatsapp,
.contato-whatsapp,
.contato-whatsapp-presencial,
.loja-btn-whatsapp,
.btn-whatsapp-contato{
  background: linear-gradient(135deg, #16b85b 0%, #28d16f 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 8px 18px rgba(22, 184, 91, 0.18);
}

.btn-whatsapp:hover,
.contato-whatsapp:hover,
.contato-whatsapp-presencial:hover,
.loja-btn-whatsapp:hover,
.btn-whatsapp-contato:hover{
  transform: translateY(-2px);
  filter: brightness(1.02);
}


/* BOTÕES SECUNDÁRIOS */

.btn-secundario,
.contato-mapa,
.loja-btn-mapa,
.btn-endereco,
.politicas-btn{
  background: linear-gradient(135deg, #ffffff 0%, #eef4fb 100%) !important;
  color: var(--azul-escuro) !important;
  border: 1px solid rgba(11, 52, 116, 0.10) !important;
  box-shadow: 0 8px 18px rgba(8, 43, 99, 0.08);
}

.btn-secundario:hover,
.contato-mapa:hover,
.loja-btn-mapa:hover,
.btn-endereco:hover,
.politicas-btn:hover{
  transform: translateY(-2px);
}


/* FAQ E POLÍTICAS */

.faq-grupo summary::after,
.politicas-grupo summary::after{
  color: var(--dourado) !important;
}

.faq-grupo details p,
.politicas-conteudo p{
  color: var(--texto-secundario) !important;
}


/* BLOCOS DE FUNDO INTERMEDIÁRIOS */

.contato-servicos-simples,
.faq-pagina,
.politicas-pagina,
.trabalhe-pagina,
.lojas-pagina{
  background:
    radial-gradient(circle at top right, rgba(202,162,74,0.08), transparent 22%),
    radial-gradient(circle at bottom left, rgba(13,63,138,0.05), transparent 25%),
    var(--azul-fundo);
}


/* RODAPÉ */

footer{
  background: linear-gradient(135deg, #072758 0%, #0b3474 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.footer-principal{
  color: #ffffff !important;
}

.footer-direitos,
.footer-regulatorio p{
  color: rgba(255,255,255,0.76) !important;
}


/* WHATSAPP FLUTUANTE */

.whatsapp-flutuante{
  background: linear-gradient(135deg, #19ba5c 0%, #26cf6d 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(25,186,92,0.24);
}


/* PEQUENOS DETALHES PREMIUM */

::selection{
  background: rgba(202, 162, 74, 0.26);
  color: #082b63;
}

hr{
  border: none;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(11,52,116,0.14), transparent);
}/* =========================================
   ACABAMENTO PREMIUM / FINESSE
========================================= */

:root{
  --premium-azul:#0b3474;
  --premium-azul-escuro:#071f4a;
  --premium-dourado:#c8a24d;
  --premium-dourado-claro:#e5ca83;
  --premium-cinza:#64758b;
  --premium-fundo:#f6f9fc;
}


/* =========================================
   MELHOR RESPIRO GERAL
========================================= */

section{
  position:relative;
}

section + section{
  margin-top:0;
}


/* =========================================
   TÍTULOS MAIS REFINADOS
========================================= */

h1,
h2,
h3{
  letter-spacing:-0.4px;
}

h1{
  font-weight:750 !important;
}

h2{
  font-weight:700 !important;
}

h3{
  font-weight:700 !important;
}


/* =========================================
   DETALHE DOURADO NOS TÍTULOS
========================================= */

.faq-topo h1::after,
.politicas-topo h1::after,
.lojas-topo h1::after,
.trabalhe-hero h1::after,
.contato-topo h1::after{
  content:"";
  display:block;

  width:42px;
  height:2px;

  margin:16px auto 0;

  background:linear-gradient(
    90deg,
    transparent,
    var(--premium-dourado),
    transparent
  );

  border-radius:999px;
}


/* =========================================
   CARDS MAIS ELEGANTES
========================================= */

.contato-servico-card,
.atalho-card,
.trabalhe-card,
.processo-item,
.faq-grupo details,
.politicas-grupo details,
.loja-informacoes,
.loja-atendimento-box,
.lojas-servicos-grid a{

  border:
    1px solid rgba(11,52,116,.08) !important;

  box-shadow:
    0 8px 24px rgba(8,43,99,.045) !important;

  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease !important;
}


/* HOVER PREMIUM */

.contato-servico-card:hover,
.atalho-card:hover,
.trabalhe-card:hover,
.processo-item:hover,
.lojas-servicos-grid a:hover{

  transform:translateY(-4px) !important;

  border-color:
    rgba(200,162,77,.30) !important;

  box-shadow:
    0 16px 34px rgba(8,43,99,.09) !important;
}


/* =========================================
   TOQUE DOURADO NO TOPO DOS CARDS
========================================= */

.contato-servico-card::before,
.atalho-card::before,
.trabalhe-card::before,
.lojas-servicos-grid a::before{

  content:"";

  position:absolute;

  top:0;
  left:20%;
  right:20%;

  height:1px;

  background:linear-gradient(
    90deg,
    transparent,
    rgba(200,162,77,.45),
    transparent
  );

  opacity:0;

  transition:.28s ease;
}

.contato-servico-card:hover::before,
.atalho-card:hover::before,
.trabalhe-card:hover::before,
.lojas-servicos-grid a:hover::before{
  opacity:1;
}

.contato-servico-card,
.atalho-card,
.trabalhe-card,
.lojas-servicos-grid a{
  position:relative;
  overflow:hidden;
}


/* =========================================
   BOTÕES MAIS SOFISTICADOS
========================================= */

.btn-whatsapp,
.contato-whatsapp,
.loja-btn-whatsapp,
.btn-secundario,
.contato-mapa,
.loja-btn-mapa,
.politicas-btn{

  border-radius:14px !important;

  font-weight:650 !important;

  letter-spacing:.15px;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease !important;
}


/* BOTÃO AZUL PREMIUM */

.contato-mapa,
.loja-btn-mapa{

  background:
    linear-gradient(
      135deg,
      #082b63 0%,
      #0d438e 100%
    ) !important;

  color:#fff !important;

  border:
    1px solid rgba(255,255,255,.08) !important;

  box-shadow:
    0 8px 20px rgba(8,43,99,.14) !important;
}


/* =========================================
   BLOCOS AZUIS COM MAIS PROFUNDIDADE
========================================= */

.trabalhe-cta,
.politicas-ajuda,
.contato-presencial-box{

  position:relative;

  overflow:hidden;

  background:
    radial-gradient(
      circle at 15% 30%,
      rgba(255,255,255,.07),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      #071f4a 0%,
      #0b3474 55%,
      #15519c 100%
    ) !important;

  border:
    1px solid rgba(255,255,255,.08) !important;

  box-shadow:
    0 18px 38px rgba(8,43,99,.13) !important;
}


/* PEQUENO BRILHO */

.trabalhe-cta::after,
.politicas-ajuda::after,
.contato-presencial-box::after{

  content:"";

  position:absolute;

  width:220px;
  height:220px;

  top:-130px;
  right:-70px;

  background:
    radial-gradient(
      circle,
      rgba(229,202,131,.15),
      transparent 65%
    );

  pointer-events:none;
}


/* =========================================
   FUNDO MAIS ELEGANTE
========================================= */

.faq-pagina,
.politicas-pagina,
.lojas-pagina,
.trabalhe-pagina,
.contato-simples{

  background:

    radial-gradient(
      circle at 90% 5%,
      rgba(200,162,77,.055),
      transparent 24%
    ),

    radial-gradient(
      circle at 5% 60%,
      rgba(30,91,170,.045),
      transparent 28%
    ),

    #f6f9fc !important;
}


/* =========================================
   RODAPÉ COM ACABAMENTO PREMIUM
========================================= */

footer{

  position:relative;

  background:
    linear-gradient(
      135deg,
      #061d43 0%,
      #0a306b 60%,
      #0c3a7d 100%
    ) !important;

  border-top:
    1px solid rgba(200,162,77,.22) !important;
}

footer::before{

  content:"";

  position:absolute;

  top:0;
  left:15%;
  right:15%;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(229,202,131,.55),
      transparent
    );
}


/* =========================================
   LINKS MAIS DELICADOS
========================================= */

a{
  transition:
    color .2s ease,
    opacity .2s ease,
    transform .2s ease;
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:700px){

  h1{
    letter-spacing:-.3px;
  }

  .trabalhe-cta,
  .politicas-ajuda,
  .contato-presencial-box{
    border-radius:20px !important;
  }

}/* =========================================
   AJUSTE DE CLAREZA DAS LOGOS + TEXTO DOS CARDS
   COLE NO FINAL DO style.css
========================================= */

/* ---------- TOPO / LOGOS ---------- */

.barra-superior{
  background: linear-gradient(135deg, #0a3270 0%, #0e468f 100%) !important;
}

.barra-conteudo{
  align-items: center !important;
  gap: 18px !important;
}

.marca-grupo,
.empresa-topo,
.marca-item{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.logo-topo,
.marca-grupo img,
.empresa-topo img,
.marca-item img{
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
  display: block !important;

  padding: 6px !important;
  border-radius: 16px !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.20) 0%,
    rgba(255,255,255,0.10) 100%
  ) !important;

  border: 1px solid rgba(255,255,255,0.14) !important;

  box-shadow:
    0 8px 18px rgba(0,0,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.20) !important;

  filter:
    brightness(1.08)
    contrast(1.18)
    saturate(1.08) !important;

  image-rendering: -webkit-optimize-contrast;
}

.marca-grupo-texto small,
.empresa-topo small,
.marca-texto small{
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #f1c75b !important;
  margin-bottom: 2px !important;
}

.marca-grupo-texto strong,
.empresa-topo strong,
.marca-texto strong{
  display: block !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.22) !important;
}

.divisor-topo{
  width: 1px !important;
  height: 52px !important;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(255,255,255,0.22),
    transparent
  ) !important;
  margin: 0 6px !important;
}


/* ---------- TÍTULO DOS CARDS SUPERIORES ---------- */
/* Ajusta os títulos dentro da faixa azul dos cards */

.card h3,
.card-topo h3,
.card-header h3,
.servico-card h3,
.servico-topo h3{
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 19px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.3px !important;
  text-transform: uppercase !important;
  margin: 0 !important;

  text-shadow:
    0 1px 2px rgba(0,0,0,0.30),
    0 0 10px rgba(0,0,0,0.12) !important;
}

/* Subtítulo/slug tipo /dhl-bauru, /cambio-bauru etc */
.card small,
.card-topo small,
.card-header small,
.servico-card small,
.servico-topo small{
  color: rgba(255,255,255,0.88) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  display: block !important;
  margin-top: 4px !important;
}

/* Área azul de cima dos cards */
.card-topo,
.card-header,
.servico-topo{
  background: linear-gradient(180deg, #072a63 0%, #0b3474 100%) !important;
}

/* Numeração dos cards */
.card-numero,
.numero-card,
.ordem-card{
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  border-radius: 50% !important;

  background: #ffffff !important;
  color: #0b3474 !important;
  font-size: 30px !important;
  font-weight: 800 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 6px 16px rgba(0,0,0,0.12) !important;
}

/* Caso o texto do topo do card esteja com pouca largura */
.card-topo .texto,
.card-header .texto,
.servico-topo .texto{
  flex: 1 !important;
}

/* ---------- TÍTULO INTERNO DO CARD (parte branca) ---------- */

.card-conteudo h3,
.card-body h3,
.card-conteudo .titulo-card,
.servico-card .card-conteudo h3{
  color: #0a3270 !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
}

/* Texto descritivo do card */
.card-conteudo p,
.card-body p,
.servico-card p{
  color: #506480 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* ---------- RESPONSIVO ---------- */

@media (max-width: 900px){

  .logo-topo,
  .marca-grupo img,
  .empresa-topo img,
  .marca-item img{
    width: 46px !important;
    height: 46px !important;
  }

  .marca-grupo-texto strong,
  .empresa-topo strong,
  .marca-texto strong{
    font-size: 17px !important;
  }

  .card h3,
  .card-topo h3,
  .card-header h3,
  .servico-card h3,
  .servico-topo h3{
    font-size: 17px !important;
  }

  .card-conteudo h3,
  .card-body h3,
  .card-conteudo .titulo-card,
  .servico-card .card-conteudo h3{
    font-size: 21px !important;
  }
}/* =========================================
   AJUSTE FINO DOS CARDS
   reduz o texto, melhora a leitura
   e evita sair da caixa
========================================= */

/* CARD GERAL */
.card,
.servico-card{
  overflow: hidden !important;
}

/* IMAGEM DO CARD */
.card img,
.servico-card img{
  width: 100% !important;
  height: 190px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* TOPO AZUL DO CARD */
.card-topo,
.card-header,
.servico-topo{
  background: linear-gradient(180deg, #072a63 0%, #0b3474 100%) !important;
  padding: 18px 18px 16px !important;
}

/* NÚMERO */
.card-numero,
.numero-card,
.ordem-card{
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #0b3474 !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.10) !important;
}

/* TÍTULO NA FAIXA AZUL */
.card-topo h3,
.card-header h3,
.servico-topo h3,
.card > div:first-child h3{
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.18) !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* SUBTÍTULO PEQUENO DO TOPO */
.card-topo small,
.card-header small,
.servico-topo small,
.card > div:first-child small{
  display: block !important;
  margin-top: 4px !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.88) !important;
}

/* CONTEÚDO BRANCO DO CARD */
.card-conteudo,
.card-body{
  padding: 20px 20px 24px !important;
}

/* TÍTULO INTERNO DO CARD */
.card-conteudo h3,
.card-body h3,
.card-conteudo .titulo-card,
.servico-card .card-conteudo h3{
  color: #0a3270 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.2px !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* TEXTO DESCRITIVO */
.card-conteudo p,
.card-body p,
.servico-card p{
  color: #506480 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* BOTÕES */
.card-botoes,
.servico-botoes{
  margin-top: 18px !important;
}

/* RESPONSIVO */
@media (max-width: 900px){
  .card img,
  .servico-card img{
    height: 170px !important;
  }

  .card-conteudo h3,
  .card-body h3,
  .card-conteudo .titulo-card,
  .servico-card .card-conteudo h3{
    font-size: 17px !important;
  }

  .card-topo h3,
  .card-header h3,
  .servico-topo h3,
  .card > div:first-child h3{
    font-size: 14px !important;
  }
}/* =========================================
   LOGOS EMPRESAS DO GRUPO - PREMIUM
========================================= */

.marca-destaque{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  white-space:nowrap !important;
}


/* CAIXA DA LOGO */

.logo-caixa{
  width:72px !important;
  height:72px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  flex-shrink:0 !important;

  padding:7px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.20),
      rgba(255,255,255,.07)
    ) !important;

  border:1px solid rgba(255,255,255,.20) !important;

  border-radius:18px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 8px 18px rgba(0,0,0,.13) !important;
}


/* LOGO */

.logo-topo-premium{
  width:100% !important;
  height:100% !important;

  display:block !important;

  object-fit:contain !important;
  object-position:center !important;

  background:transparent !important;

  filter:
    brightness(1.18)
    contrast(1.22)
    saturate(1.16) !important;

  transform:scale(1.05) !important;
}


/* TEXTO */

.marca-texto-premium{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  gap:4px !important;
}


/* EMPRESA DO GRUPO */

.marca-texto-premium small{
  margin:0 !important;

  color:#f2c94c !important;

  font-size:12px !important;
  line-height:1 !important;

  font-weight:800 !important;

  letter-spacing:2px !important;

  text-transform:uppercase !important;

  text-shadow:
    0 1px 2px rgba(0,0,0,.18) !important;
}


/* NOME DA EMPRESA */

.marca-texto-premium strong{
  margin:0 !important;

  color:#ffffff !important;

  font-size:25px !important;
  line-height:1.1 !important;

  font-weight:800 !important;

  letter-spacing:-.3px !important;

  text-shadow:
    0 2px 3px rgba(0,0,0,.22) !important;
}


/* LEVE EFEITO AO PASSAR O MOUSE */

.marca-destaque:hover .logo-caixa{
  border-color:rgba(242,201,76,.35) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 10px 22px rgba(0,0,0,.16) !important;
}


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

@media(max-width:900px){

  .logo-caixa{
    width:58px !important;
    height:58px !important;
  }

  .marca-texto-premium small{
    font-size:9px !important;
    letter-spacing:1.4px !important;
  }

  .marca-texto-premium strong{
    font-size:19px !important;
  }

  .marca-destaque{
    gap:10px !important;
  }

}/* =========================================
   TOPO PREMIUM - LOGOS TRANSPARENTES
========================================= */

.barra-superior{
  background:
    radial-gradient(
      circle at 35% 50%,
      rgba(32, 103, 190, 0.32) 0%,
      transparent 38%
    ),
    linear-gradient(
      110deg,
      #061d46 0%,
      #082d68 45%,
      #0b3f86 100%
    ) !important;

  border-bottom:1px solid rgba(255,255,255,.10) !important;

  box-shadow:
    0 8px 24px rgba(2,20,50,.16) !important;
}


/* LOGOS SEM FUNDO */

.logo-topo-ajustada{
  width:58px !important;
  height:58px !important;

  object-fit:contain !important;

  padding:0 !important;
  margin:0 !important;

  background:transparent !important;

  border:none !important;
  border-radius:0 !important;

  box-shadow:none !important;

  filter:
    brightness(1.18)
    contrast(1.25)
    saturate(1.12) !important;
}


/* TEXTO DA EMPRESA */

.marca-texto-ajustada small{
  color:#e3bd5a !important;

  font-size:9px !important;
  font-weight:700 !important;

  letter-spacing:1.5px !important;
}


.marca-texto-ajustada strong{
  color:#ffffff !important;

  font-size:19px !important;
  font-weight:750 !important;

  text-shadow:
    0 1px 3px rgba(0,0,0,.22) !important;
}/* =========================================
   AJUSTE SOMENTE DAS LOGOS DO TOPO
   mantém o fundo azul original
========================================= */

.logo-topo,
.logo-topo-ajustada,
.logo-topo-premium{

  width:56px !important;
  height:56px !important;

  display:block !important;

  object-fit:contain !important;
  object-position:center !important;

  padding:0 !important;
  margin:0 !important;

  background:transparent !important;

  border:none !important;
  border-radius:0 !important;

  box-shadow:none !important;

  filter:
    brightness(1.12)
    contrast(1.18)
    saturate(1.08) !important;

  transform:none !important;
}


/* NÃO CRIAR CAIXA ATRÁS DA LOGO */

.logo-caixa{
  width:auto !important;
  height:auto !important;

  padding:0 !important;

  background:transparent !important;

  border:none !important;
  border-radius:0 !important;

  box-shadow:none !important;
}


/* MANTÉM O NOME AO LADO LEGÍVEL */

.marca-texto strong,
.marca-texto-ajustada strong,
.marca-texto-premium strong{

  color:#ffffff !important;

  font-size:18px !important;
  line-height:1.1 !important;

  font-weight:700 !important;

  text-shadow:
    0 1px 2px rgba(0,0,0,.15) !important;
}


/* EMPRESA DO GRUPO */

.marca-texto small,
.marca-texto-ajustada small,
.marca-texto-premium small{

  color:#f2c94c !important;

  font-size:9px !important;

  font-weight:700 !important;

  letter-spacing:1.4px !important;
}