/*
Theme Name: Divi Child
Theme URI: https:/newcorpbrasil.com.br
Description: Tema filho do Divi
Author: Luana Carvalho
Author URI: https://luana-carvalho.com
Template: Divi
Version: 1.0.0
*/

/* Geral*/
body {
  margin: 0;
}

#main-content .hero-split{
  background: url("/wp-content/uploads/mapa-1.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.container {
  margin: 0 auto;
  padding: 0;
  max-width: 715px!important;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.col-md-6 {
  width: 50%;
}

.col-md-8 {
  width: 70%;
}

.col-md-4 {
  width: 30%;
}

/* Cores */
.bg-red{background: #A0232E;}
.bg-cinza{background: #B5B5B5;}

/* Logotipo */
.logo-container {
  display: flex;
  justify-content: center; /* centraliza horizontal */
  align-items: center;     /* centraliza vertical */
  padding: 0;
  margin: auto;
}

.logo-container img {
  max-width: 375px;
  height: auto;
}

/* Lista de itens do portfolio */
.hero-split .item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 30px 40px;
}

.hero-split .thumb img {
  width: 85px;
}

.hero-split .content {
  flex: 1;
}

h3.title-projetos{
    color: #A0232E;
    font-family: "Roboto", sans-serif;
    font-size: 21px;
    font-weight: 600;
}

/* Footer */
.footer h5 a{
    color: #FFF;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 18px 25px;
    display: block;
}

/* Barra de Título */
.bg-bartitle{
    background: url("/wp-content/uploads/titlebar_intestinal-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 300px;
    padding: 95px 30px;
}

.titlebar h1{
    color: #FFF;
    font-family: "Roboto", sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0px 60px;
}

/* Marcas */
.hero-brands {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap; /* quebra linha se precisar */
  text-align: center;
  margin-top: 90px;
}

.brand-item {
  width: 150px; /* controla o tamanho da coluna */
  display: flex;
  justify-content: center;
  align-items: center;
}

.brand-item img {
  max-width: 100%;
  max-height: 40px; /* padroniza altura */
  object-fit: contain; /* mantém proporção */
}