/* ==========================================================================
   BLUE INC — COMPATIBILIDADE COM WORDPRESS / THE7 / WPBAKERY
   --------------------------------------------------------------------------
   Carregado por último nos modelos Blue. Tudo aqui vale só dentro de
   body.blue-wp, para não afetar as páginas que continuam no The7.
   ========================================================================== */

/* ---------- WPBakery: linhas, colunas e elementos ----------
   Linhas de largura total já saem sem invólucro (inc/blue-wpbakery.php).
   Estas regras cobrem linhas divididas em colunas e elementos comuns. */
.blue-wp .vc_row{margin-left:0;margin-right:0}
.blue-wp .vc_column_container>.vc_column-inner{padding-left:0;padding-right:0}
.blue-wp .wpb_content_element,
.blue-wp .wpb_raw_code,
.blue-wp .wpb_text_column{margin-bottom:0}
.blue-wp .wpb_text_column :last-child{margin-bottom:0}
/* Linhas "esticadas" pelo WPBakery recebem left/width via JS; sem conteúdo do
   The7 em volta, a página já ocupa a largura toda. */
.blue-wp .vc_row[data-vc-full-width]{left:auto!important;width:auto!important;padding-left:0;padding-right:0}
.blue-wp .vc_row-full-width.vc_clearfix{display:none}
/* Ultimate Addons: os fundos de linha (vídeo/parallax) ficam atrás do conteúdo. */
.blue-wp .upb_row_bg,.blue-wp .upb_video_class{z-index:0}

/* ---------- Barra de administração (usuário logado) ---------- */
.admin-bar .hdr{top:calc(var(--hdr-gap,0px) + 32px)}
.admin-bar .hdr.is-float,
.admin-bar .project-header{top:32px}
@media (max-width:782px){
  .admin-bar .hdr{top:calc(var(--hdr-gap,0px) + 46px)}
  .admin-bar .hdr.is-float,
  .admin-bar .project-header{top:46px}
}
@media (max-width:600px){
  /* No celular a barra do WP rola junto com a página. */
  #wpadminbar{position:absolute}
  .admin-bar .hdr.is-float,.admin-bar .project-header{top:0}
}

/* ---------- Matéria: capa = imagem destacada do post ---------- */
.blue-wp.article-page .article-demo__head::before{
  background:linear-gradient(90deg,rgba(8,14,44,.92),rgba(8,14,44,.55) 58%,rgba(8,14,44,.24)),
    var(--blue-capa,url("../img/institucional-grande.webp")) center/cover
}
.blue-wp .article-demo article img{max-width:100%;height:auto}
.blue-wp .article-demo article .wp-block-image,
.blue-wp .article-demo article figure{margin:2rem 0}
.blue-wp .article-demo article figcaption{font-size:.85rem;color:#626680;margin-top:.5rem}

/* Galeria da matéria (metabox "Blue — Galeria da Matéria"). */
.blue-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem;margin:2.4rem 0}
.blue-galeria__item{display:block;aspect-ratio:4/3;overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.blue-galeria__item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.blue-galeria__item:hover img{transform:scale(1.06)}

/* Tags da matéria. */
.blue-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0}
.blue-tags a{font-size:.8rem;font-weight:700;color:#2e3191;border:1px solid #d9ddec;padding:.35rem .7rem}
.blue-tags a:hover{color:#fff;background:#2e3191;border-color:#2e3191}

/* Widgets na sidebar da matéria. */
.article-sidebar__widget{margin-top:2rem}
.article-sidebar__widget strong{display:block;margin-bottom:.8rem}
.article-sidebar__widget ul{list-style:none;margin:0;padding:0}
.article-sidebar__widget li{margin:.4rem 0}

/* ---------- Listagens: paginação do WordPress ---------- */
.events-pagination .page-numbers.current{color:#fff;background:#2e3191;border:1px solid #2e3191}
.events-pagination .page-numbers.dots{border:0}
.events-pagination .next,.events-pagination .prev{min-width:auto!important}

/* Busca na listagem. */
.blue-busca{display:flex;gap:.5rem;max-width:420px;width:100%}
.blue-busca input{flex:1;min-width:0;padding:.75rem .9rem;border:1px solid #d9ddec;font:inherit}
.blue-busca button{padding:.75rem 1.1rem;border:0;background:#2e3191;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.blue-vazio{margin-top:2rem;color:#626680}

/* Texto vindo do editor nas páginas simples. */
.blue-wp .legal__text ul,.blue-wp .legal__text ol{padding-left:1.3rem;margin:0 0 1.35rem}
.blue-wp .legal__text li{margin:.35rem 0}

/* Acessibilidade: texto só para leitores de tela (o The7 é removido). */
.blue-wp .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ---------- Empreendimento: evolução da obra (plugin Blue Empreendimentos) ---------- */
.project-obra{margin-top:clamp(2.5rem,5vw,4rem)}
.project-obra__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;margin-bottom:1.2rem}
.project-obra__head h3{margin:0;font-size:clamp(1.3rem,2.2vw,1.7rem);color:#fff}
.project-obra__head p{margin:0;color:rgba(255,255,255,.7);font-size:.9rem}

/* ---------- Formulários: captcha ALTCHA e mensagem de erro ---------- */
.form__captcha{display:block;margin:1rem 0 .8rem;
  --altcha-max-width:100%;--altcha-border-radius:0;--altcha-border-width:1px;
  --altcha-color-border:#d9ddec;--altcha-color-text:#191b35;--altcha-color-base:#fff;
  --altcha-color-border-focus:#39c1d7;--altcha-color-error-text:#b32d2e;--altcha-color-footer-bg:#f5f7fb}
.form__ok.is-erro{color:#b32d2e;background:rgba(179,45,46,.08);border-color:rgba(179,45,46,.25)}
.form__submit:disabled{opacity:.7;cursor:progress}