/* ===== Base compartilhada (blog e artigo) ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #f5f0e8; font-family: 'Nunito Sans', system-ui, sans-serif; color: #1c3a28; }
img { max-width: 100%; display: block; }
a { color: inherit; }

/* ================= MENU ================= */
.barra { position: fixed; top: 0; left: 0; right: 0; z-index: 80; background: #265954; border-bottom: 1px solid rgba(201,168,76,0.35); box-shadow: 0 2px 20px rgba(12,34,32,0.28); }
.barra__interno { max-width: 1280px; margin: 0 auto; padding: 14px 32px; display: flex; align-items: center; gap: 24px; }
.barra__marca { display: flex; align-items: center; gap: 12px; flex-shrink: 0; text-decoration: none; }
.barra__marca-iniciais { width: 38px; height: 38px; border-radius: 50%; border: 1px solid #c9a84c; align-items: center; justify-content: center; font-family: 'Playfair Display', serif; font-size: 12px; color: #c9a84c; font-weight: 700; flex-shrink: 0; }
.barra__logo { height: 46px; width: auto; display: block; flex-shrink: 0; }
.barra__marca-texto { font-family: 'Playfair Display', Georgia, serif; font-size: 16px; font-weight: 700; color: #f5f0e8; white-space: nowrap; }
.barra__nav { display: flex; align-items: center; gap: 16px; margin-left: auto; flex-wrap: wrap; }
.barra__link { font-family: 'Nunito Sans', sans-serif; font-size: 13px; font-weight: 600; color: rgba(245,240,232,0.82); text-decoration: none; padding: 6px 0; border-bottom: 2px solid transparent; white-space: nowrap; transition: color .18s ease, border-color .18s ease; }
.barra__link:hover, .barra__link.is-atual { color: #ffffff; border-bottom-color: #c9a84c; }
.barra__cta { font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #1c3a28; background: #c9a84c; text-decoration: none; padding: 12px 22px; white-space: nowrap; flex-shrink: 0; transition: background-color .2s ease; }
.barra__cta:hover { background: #b8952f; }
.barra__sanduiche {
  display: none; background: none; border: 1px solid rgba(245,240,232,0.4); border-radius: 3px;
  width: 40px; height: 38px; cursor: pointer; padding: 0; flex-shrink: 0;
}
.barra__sanduiche span { display: block; width: 18px; height: 1.5px; background: #f5f0e8; margin: 4px auto; transition: transform .22s ease, opacity .22s ease; }
.barra.is-aberta .barra__sanduiche span:nth-child(1) { transform: translateY(5.5px) rotate(45deg); }
.barra.is-aberta .barra__sanduiche span:nth-child(2) { opacity: 0; }
.barra.is-aberta .barra__sanduiche span:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg); }
@media (max-width: 1080px) {
  .barra__interno { padding: 12px 20px; gap: 14px; }
  .barra__nav {
    position: fixed; top: 62px; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0;
    background: #265954; border-top: 1px solid rgba(201,168,76,0.3);
    padding: 8px 20px 20px; margin-left: 0;
    max-height: calc(100vh - 62px); overflow-y: auto;
    transform: translateY(-14px); opacity: 0; pointer-events: none;
    transition: transform .22s ease, opacity .22s ease;
  }
  .barra.is-aberta .barra__nav { transform: translateY(0); opacity: 1; pointer-events: auto; }
  .barra__link { font-size: 15px; padding: 18px 0; min-height: 44px; display: flex; align-items: center; border-bottom: 1px solid rgba(245,240,232,0.12); }
  .barra__sanduiche { display: block; margin-left: auto; }
  .barra__cta { display: none; }
  .barra__marca-texto { font-size: 14px; }
  .barra__logo { height: 36px; }
}
@media (max-width: 420px) { .barra__marca-texto { display: none; } }

/* ================= BANNER (lista) ================= */
.banner { position: relative; background-color: #265954; overflow: hidden; }
.banner__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.15fr 0.85fr; align-items: center; max-width: 1280px; margin: 0 auto; min-height: 420px; }
.banner__content { padding: 130px 40px 56px 44px; text-align: left; }
.banner__rotulo { font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #c9a84c; margin-bottom: 16px; }
.banner__titulo { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 700; color: #ffffff; line-height: 1.2; max-width: 20ch; margin: 0 0 18px; }
.banner__texto { font-size: clamp(0.9rem, 1.4vw, 1rem); line-height: 1.7; color: rgba(245,240,232,0.82); max-width: 44ch; margin: 0; }
.banner__media { position: relative; align-self: stretch; justify-self: stretch; margin-left: -140px; min-height: 100%; background: #1d3d38; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.banner__video-link { position: absolute; inset: 0; display: block; }
.banner__video-thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.banner__video-play {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 76px; height: 76px; border-radius: 50%; background: rgba(15,25,20,0.55);
  border: 1px solid rgba(245,240,232,0.5); display: flex; align-items: center; justify-content: center;
  transition: background-color .2s ease, transform .2s ease;
}
.banner__video-link:hover .banner__video-play { background: rgba(15,25,20,0.75); transform: translate(-50%, -50%) scale(1.06); }
.banner__media-aviso { position: relative; z-index: 0; text-align: center; font-size: 12px; color: rgba(245,240,232,0.2); padding: 24px; }
.banner__fade { position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(to right, rgba(38,89,84,0.96) 0%, rgba(38,89,84,0.8) 12%, rgba(38,89,84,0.4) 28%, rgba(38,89,84,0) 60%),
    linear-gradient(to bottom, rgba(38,89,84,0.85) 0%, rgba(38,89,84,0) 10%),
    linear-gradient(to top, rgba(38,89,84,0.85) 0%, rgba(38,89,84,0) 10%);
}
@media (max-width: 900px) {
  .banner__grid { grid-template-columns: 1fr; min-height: 0; }
  .banner__content { padding: 118px 22px 34px; }
  .banner__titulo { max-width: none; }
  .banner__media { order: -1; margin-left: 0; aspect-ratio: 16/9; min-height: 0; }
}

/* ================= BUSCA E FILTROS ================= */
.ferramentas { background: #f5f0e8; padding: 34px 28px 46px; }
.ferramentas__container { max-width: 900px; margin: 0 auto; }
.busca { position: relative; max-width: 460px; margin: 0 auto 26px; }
.busca input {
  width: 100%; font-family: 'Nunito Sans', sans-serif; font-size: 14px; color: #1c3a28;
  background: #ffffff; border: 1px solid #ddd6c8; padding: 13px 18px 13px 44px;
}
.busca input::placeholder { color: #a39a86; }
.busca input:focus { outline: none; border-color: #c9a84c; }
.busca__icone { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: #8a6a48; pointer-events: none; }
.filtros { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.filtro { font-size: 12px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; padding: 9px 16px; border: 1px solid #ddd6c8; color: #566b56; text-decoration: none; background: #ffffff; }
.filtro.is-ativo { background: #265954; border-color: #265954; color: #f5f0e8; }
.filtro:hover:not(.is-ativo) { border-color: #c9a84c; color: #1c3a28; }

/* ================= GRADE DE ARTIGOS ================= */
.lista { background: #ffffff; padding: 10px 0 90px; }
.lista__container { max-width: 1180px; margin: 0 auto; padding: 0 40px; }
.grade-artigos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 36px; }
.artigo-card { text-decoration: none; color: inherit; }
.artigo-card__imagem { position: relative; aspect-ratio: 4/3; background: #e4ddd0; overflow: hidden; margin-bottom: 20px; }
.artigo-card__imagem img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.artigo-card__imagem-aviso { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; color: #b3a891; padding: 16px; }
.artigo-card__data {
  position: absolute; left: 0; bottom: 0; right: 0; padding: 26px 14px 10px;
  background: linear-gradient(to top, rgba(15,25,20,0.72) 0%, rgba(15,25,20,0) 100%);
  font-size: 12px; font-weight: 700; color: #ffffff; letter-spacing: 0.03em;
}
.artigo-card__categoria { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #8a6a48; margin-bottom: 10px; }
.artigo-card__titulo {
  font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 21px; font-weight: 700;
  line-height: 1.34; margin-bottom: 12px; transition: color .18s ease;
}
.artigo-card:hover .artigo-card__titulo { color: #265954; }
.artigo-card__resumo { font-size: 14px; line-height: 1.75; color: #6b7a6c; }
.lista__mais { text-align: center; margin-top: 56px; }
.botao-contorno { display: inline-block; background: transparent; color: #1c3a28; border: 2px solid #1c3a28; font-size: 13px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; text-decoration: none; padding: 16px 34px; transition: background-color .2s ease, color .2s ease; }
.botao-contorno:hover { background: #1c3a28; color: #f5f0e8; }
.lista__vazio { text-align: center; padding: 60px 20px; color: #8a9280; font-size: 15px; }
@media (max-width: 980px) {
  .grade-artigos { grid-template-columns: 1fr 1fr; gap: 40px 28px; }
}
@media (max-width: 620px) {
  .lista__container { padding: 0 24px; }
  .grade-artigos { grid-template-columns: 1fr; gap: 36px; }
}

/* ================= CABECALHO DO ARTIGO (single) ================= */
.artigo-topo { background: #265954; padding: 148px 28px 60px; text-align: center; }
.artigo-topo__breadcrumb { font-size: 12px; color: rgba(245,240,232,0.55); margin-bottom: 22px; }
.artigo-topo__breadcrumb a { text-decoration: none; color: rgba(245,240,232,0.75); }
.artigo-topo__breadcrumb a:hover { color: #c9a84c; }
.artigo-topo__categoria { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #c9a84c; margin-bottom: 18px; }
.artigo-topo__titulo { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.8rem, 3.8vw, 2.7rem); font-weight: 700; color: #f5f0e8; max-width: 780px; margin: 0 auto 22px; line-height: 1.26; }
.artigo-topo__meta { font-size: 13px; color: rgba(245,240,232,0.6); }
.artigo-topo__meta span + span::before { content: "·"; margin: 0 10px; color: rgba(245,240,232,0.35); }

.artigo-capa { max-width: 900px; margin: -40px auto 0; padding: 0 28px; }
.artigo-capa img { width: 100%; aspect-ratio: 16/8; object-fit: cover; border: 1px solid #ddd6c8; }
.artigo-capa__img { background: #e4ddd0; aspect-ratio: 16/8; display: flex; align-items: center; justify-content: center; color: #8a6a48; font-size: 13px; text-align: center; padding: 20px; border: 1px solid #ddd6c8; }

/* ================= CORPO DO ARTIGO ================= */
.artigo { background: #ffffff; padding: 64px 0 90px; }
.artigo__container { max-width: 700px; margin: 0 auto; padding: 0 28px; }
.artigo__audio {
  display: flex; align-items: center; gap: 16px; background: #f5f0e8; border-left: 3px solid #c9a84c;
  padding: 18px 22px; margin-bottom: 42px; font-size: 13px; color: #566b56;
}
.artigo__audio-icone { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: #265954; color: #f5f0e8; display: flex; align-items: center; justify-content: center; font-size: 16px; }
.artigo__corpo p { font-size: 17px; line-height: 1.85; color: #33453a; margin-bottom: 26px; }
.artigo__corpo h2 {
  font-family: 'Playfair Display', Georgia, serif; font-size: 26px; font-weight: 700; color: #1c3a28;
  margin: 46px 0 20px; line-height: 1.32;
}
.artigo__corpo h3 {
  font-family: 'Playfair Display', Georgia, serif; font-size: 21px; font-weight: 700; color: #1c3a28;
  margin: 36px 0 16px; line-height: 1.32;
}
.artigo__corpo blockquote {
  font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 21px; line-height: 1.55;
  color: #265954; border-left: 3px solid #c9a84c; padding: 4px 0 4px 28px; margin: 40px 0;
}
.artigo__corpo blockquote cite { display: block; font-family: 'Nunito Sans', sans-serif; font-style: normal; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #8a6a48; margin-top: 14px; }
.artigo__corpo img { margin: 30px 0; }
.artigo__corpo ul, .artigo__corpo ol { margin: 0 0 26px 22px; color: #33453a; font-size: 17px; line-height: 1.85; }
.artigo__autor { display: flex; align-items: center; gap: 14px; margin-top: 56px; padding-top: 30px; border-top: 1px solid #ddd6c8; }
.artigo__autor-avatar { width: 52px; height: 52px; border-radius: 50%; background: #f5f0e8; border: 1px solid #ddd6c8; flex-shrink: 0; }
.artigo__autor-nome { font-family: 'Playfair Display', Georgia, serif; font-size: 15px; font-weight: 700; }
.artigo__autor-legenda { font-size: 13px; color: #8a9280; }

/* ================= CTA DE FIM DE ARTIGO ================= */
.cta-artigo { background: #265954; padding: 64px 28px; text-align: center; }
.cta-artigo__container { max-width: 620px; margin: 0 auto; }
.cta-artigo__titulo { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.3rem, 2.4vw, 1.7rem); font-weight: 700; color: #f5f0e8; margin-bottom: 14px; line-height: 1.32; }
.cta-artigo__texto { font-size: 14px; line-height: 1.7; color: rgba(245,240,232,0.82); margin-bottom: 26px; }
.botao-ouro { display: inline-block; background: #c9a84c; color: #1c3a28; font-size: 13px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; text-decoration: none; padding: 16px 32px; transition: background-color .2s ease; }
.botao-ouro:hover { background: #b8952f; }

/* ================= RELACIONADOS ================= */
.relacionados { background: #f5f0e8; padding: 70px 0; }
.relacionados__container { max-width: 900px; margin: 0 auto; padding: 0 28px; }
.relacionados__titulo { font-family: 'Playfair Display', Georgia, serif; font-size: 22px; font-weight: 700; margin-bottom: 30px; text-align: center; }
.relacionados__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.relacionado { text-decoration: none; color: inherit; background: #ffffff; border-top: 3px solid #c9a84c; }
.relacionado__imagem { background: #e4ddd0; aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center; color: #c9a84c; font-family: 'Playfair Display', serif; font-size: 18px; overflow: hidden; position: relative; }
.relacionado__imagem img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.relacionado__corpo { padding: 18px 18px 20px; }
.relacionado__categoria { font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #8a6a48; margin-bottom: 8px; }
.relacionado__titulo { font-family: 'Playfair Display', Georgia, serif; font-size: 14.5px; font-weight: 700; line-height: 1.35; }
@media (max-width: 700px) { .relacionados__grid { grid-template-columns: 1fr; } }

/* ================= RODAPE ================= */
.rodape { background: #265954; padding: 54px 24px 40px; }
.rodape__interno { max-width: 1080px; margin: 0 auto; }
.rodape__topo { display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; padding-bottom: 28px; border-bottom: 1px solid rgba(245,240,232,0.18); }
.rodape__marca { display: flex; align-items: center; gap: 14px; }
.rodape__marca-iniciais { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #c9a84c; align-items: center; justify-content: center; font-family: 'Playfair Display', serif; font-size: 13px; color: #c9a84c; font-weight: 700; flex-shrink: 0; }
.rodape__logo { height: 52px; width: auto; display: block; flex-shrink: 0; }
.rodape__marca-texto { font-family: 'Playfair Display', Georgia, serif; font-size: 17px; font-weight: 700; color: #f5f0e8; line-height: 1.3; }
.rodape__redes { display: flex; gap: 12px; flex-wrap: wrap; }
.rodape__rede { display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: #f5f0e8; text-decoration: none; border: 1px solid rgba(245,240,232,0.35); border-radius: 4px; padding: 10px 16px; transition: border-color .18s ease, background .18s ease; }
.rodape__rede:hover { border-color: #c9a84c; background: rgba(201,168,76,0.12); }
.rodape__base { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding-top: 24px; }
.rodape__nota { font-size: 13px; line-height: 1.65; color: rgba(245,240,232,0.7); max-width: 620px; }
.rodape__assinatura { font-size: 13px; color: rgba(245,240,232,0.55); }
@media (max-width: 760px) { .rodape__topo { flex-direction: column; align-items: flex-start; gap: 22px; } .rodape__redes { width: 100%; flex-direction: column; } .rodape__base { flex-direction: column; align-items: flex-start; gap: 12px; } }