/* Conselho em faixa compacta: os três temas avançam sozinhos, no ritmo da narrativa de valores da Gessolution. */
.council-story{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:var(--ivory);padding:clamp(54px,7vh,80px) 0 clamp(110px,14vh,140px)}

/* Cabeçalho da faixa e temas. Sem carrossel, os temas ficam listados um abaixo do outro. */
.council-story-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 22px;border-bottom:1px solid #ffffff2e;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#a9b4ba}
.council-story-name{margin:0;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit}
.council-story-count b{font-weight:600;color:var(--gold)}
.council-story-list{display:grid;margin:0;padding:0;list-style:none}
.council-story-item{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(56px,9vw,150px);align-items:start;padding:40px 0;border-bottom:1px solid #ffffff1f}
.council-story-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:clamp(16px,2.4vw,36px);align-items:start}
.council-story-number{padding-top:14px;font-size:12px;font-weight:600;letter-spacing:1.6px;color:var(--gold)}
.council-story-title{overflow:hidden;padding-bottom:.14em}
.council-story-item h3{margin:0;font:500 clamp(52px,6vw,88px)/.98 var(--sans);letter-spacing:-.06em}
.council-story-item h3 em{font:italic 500 1.1em/1 var(--serif);letter-spacing:-.02em;color:var(--gold)}
.council-story-copy{padding-top:26px;border-top:1px solid #ffffff38}
.council-story-label{margin-bottom:18px;font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold)}
.council-story-copy>p:not(.council-story-label){max-width:440px;font-size:clamp(19px,1.8vw,25px);line-height:1.5;letter-spacing:-.02em;color:#eef1f1}
.council-story-copy .chapter-tags{margin-top:24px}
.council-story-progress,.council-story-count{display:none}
.council-story-watermark{position:absolute;z-index:-1;bottom:-78px;left:2%;font:italic 270px/1 var(--serif);letter-spacing:-14px;color:#ffffff0a;white-space:nowrap;pointer-events:none}

/* Botão ao pé da faixa. */
.council-story-action{display:flex;justify-content:center;margin-top:34px}
.council-story-action .button{font-size:13px;gap:30px;background:#fff;color:#0b151c;box-shadow:0 6px 25px #ffffff15}
.council-story-action .button:hover{background:#eeeeee}
.council-story-action .button-arrow{background:#0b151c;color:#f2f1eb}

/* Carrossel: um tema por vez, trocado a cada 5 segundos ou pelos marcadores. */
.council-story.is-carousel .council-story-count{display:inline}
.council-story.is-carousel .council-story-list{margin-top:clamp(40px,6vh,58px)}
.council-story.is-carousel .council-story-item{grid-area:1/1;padding:0;border:0;visibility:hidden;opacity:0;transition:opacity .35s,visibility 0s .35s}
.council-story.is-carousel .council-story-item.is-active{visibility:visible;opacity:1;transition:opacity .35s}
.council-story.is-carousel .is-active h3{animation:council-story-in .62s var(--ease) both}
.council-story.is-carousel .is-active .council-story-copy>*{animation:council-story-in .7s .08s var(--ease) both}
.council-story.is-carousel .is-active .council-story-copy>.chapter-tags{animation-delay:.16s}
.council-story.is-carousel .council-story-progress{display:block;position:relative;height:1px;margin-top:clamp(44px,6vh,60px);background:#ffffff33}
.council-story-progress>span{position:absolute;inset:0 auto 0 0;width:calc(var(--story-progress,0)*100%);background:var(--gold);transition:width .6s var(--ease)}
.council-story-markers{position:absolute;inset:50% 0 auto;display:flex;justify-content:space-between;transform:translateY(-50%)}
.council-story-markers button{position:relative;width:9px;height:9px;padding:0;border:1px solid #ffffff85;border-radius:50%;background:var(--navy);cursor:pointer;transition:border-color .3s,background-color .3s,transform .3s}
.council-story-markers button::before{content:'';position:absolute;inset:-13px}
.council-story-markers button:hover{border-color:var(--gold)}
.council-story-markers button.is-passed{border-color:var(--gold);background:var(--gold);transform:scale(1.25)}
.council-story-markers button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@keyframes council-story-in{from{opacity:0;filter:blur(8px);transform:translateY(42px)}to{opacity:1;filter:none;transform:none}}

/* Entrada do bloco ao chegar na seção. */
.motion-ready #conselho .council-story-panel{--enter-delay:.05s}

@media(max-width:1000px) and (min-width:761px){.council-story-item{gap:48px}.council-story-item h3{font-size:clamp(46px,6vw,60px)}}
@media(max-width:760px){
  .council-story{padding:58px 0 90px}
  .council-story-topline{font-size:9px;letter-spacing:1.4px;padding:0 0 16px}
  .council-story-item{grid-template-columns:1fr;gap:18px;padding:28px 0}
  .council-story-heading{grid-template-columns:30px minmax(0,1fr);gap:12px}
  .council-story-number{padding-top:8px;font-size:11px}
  .council-story-item h3{font-size:40px;letter-spacing:-.05em}
  .council-story-copy{padding-top:0;border-top:0;padding-left:42px}
  .council-story-label{margin-bottom:10px;font-size:9px}
  .council-story-copy>p:not(.council-story-label){font-size:16px}
  .council-story-action{margin-top:30px}
  .council-story-action .button{font-size:12px;min-height:51px}
  .council-story-watermark{font-size:170px;bottom:-24px;letter-spacing:-9px}
}