:root {
    --green-main     : #005B52;
    --green-light    : #0F7C6F;
    --brown-main     : #9B3A1F;
    --brown-main-dark: #8d351c;
    --text-dark      : #333333;
}
html {
  scroll-padding-top: 100px; /* altura do menu */
  scroll-behavior: smooth;
}


* {
    box-sizing: border-box;
}

.text-brown {
    color: var(--brown-main);
}

.bg-brown{
    background-color: var(--brown-main) !important;
}
.btn-brown {
    background-color: var(--brown-main);
    transition      : .3s;
    color           : #fff;
    padding: 2px;
}

.btn-brown:hover,
.btn-brown:active {
    background-color: var(--brown-main-dark);
    transition      : .3s;
    color: #29a89b;
}

body {
    font-family     : 'Montserrat', sans-serif;
    color           : var(--text-dark);
    /* background-color: #f4f4f4; */
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    display  : block;
}

.navbar {
    font-size: 0.90rem;
}

.navbar.bg-green{
    background-color: var(--green-light);
}
.navbar .nav-link {
    color        : #707070;
    font-weight  : 500;
    border-radius: 5px;
    text-transform: uppercase;
}
.navbar.bg-green .nav-link {
    color        : #fff;
    font-weight  : 500;
    border-radius: 5px;
}
nav a.active
.navbar .nav-link:hover,
.navbar .nav-link:focus, 
.navbar .nav-link.active {
    color           : #fff;
    background-color: var(--brown-main);
    border-radius   : 5px;
}

.hero {
    min-height : 80vh;
    padding-top: 96px;
    background : url('../img/hero-bg2.jpg') center center / cover no-repeat;
    position   : relative;
    text-align : center;
}
.hero-sobre {
    min-height : 270px;
    padding-top: 96px;
    background : url('../img/hero-bg2.jpg') center center / cover no-repeat;
    position   : relative;
    text-align : center;
}

.hero-overlay {
    /* position: absolute;
    inset   : 0;
    background: radial-gradient(circle at top, rgba(0, 0, 0, 0.35), transparent 15%),
        linear-gradient(120deg, rgba(0, 91, 82, 0.95), rgba(0, 91, 82, 0.75)); */
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  /* Cor preta (0,0,0) com 50% de transparência (0.5) */
  background-color: rgba(0, 0, 0, 0.3);    
}

.hero .container {
    position: relative;
}

.hero-title {
    font-size: clamp(1.9rem, 3vw, 2.6rem);
}

.hero-subtitle {
    font-size  : 1.28rem;
    line-height: 1.6;
}

.section-sobre .title {
    color         : var(--brown-main);
    letter-spacing: 5px;
}

.section-sobre .link {
    color: var(--brown-main);
}

.section-sobre .link:hover {
    font-weight: 500;
    transition : .3s;
}
.section-sobre p {
    color: #535353;
    font-size  : 0.95rem;
}

.section-defesa {
    background:
        url('../img/defesa-bg.jpg') center center / cover no-repeat;
}

.section-defesa .card-defesa {
    background-color: var(--brown-main);
}

/* .section-sobre-defesa {
  margin-top: -70px;
  margin-bottom: 40px;
}

.section-sobre-defesa .box-sobre,
.section-sobre-defesa .box-defesa {
  border-radius: 14px;
}

.section-sobre-defesa .box-sobre {
  background-color: #ffffff;
  padding: 24px 28px;
  border-top: 6px solid var(--green-main);
}

.section-sobre-defesa .box-defesa {
  position: relative;
  overflow: hidden;
  color: #ffffff;
  min-height: 100%;
}

.section-sobre-defesa .box-defesa-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(0, 91, 82, 0.94), rgba(15, 124, 111, 0.85)),
    url('../img/defesa-bg.jpg') center center / cover no-repeat;
  filter: saturate(1.05);
}

.section-sobre-defesa .box-defesa-inner {
  position: relative;
  padding: 24px 24px 26px;
} */
.icon-100 {
  width: 80px;
  height: 80px;
  object-fit: contain; /* Esta é a propriedade mais importante */
}
.text-green {
    color: var(--green-main);
}

.btn-outline-green {
    border-color: var(--green-main);
    color       : var(--green-main);
    font-weight : 600;
}

.btn-outline-green:hover {
    background-color: var(--green-main);
    color           : #ffffff;
}

.card-defesa {
    /*
   * Uma cor sólida de fallback para navegadores
   * que não suportam gradientes.
   */

  /*
   * O gradiente linear que vai da esquerda (to right)
   * do tom #8a3a27 para o tom #a34a33.
   */
  background: linear-gradient(to bottom, #611e0e 0%, #7e321e 45%, #611e0e 100%);
    color           : var(--text-dark);
    border-radius   : 10px;
    font-size       : 0.88rem;
    font-weight     : 600;
    box-shadow      : 0 8px 18px rgba(0, 0, 0, 0.20);
    min-height: 210px;
}

.defesa-title {
    display: block;
}

.section-consultoria {
    background-color: #ffffff;
}

.card-consultoria .card-body {
    padding: 18px 18px 20px;
}

.card-consultoria .card-title {
    font-size    : 1rem;
    margin-bottom: 0.6rem;
}

.card-consultoria .card-text {
    font-size  : 0.92rem;
    line-height: 1.5;
}

.section-denuncias {
    background-color: #fff;
}

.section-denuncias .container {
    background: linear-gradient(135deg, var(--green-main), var(--green-light));
}
.section-noticias-interna {
    background      : #FFF;
}
/* .section-noticias {
    background-color: #ffffff;
} */
.section-noticias {
    background-color: linear-gradient(135deg, var(--green-main), var(--green-light));
    background      : #FFF;
    background      : linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(0, 91, 82, 1) 50%);
}

.section-noticias .card-news-thumbnail {
    max-height: 150px;
}

.section-noticias .card-news-thumbnail img {
    width          : 100%;
    height         : 150px;
    object-fit     : cover;
    object-position: center;
}

/* .noticia-item {
    border-radius   : 12px;
    overflow        : hidden;
    background-color: #ffffff;
}

.noticia-img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

.noticia-body {
    display        : flex;
    align-items    : stretch;
    justify-content: space-between;
    padding        : 16px 18px;
    height         : 100%;
}

.noticia-text {
    font-size: 0.9rem;
}

.noticia-meta {
    font-size: 0.78rem;
    color    : #777;
}

.noticia-more {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.btn-noticia-more {
    width           : 32px;
    height          : 32px;
    border-radius   : 50%;
    border          : none;
    background-color: var(--brown-main);
    color           : #ffffff;
    font-weight     : 700;
    font-size       : 1rem;
    line-height     : 1;
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
    cursor          : pointer;
} */

.btn-noticia-more:hover {
    background-color: #7c2f19;
    color           : white;
    border          : 1px solid #7c2f19 !important;
}

.section-contato {
    position  : relative;
    background: url('../img/contact-bg.jpg') center center / cover no-repeat;
}

.contato-overlay {
    position  : absolute;
    inset     : 0;
    background: linear-gradient(135deg, rgba(0, 91, 82, 0.90), rgba(0, 91, 82, 0.75));
}

.section-contato .container {
    position: relative;
    z-index : 1;
}

.section-contato .form-contato {
    font-size: 0.9rem;
}

.section-contato .form-control {
    border-radius: 6px;
    font-size    : 0.9rem;
}

.btn-green {
    background-color: var(--brown-main);
    border-color    : var(--brown-main);
    color           : #ffffff;
}

.btn-green:hover {
    background-color: #7c2f19;
    border-color    : #7c2f19;
}

hr { 
    background-color: var(--brown-main-dark); 
    height: 2px; 
    border: 0; 
    width: 60%; /* Defina a largura que desejar (ex: 80% ou 500px) */
}

.hrinterno {
    background-color: var(--brown-main-dark); 
    height: 2px; 
    border: 0; 
    width: 80%; /* Defina a largura que desejar (ex: 80% ou 500px) */
    margin-left: auto;
    margin-right: auto;
}
.hrinterno2 {
    background-color: #CCC; 
    height: 2px; 
    border: 0; 
    width: 100%; /* Defina a largura que desejar (ex: 80% ou 500px) */
}
.acesso hr { 
    background-color: var(--brown-main-dark); 
    height: 1px; 
    border: 0; 
    width: 60%; /* Defina a largura que desejar (ex: 80% ou 500px) */
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991.98px) {
    .section-sobre-defesa {
        margin-top: -40px;
    }

    .section-sobre-defesa .box-sobre {
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .hero {
        min-height    : 70vh;
        padding-bottom: 40px;
    }

    .section-sobre-defesa {
        margin-top: -30px;
    }

    .noticia-body {
        flex-direction: column;
        gap           : 8px;
    }

    .noticia-more {
        justify-content: flex-start;
    }
}

.footer {
    background-color: white;
}

.logo-footer {
    max-width: 150px;
    height   : auto;
}

.footer-bg-black {
    background-color: #222;
}

.footer-bg-green {
background: #168275;
background: linear-gradient(130deg, rgba(22, 130, 117, 1) 0%, rgba(0, 91, 82, 1) 64%);
}

.list-sobre{
    list-style: none;
}