/* CBR - estilo compartilhado das paginas com fragmento .cbr-root.
   EDITE AQUI para mudar cores, fontes e espacamentos de TODAS as paginas.
   Paleta em .cbr-root (--cbr-wine, --cbr-gold, etc). */

.cbr-root{all:revert;box-sizing:border-box;line-height:1.5;font-family:'Inter',sans-serif;scroll-behavior:smooth;background:var(--cbr-paper);color:var(--cbr-body);
  --cbr-wine:#743C3C;--cbr-gold:#B99668;--cbr-paper:#F5EFE5;--cbr-paper-2:#F0EAE0;--cbr-body:#4A423C;--cbr-line:#E4DACB;
  --cbr-ink:#1C1714;--cbr-cream:#F7F3EC;--cbr-taupe:#A89484;--cbr-taupe-2:#CBB9A8;}
.cbr-root *,.cbr-root *::before,.cbr-root *::after{box-sizing:border-box}
.cbr-root .cbr-link{color:inherit;text-decoration:none}
.cbr-root .cbr-img{max-width:100%;height:auto;display:block}
.cbr-root .cbr-font-serif{font-family:'Cormorant Garamond',serif}

.cbr-root .cbr-hero{
  background:linear-gradient(to bottom,rgba(28,23,20,.8),rgba(28,23,20,.95)),url('imagens/hero-escritorio.webp');
  background-size:cover;background-position:center;
}

.cbr-root .cbr-flex{display:flex}.cbr-root .cbr-grid{display:grid}.cbr-root .cbr-block{display:block}
.cbr-root .cbr-inline-block{display:inline-block}.cbr-root .cbr-relative{position:relative}
.cbr-root .cbr-flex-col{flex-direction:column}.cbr-root .cbr-flex-wrap{flex-wrap:wrap}
.cbr-root .cbr-items-center{align-items:center}.cbr-root .cbr-items-end{align-items:flex-end}
.cbr-root .cbr-justify-center{justify-content:center}.cbr-root .cbr-justify-between{justify-content:space-between}
.cbr-root .cbr-text-center{text-align:center}.cbr-root .cbr-text-left{text-align:left}
.cbr-root .cbr-w-full{width:100%}.cbr-root .cbr-h-full{height:100%}.cbr-root .cbr-min-h-screen{min-height:100vh}
.cbr-root .cbr-max-w-2xl{max-width:42rem}.cbr-root .cbr-max-w-4xl{max-width:56rem}
.cbr-root .cbr-max-w-7xl{max-width:80rem}.cbr-root .cbr-max-w-xl{max-width:36rem}
.cbr-root .cbr-mx-auto{margin-left:auto;margin-right:auto}
.cbr-root .cbr-overflow-hidden{overflow:hidden}
.cbr-root .cbr-rounded{border-radius:.25rem}.cbr-root .cbr-rounded-lg{border-radius:.5rem}
.cbr-root .cbr-rounded-xl{border-radius:.75rem}.cbr-root .cbr-rounded-none{border-radius:0}
.cbr-root .cbr-italic{font-style:italic}.cbr-root .cbr-uppercase{text-transform:uppercase}
.cbr-root .cbr-font-light{font-weight:300}.cbr-root .cbr-font-medium{font-weight:500}
.cbr-root .cbr-font-semibold{font-weight:600}.cbr-root .cbr-font-bold{font-weight:700}
.cbr-root .cbr-leading-tight{line-height:1.25}.cbr-root .cbr-leading-snug{line-height:1.375}
.cbr-root .cbr-leading-relaxed{line-height:1.625}
.cbr-root .cbr-tracking-widest{letter-spacing:.1em}
.cbr-root .cbr-transition{transition:all .3s ease}
.cbr-root .cbr-duration-300{transition-duration:.3s}.cbr-root .cbr-duration-500{transition-duration:.5s}
.cbr-root .cbr-duration-700{transition-duration:.7s}
.cbr-root .cbr-shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}
.cbr-root .cbr-shadow-xl{box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1)}
.cbr-root .cbr-border{border:1px solid var(--cbr-line)}
.cbr-root .cbr-border-y{border-top:1px solid var(--cbr-line);border-bottom:1px solid var(--cbr-line)}
.cbr-root .cbr-border-b{border-bottom:1px solid currentColor}
.cbr-root .cbr-grayscale{filter:grayscale(1)}
.cbr-root .cbr-object-cover{object-fit:cover}.cbr-root .cbr-object-top{object-position:top}
.cbr-root .cbr-text-xs{font-size:.75rem}.cbr-root .cbr-text-sm{font-size:.875rem}
.cbr-root .cbr-text-lg{font-size:1.125rem}.cbr-root .cbr-text-xl{font-size:1.25rem}
.cbr-root .cbr-text-2xl{font-size:1.5rem}.cbr-root .cbr-text-3xl{font-size:1.875rem}
.cbr-root .cbr-text-4xl{font-size:2.25rem}.cbr-root .cbr-text-6xl{font-size:3.75rem}
.cbr-root .cbr-w-4{width:1rem}.cbr-root .cbr-h-4{height:1rem}.cbr-root .cbr-w-12{width:3rem}
.cbr-root .cbr-h-1{height:.25rem}.cbr-root .cbr-h-56{height:14rem}
.cbr-root .cbr-ml-1{margin-left:.25rem}.cbr-root .cbr-mt-1{margin-top:.25rem}
.cbr-root .cbr-mt-10{margin-top:2.5rem}.cbr-root .cbr-mt-12{margin-top:3rem}
.cbr-root .cbr-mb-3{margin-bottom:.75rem}.cbr-root .cbr-mb-4{margin-bottom:1rem}
.cbr-root .cbr-mb-6{margin-bottom:1.5rem}.cbr-root .cbr-mb-8{margin-bottom:2rem}
.cbr-root .cbr-mb-10{margin-bottom:2.5rem}.cbr-root .cbr-mb-12{margin-bottom:3rem}
.cbr-root .cbr-mb-16{margin-bottom:4rem}
.cbr-root .cbr-pb-1{padding-bottom:.25rem}
.cbr-root .cbr-px-6{padding-left:1.5rem;padding-right:1.5rem}
.cbr-root .cbr-px-8{padding-left:2rem;padding-right:2rem}
.cbr-root .cbr-py-3{padding-top:.75rem;padding-bottom:.75rem}
.cbr-root .cbr-py-4{padding-top:1rem;padding-bottom:1rem}
.cbr-root .cbr-py-16{padding-top:4rem;padding-bottom:4rem}
.cbr-root .cbr-py-24{padding-top:6rem;padding-bottom:6rem}
.cbr-root .cbr-p-8{padding:2rem}
.cbr-root .cbr-gap-4{gap:1rem}.cbr-root .cbr-gap-6{gap:1.5rem}
.cbr-root .cbr-gap-8{gap:2rem}.cbr-root .cbr-gap-16{gap:4rem}
.cbr-root .cbr-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cbr-root .cbr-bg-white{background:var(--cbr-paper)}
.cbr-root .cbr-bg-transparent{background:transparent}
.cbr-root .cbr-bg-gray-50{background:var(--cbr-cream)}
.cbr-root .cbr-bg-amber-600{background:var(--cbr-wine)}
.cbr-root .cbr-bg-slate-900{background:var(--cbr-ink)}
.cbr-root .cbr-text-white{color:var(--cbr-paper)}
.cbr-root .cbr-text-gray-300{color:var(--cbr-taupe-2)}
.cbr-root .cbr-text-gray-400{color:var(--cbr-taupe)}
.cbr-root .cbr-text-gray-600{color:var(--cbr-body)}
.cbr-root .cbr-text-slate-700{color:var(--cbr-body)}
.cbr-root .cbr-text-slate-900{color:var(--cbr-ink)}
.cbr-root .cbr-text-amber-500{color:var(--cbr-gold)}
.cbr-root .cbr-text-amber-600{color:var(--cbr-wine)}
.cbr-root .cbr-border-gray-100{border-color:var(--cbr-paper-2)}
.cbr-root .cbr-border-gray-200{border-color:var(--cbr-line)}
.cbr-root .cbr-border-gray-400{border-color:var(--cbr-taupe)}
.cbr-root .cbr-border-slate-300{border-color:var(--cbr-taupe-2)}
.cbr-root .cbr-border-amber-600{border-color:var(--cbr-wine)}
.cbr-root .cbr-opacity-80{opacity:.8}

/* hover (real rules, no colons) */
.cbr-root .cbr-hover-bg-amber-500:hover{background:var(--cbr-gold)}
.cbr-root .cbr-hover-text-amber-600:hover{color:var(--cbr-wine)}
.cbr-root .cbr-hover-text-amber-500:hover{color:var(--cbr-gold)}
.cbr-root .cbr-hover-bg-white-10:hover{background:rgba(245,239,229,.1)}
.cbr-root .cbr-hover-border-white:hover{border-color:var(--cbr-paper)}
.cbr-root .cbr-hover-bg-slate-50:hover{background:var(--cbr-paper-2)}
.cbr-root .cbr-hover-shadow-xl:hover{box-shadow:0 20px 25px -5px rgb(0 0 0/.15),0 8px 10px -6px rgb(0 0 0/.1)}
.cbr-root .cbr-hover-up:hover{transform:translateY(-.25rem)}

/* group-hover (real rules, scoped to cbr- classes only) */
.cbr-root .cbr-group:hover .cbr-group-hover-text-amber-600{color:var(--cbr-wine)}
.cbr-root .cbr-group:hover .cbr-group-hover-text-amber-500{color:var(--cbr-gold)}
.cbr-root .cbr-group:hover .cbr-group-hover-scale-105{transform:scale(1.05)}
.cbr-root .cbr-group:hover .cbr-group-hover-grayscale-0{filter:grayscale(0)}
.cbr-root .cbr-group:hover .cbr-group-hover-opacity-100{opacity:1}

@media(min-width:640px){
  .cbr-root .cbr-sm-flex-row{flex-direction:row}
}
@media(min-width:768px){
  .cbr-root .cbr-md-mt-0{margin-top:0}
  .cbr-root .cbr-md-flex-row{flex-direction:row}
  .cbr-root .cbr-md-w-half{width:50%}
  .cbr-root .cbr-md-text-4xl{font-size:2.25rem}
  .cbr-root .cbr-md-text-6xl{font-size:3.75rem}
  .cbr-root .cbr-md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cbr-root .cbr-md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* ---- layout de pagina (largura total, sem sidebar/titulo) ---- */
body.cbr-fullwidth{overflow-x:hidden}
body.cbr-fullwidth .cbr-root{width:100vw;max-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
body.cbr-fullwidth #main-content .container,body.cbr-fullwidth .entry-content,body.cbr-fullwidth #content-area{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}
body.cbr-fullwidth #sidebar,body.cbr-fullwidth .et_pb_widget_area{display:none!important}
body.cbr-fullwidth .entry-title,body.cbr-fullwidth .page-title,body.cbr-fullwidth h1.entry-title{display:none!important}
body.cbr-fullwidth #main-content{padding-top:0!important}

/* ---- secao de blog: destaque 70% + 2 secundarios 30% ---- */
.cbr-root .cbr-bloglayout{display:grid;grid-template-columns:1fr;gap:32px}
.cbr-root .cbr-blogside{display:flex;flex-direction:column;gap:28px}
.cbr-root .cbr-dest-thumb{display:block;margin-bottom:22px}
.cbr-root .cbr-dest-thumb img{width:100%;height:340px;object-fit:cover}
.cbr-root .cbr-mini{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start}
.cbr-root .cbr-mini-thumb img{width:120px;height:90px;object-fit:cover}
.cbr-root .cbr-mini .cbr-cardtxt h3{margin-bottom:0}
@media(min-width:900px){.cbr-root .cbr-bloglayout{grid-template-columns:7fr 3fr;gap:44px}.cbr-root .cbr-dest-thumb img{height:420px}.cbr-root .cbr-mini{grid-template-columns:1fr;gap:12px}.cbr-root .cbr-mini-thumb img{width:100%;height:150px}}


/* ==== AREAS DE ATUACAO ====  */
/* === CSS NOVO PARA cbr-base.css (pagina Areas de Atuacao) === */
.cbr-root .cbr-areas-bloco{padding-top:5rem;padding-bottom:5rem;border-bottom:1px solid var(--cbr-line)}
.cbr-root .cbr-areas-bloco:last-of-type{border-bottom:none}
.cbr-root .cbr-areas-inverte{flex-direction:column}
@media(min-width:768px){.cbr-root .cbr-areas-inverte{flex-direction:row-reverse}}
.cbr-root .cbr-areas-fotobox{aspect-ratio:4/5;position:relative}
.cbr-root .cbr-areas-foto{width:100%;height:100%;object-fit:cover;filter:none;opacity:1}
/* Efeito preto-e-branco -> cor conforme a SECAO do socio passa pelo centro.
   Timeline ancorada na secao (nao na imagem): a caixa da foto tem
   overflow:hidden, o que a tornaria o scroll container e travaria o efeito.
   SOMENTE DESKTOP (>=1025px). */
@media (min-width: 1025px) {
  @supports (animation-timeline: view()) {
    .cbr-root .cbr-areas-bloco {
      view-timeline-name: --cbr-areas-secao;
      view-timeline-axis: block;
    }
    .cbr-root .cbr-areas-foto {
      animation: cbr-areas-revela linear both;
      animation-timeline: --cbr-areas-secao;
      animation-range: cover 0% cover 100%;
      will-change: filter, opacity;
    }
    @keyframes cbr-areas-revela {
      0%   { filter: grayscale(1); opacity: .6 }
      40%  { filter: grayscale(0); opacity: 1 }
      60%  { filter: grayscale(0); opacity: 1 }
      100% { filter: grayscale(1); opacity: .6 }
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .cbr-root .cbr-areas-foto { animation: none; filter: none; opacity: 1 }
}
.cbr-root .cbr-areas-cargo{color:var(--cbr-gold);font-size:.95rem;letter-spacing:.02em}
.cbr-root .cbr-areas-lista{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.cbr-root .cbr-areas-lista .cbr-areas-item{position:relative;padding-left:1.25rem;color:var(--cbr-body)}
.cbr-root .cbr-areas-lista .cbr-areas-item::before{content:'';position:absolute;left:0;top:.55em;width:.4rem;height:.4rem;background:var(--cbr-gold)}
.cbr-root .cbr-areas-cta{display:inline-flex;align-items:center;gap:.4rem;color:var(--cbr-wine);font-weight:600;border-bottom:1px solid var(--cbr-wine);padding-bottom:.15rem}
.cbr-root .cbr-areas-cta:hover{color:var(--cbr-gold);border-color:var(--cbr-gold)}
.cbr-root .cbr-areas-cta::after{content:'→'}
.cbr-root .cbr-areas-encerramento{text-align:center;border-top:1px solid var(--cbr-line)}
.cbr-root .cbr-areas-fotocol{width:100%}
.cbr-root .cbr-areas-textocol{width:100%}
@media(min-width:768px){
  .cbr-root .cbr-areas-fotocol{width:34%;max-width:320px}
  .cbr-root .cbr-areas-textocol{width:66%}
}

/* ==== CARROSSEL DO BLOG (CSS puro, sem JavaScript) ====
   3 slides de 3 posts, 5s cada. Clicar numa barra reposiciona E CONTINUA rodando:
   cada estado usa um conjunto de keyframes que comeca no slide escolhido. */
.cbr-root .cbr-blogcarrossel{overflow:hidden;position:relative;width:100%}
.cbr-root .cbr-blogtrack{display:flex;width:100%;will-change:transform}
.cbr-root .cbr-blogslide{flex:0 0 100%;width:100%;min-width:100%}
.cbr-root .cbr-blogcarrossel:hover .cbr-blogtrack,.cbr-root .cbr-blogcarrossel:hover .cbr-blognav-item{animation-play-state:paused}
/* indicadores */
.cbr-root .cbr-blogradio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip:rect(0 0 0 0);overflow:hidden}
.cbr-root .cbr-blognav{display:flex;gap:10px;justify-content:flex-end;margin:0 0 24px}
.cbr-root .cbr-blognav-item{display:block;width:56px;height:4px;border-radius:2px;background:var(--cbr-line);cursor:pointer;transition:transform .2s ease}
.cbr-root .cbr-blognav-item:hover{transform:scaleY(1.6)}
/* estado padrao: comeca no slide 1 */
.cbr-root .cbr-slides-3 .cbr-blogtrack{animation:cbr-trkA 15s infinite}
.cbr-root .cbr-slides-3 .cbr-blognav-item:nth-child(1){animation:cbr-navP1 15s infinite}
.cbr-root .cbr-slides-3 .cbr-blognav-item:nth-child(2){animation:cbr-navP2 15s infinite}
.cbr-root .cbr-slides-3 .cbr-blognav-item:nth-child(3){animation:cbr-navP3 15s infinite}
/* clique na barra 1 */
.cbr-root #cbr-bs1:checked ~ .cbr-blogtrack{animation-name:cbr-trkA2}
.cbr-root #cbr-bs1:checked ~ .cbr-blognav .cbr-blognav-item:nth-child(1){animation-name:cbr-navP1b}
.cbr-root #cbr-bs1:checked ~ .cbr-blognav .cbr-blognav-item:nth-child(2){animation-name:cbr-navP2b}
.cbr-root #cbr-bs1:checked ~ .cbr-blognav .cbr-blognav-item:nth-child(3){animation-name:cbr-navP3b}
/* clique na barra 2 */
.cbr-root #cbr-bs2:checked ~ .cbr-blogtrack{animation-name:cbr-trkB}
.cbr-root #cbr-bs2:checked ~ .cbr-blognav .cbr-blognav-item:nth-child(1){animation-name:cbr-navP3}
.cbr-root #cbr-bs2:checked ~ .cbr-blognav .cbr-blognav-item:nth-child(2){animation-name:cbr-navP1}
.cbr-root #cbr-bs2:checked ~ .cbr-blognav .cbr-blognav-item:nth-child(3){animation-name:cbr-navP2}
/* clique na barra 3 */
.cbr-root #cbr-bs3:checked ~ .cbr-blogtrack{animation-name:cbr-trkC}
.cbr-root #cbr-bs3:checked ~ .cbr-blognav .cbr-blognav-item:nth-child(1){animation-name:cbr-navP2}
.cbr-root #cbr-bs3:checked ~ .cbr-blognav .cbr-blognav-item:nth-child(2){animation-name:cbr-navP3}
.cbr-root #cbr-bs3:checked ~ .cbr-blognav .cbr-blognav-item:nth-child(3){animation-name:cbr-navP1}
/* trilhas: cada uma comeca num slide diferente */
@keyframes cbr-trkA{0%,28%{transform:translateX(0)}33.333%,61.333%{transform:translateX(-100%)}66.666%,94.666%{transform:translateX(-200%)}100%{transform:translateX(0)}}
@keyframes cbr-trkA2{0%,28%{transform:translateX(0)}33.333%,61.333%{transform:translateX(-100%)}66.666%,94.666%{transform:translateX(-200%)}100%{transform:translateX(0)}}
@keyframes cbr-trkB{0%,28%{transform:translateX(-100%)}33.333%,61.333%{transform:translateX(-200%)}66.666%,94.666%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@keyframes cbr-trkC{0%,28%{transform:translateX(-200%)}33.333%,61.333%{transform:translateX(0)}66.666%,94.666%{transform:translateX(-100%)}100%{transform:translateX(-200%)}}
/* barras: P1 acende no 1o terco, P2 no 2o, P3 no 3o (b = copia p/ forcar reinicio) */
@keyframes cbr-navP1{0%,30%{background:var(--cbr-gold)}34%,100%{background:var(--cbr-line)}}
@keyframes cbr-navP1b{0%,30%{background:var(--cbr-gold)}34%,100%{background:var(--cbr-line)}}
@keyframes cbr-navP2{0%,32%{background:var(--cbr-line)}34%,63%{background:var(--cbr-gold)}67%,100%{background:var(--cbr-line)}}
@keyframes cbr-navP2b{0%,32%{background:var(--cbr-line)}34%,63%{background:var(--cbr-gold)}67%,100%{background:var(--cbr-line)}}
@keyframes cbr-navP3{0%,65%{background:var(--cbr-line)}67%,96%{background:var(--cbr-gold)}100%{background:var(--cbr-line)}}
@keyframes cbr-navP3b{0%,65%{background:var(--cbr-line)}67%,96%{background:var(--cbr-gold)}100%{background:var(--cbr-line)}}
/* mobile: sem carrossel, sem indicadores, so os 3 mais recentes */
@media (max-width: 899px){
  .cbr-root .cbr-blognav{display:none}
  .cbr-root .cbr-blogtrack{animation:none!important;transform:none!important;display:block;width:100%}
  .cbr-root .cbr-blogslide{min-width:0;width:100%;flex:none}
  .cbr-root .cbr-blogslide + .cbr-blogslide{display:none}
}
@media (prefers-reduced-motion: reduce){
  .cbr-root .cbr-blogtrack,.cbr-root .cbr-blognav-item{animation:none!important}
  .cbr-root .cbr-blogtrack{transform:none!important}
}