.header.container-header.full-width {
    background: #1e3a5f !important;
    background-image: none !important;
}
.header.container-header.full-width .mod-menu a {
    color: #ffffff !important;
}
.header.container-header.full-width .mod-menu a:hover {
    color: #f1c40f !important;
}
.header.container-header.full-width {
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.banner-slider {
  position: relative;
  width: 100%;
  max-width: 728px;
  height: 120px;
  overflow: hidden;
  margin: 0 auto;
}
body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: 'Montserrat', sans-serif;
}

.banner-slider img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover; /* preenche tudo */
  background: #fff;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.banner-slider img.active {
  opacity: 1;
}
.banner-slider a {
  display: block;
  width: 100%;
  height: 100%;
}

.mod-banners {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mod-banners img {
    max-width: 100%;
    height: auto;
}

:root {
    --cassiopeia-font-family-body: 'Open Sans', sans-serif;
    --cassiopeia-font-family-headings: 'Montserrat', sans-serif;
}

/* Ajustes profissionais */
body {
    font-size: 16px;
}

h1 {
    font-size: 28px;
    font-weight: 700;
}

h2 {
    font-size: 22px;
}

p {
    line-height: 1.6;
}
/* Dropdown estilizado */
.container-header .mod-menu .parent>ul {
    background-color: #004080 !important; /* azul do topo */
    color: #ffffff !important; /* letras brancas */
}

.container-header .mod-menu .parent>ul li a {
    color: #ffffff !important; /* letras brancas nos links */
    padding: 8px 15px; /* ajuste do espaçamento */
    display: block;
    text-decoration: none;
}

.container-header .mod-menu .parent>ul li a:hover {
    background-color: #003366 !important; /* hover mais escuro */
    color: #ffff00 !important; /* texto amarelo no hover */
}

/* ==========================
   Grade de categorias e anunciantes
========================== */
.category-box, .article-box {
    display: inline-block;
    width: 200px;
    margin: 15px;
    text-align: center;
}

.category-box img, .article-box img {
    width: 100%;
    height: 150px;
    object-fit: contain;
    border-radius: 8px;
}

.category-box h3, .article-box h3 {
    margin-top: 10px;
    font-size: 16px;
    color: #112855;
}

.category-box img {
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    border-radius: 8px;
    transition: transform 0.3s;
}

.category-box img:hover {
    transform: scale(1.05);
}