/* Agência Brunt CiAtive - tudo sob html.ag-novo (remover a classe = volta ao original) */
html.ag-novo{
  --ag-preto:#0c0b0b; --ag-ouro:#d4a85a; --ag-ouro-esc:#b88a3e;
  --ag-branco:#fefdfb; --ag-off:#fdfaf7; --ag-texto:#2b2926; --ag-borda:#e4d9c6;
  --ag-serif:'Playfair Display',Georgia,serif; --ag-sans:'Inter',Arial,sans-serif;
}
.ag-novo body{font-family:var(--ag-sans);color:var(--ag-texto);background:var(--ag-off)}
.ag-novo h1,.ag-novo h2,.ag-novo h3,.ag-novo h4,.ag-novo .title{font-family:var(--ag-serif);font-weight:500;color:var(--ag-preto)}
.ag-novo a{color:var(--ag-ouro-esc)}
.ag-novo a:hover{color:var(--ag-ouro)}

/* header */
.ag-novo header,.ag-novo .header,.ag-novo #header{background:var(--ag-branco)}
.ag-novo header img[src*="logo"],.ag-novo footer img[src*="logo"]{max-height:80px;width:auto;height:auto}

/* botões: preto com borda dourada */
.ag-novo .btn-default,.ag-novo .btn-primary{background:var(--ag-preto);color:var(--ag-ouro);border:1px solid var(--ag-ouro);border-radius:2px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--ag-sans)}
.ag-novo .btn-default:hover,.ag-novo .btn-primary:hover,.ag-novo .btn-default:focus{background:var(--ag-ouro);color:var(--ag-preto);border-color:var(--ag-ouro)}

/* rodapé preto */
.ag-novo .background-secondary,.ag-novo footer{background:var(--ag-preto)!important;color:#d9d3c7}
.ag-novo footer a,.ag-novo .background-secondary a{color:var(--ag-ouro)}
.ag-novo footer h1,.ag-novo footer h2,.ag-novo footer h3,.ag-novo footer h4{color:var(--ag-ouro)}

/* detalhes dourados: carrossel, spinner, seta, cookie */
.ag-novo .owl-dot.active span,.ag-novo .owl-dots .owl-dot:hover span{background:var(--ag-ouro)!important}
.ag-novo .owl-dot span{background:#cfc6b4!important}
.ag-novo .spinner,.ag-novo .loader,.ag-novo #preload{border-top-color:var(--ag-ouro);border-color:var(--ag-ouro)}
.ag-novo #arrowUp,.ag-novo .arrow-up{background:var(--ag-preto);color:var(--ag-ouro);border:1px solid var(--ag-ouro)}
.ag-novo .cookie,.ag-novo #cookies,.ag-novo .cookies{background:var(--ag-preto);color:#d9d3c7}
.ag-novo .cookie .btn,.ag-novo #cookies .btn{background:var(--ag-ouro);color:var(--ag-preto);border-color:var(--ag-ouro)}

/* mobile: texto MENU escondido, só o ícone */
@media (max-width:767px){.ag-novo .menu-text,.ag-novo .navbar-toggler-text{display:none}}
/* WhatsApp permanece verde (marca) */
/* ===== AJUSTE 2 ===== */


/* Bloco de apresentação: simples, fundo branco, texto legível */
html.ag-novo #imagesList{background:var(--ag-branco)}
html.ag-novo #imagesList .block-text,
html.ag-novo #imagesList .block-text p{color:var(--ag-texto);text-align:left!important}
html.ag-novo #imagesList .block-text h2{color:var(--ag-preto);text-align:left!important}
html.ag-novo #imagesList .block-text p{line-height:1.7}
html.ag-novo #imagesList .block-text p + p{margin-top:16px;padding-top:16px;border-top:1px dashed var(--ag-ouro)}
html.ag-novo #imagesList .item-client img{background:transparent}

/* WhatsApp: texto branco, sem dourado/vermelho */
html.ag-novo .whats-footer a,
html.ag-novo .whats-footer a *{color:#fff!important;font-family:var(--ag-sans);letter-spacing:.06em}
/* ===== FIM AJUSTE 2 ===== */
/* ===== AJUSTE 3 ===== */
/* Banner: mantém o comportamento original (altura 70vh), só ancora no topo para não cortar a "testa"/título */

/* Menu + ícones sociais na mesma linha (desktop) */
@media (min-width:1200px){
  html.ag-novo header #menu > div{flex-wrap:nowrap!important;justify-content:flex-end!important}
  html.ag-novo header #menu ul{flex-wrap:nowrap!important;gap:0 clamp(10px,1.2vw,20px);margin:0;width:auto}
  html.ag-novo header #menu ul.list-network{margin:0 0 0 clamp(10px,1.2vw,20px)!important}
  html.ag-novo header #menu li{margin:0}
  html.ag-novo header #menu li a{font-size:clamp(12.5px,1.05vw,15px);letter-spacing:.04em;white-space:nowrap}
}
/* ===== FIM AJUSTE 3 ===== */
/* ===== AJUSTE 4 ===== */
/* Banner do topo: arte inteira, sem cortar (fundo preto só no banner) */
html.ag-novo #conceptual .item-banner{background:#0c0b0b}
html.ag-novo #conceptual .item-banner img{height:auto!important;width:100%;object-fit:contain}

/* ===== FIM AJUSTE 4 ===== */
/* ===== AJUSTE 5 ===== */
/* Faixa preta de ponta a ponta atrás das imagens de exemplos: o fundo preto da arte se funde com a faixa */
html.ag-novo #imagesList{overflow-x:clip}
html.ag-novo #imagesList .row.justify-content-center > .col-lg-10{position:relative;isolation:isolate;padding-top:28px;padding-bottom:28px}
html.ag-novo #imagesList .row.justify-content-center > .col-lg-10::before{
  content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#0c0b0b}
/* proporção original e bordas esfumadas (a arte original é cortada nas laterais) */
html.ag-novo #imagesList .item-image img{height:auto!important;width:100%;object-fit:contain;border-radius:0;box-shadow:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
html.ag-novo #imagesList .item-image{margin-bottom:0}
/* ===== FIM AJUSTE 5 ===== */
/* ===== AJUSTE 6 ===== */
/* Card do texto (borda dourada suave, cantos arredondados) */
html.ag-novo #imagesList .block-text{
  position:relative;background:#fff;border:1px solid var(--ag-borda);border-radius:12px;
  padding:42px 36px 30px;box-shadow:0 2px 14px rgba(12,11,11,.05);margin-bottom:2.5rem!important}
/* linha dourada curta acima do título */
html.ag-novo #imagesList .block-text h2{position:relative;margin:0 0 6px;padding:0;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.15}
html.ag-novo #imagesList .block-text h2::before{content:"";position:absolute;left:0;top:-22px;width:40px;border-top:2px solid var(--ag-ouro)}
html.ag-novo #imagesList .block-text h2::after{content:none}
/* cada parágrafo ganha uma linha dourada curta acima (troca o tracejado anterior) */
html.ag-novo #imagesList .block-text p,
html.ag-novo #imagesList .block-text p + p{position:relative;margin:16px 0 0;padding-top:16px;border-top:0;font-size:1.02rem}
html.ag-novo #imagesList .block-text p::before{content:"";position:absolute;left:0;top:0;width:36px;border-top:1px solid var(--ag-ouro)}

/* WhatsApp flutuante em pílula verde-escura */
html.ag-novo .whats-footer{background:#2a7a46!important;border-radius:999px!important;left:16px!important;bottom:16px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.25);overflow:hidden}
html.ag-novo .whats-footer a{background:transparent!important;border-radius:999px;padding-left:6px;padding-right:6px}
@media (max-width:767px){html.ag-novo #imagesList .block-text{padding:34px 22px 22px}}
/* ===== FIM AJUSTE 6 ===== */