/* ===== REMOVE MARCA VISUAL DO CONTAINER (SEM QUEBRAR LAYOUT) ===== */

/* Fundo geral da página */
body {
  background-color: #ffffff;
}

/* Container principal */
.conteiner {
  background-color: #ffffff;
  box-shadow: none !important;
  border: none !important;
}

/* Área interna da página */
.pagina-conteudo {
  background-color: #ffffff;
}

/* Remove possíveis linhas laterais */
.conteiner::before,
.conteiner::after {
  display: none !important;
}
html,
body,
#corpo,
#pagina,
.wrapper,
.conteudo {
  background-color: #ffffff !important;
}
/* ===== REMOVE QUALQUER SOMBRA RESIDUAL DO LAYOUT ===== */

.conteiner,
.conteudo,
.principal,
.pagina,
.pagina-pagina,
.secao-principal,
.box,
.caixa,
.caixa-sombreada,
.breadcrumb {
  box-shadow: none !important;
  border: none !important;
  background-image: none !important;
}

/* 1️⃣ Oculta o título repetido das páginas extras */
.pagina-pagina .titulo {
  display: none;
}

/* 2️⃣ Reativa o título do menu (categorias) */
.pagina-pagina .menu .titulo,
.pagina-pagina .menu-categorias .titulo,
.pagina-pagina nav .titulo {
  display: block !important;
}

/* ======================================================
   PÁGINAS EXTRAS – CONTEÚDO LARGO (SEM AFETAR O MENU)
   ====================================================== */

/* Área branca da página (abaixo do breadcrumb) */
.pagina-pagina .conteiner-principal > .container {
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
  padding: 48px 24px;
  box-sizing: border-box;
}
/* =====================================================
   HERO FULL WIDTH (ponta a ponta)
   ===================================================== */

.pagina-pagina .hero-full {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.pagina-pagina .hero-full img {
  width: 100%;
  height: auto;
  display: block;
}

/* =====================================================
   CONTEÚDO CENTRAL (limitado)
   ===================================================== */

.pagina-pagina .conteudo-pagina {
  max-width: 1366px;
  margin: 0 auto;
  padding: 64px 24px;
  box-sizing: border-box;
}

/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 768px) {

  .pagina-pagina .conteudo-pagina {
    padding: 32px 16px;
  }

  .pagina-pagina .hero-full {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}