/* ============ rodada de 09/10/2026, seções claras alternando com as escuras ============ */
.cl-l{background:#F3F6F3;color:var(--tinta)}
.cl-l .cl-h2{color:var(--tinta)}
.cl-l .cl-h2 b{background:linear-gradient(90deg,#16803A,#0FBF6A 60%,#0A9F8A);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-l .lead{color:#4A524A}
.cl-l .olho{color:var(--verde-texto)}

/* declaração, centralizada na seção, com foto em cada cartão */
.cl-declara{display:grid;align-items:center;min-height:max(100svh,820px);padding-block:clamp(72px,8vw,120px)}
.cl-declara>.caixa{display:grid;gap:clamp(36px,5vw,64px)}
.cl-declara .cl-topo-sec{margin:0;justify-items:center;text-align:center}
.cl-declara .cl-h2{max-width:14em}
.cl-declara .cl-topo-sec .lead{max-width:36em}
.cl-l .cl-card{padding:0;overflow:hidden;gap:0;background:#fff;box-shadow:inset 0 0 0 1px var(--linha-clara),0 30px 70px -48px rgba(10,11,10,.35);color:var(--tinta)}
.cl-l .cl-card:hover{box-shadow:inset 0 0 0 1px rgba(44,122,49,.45),0 40px 80px -44px rgba(10,11,10,.4)}
.cl-card-img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .9s var(--mola)}
.cl-card:hover .cl-card-img{transform:scale(1.04)}
.cl-card{overflow:hidden}
.cl-card-corpo{display:grid;align-content:start;gap:16px;padding:26px 28px 30px;position:relative;background:inherit}
.cl-l .cl-card header u{color:var(--verde-texto)}
.cl-l .cl-card header small{color:var(--cinza-claro)}
.cl-l .cl-ic{background:#E7F4E8;box-shadow:inset 0 0 0 1px rgba(44,122,49,.28);color:var(--verde-texto)}
.cl-l .cl-card p{color:#4A524A}
.cl-l .cl-card ul{border-top-color:var(--linha-clara)}
.cl-l .cl-card li{color:#1F2620}
.cl-l .cl-card li svg{color:var(--verde-texto)}

/* linhas, a tela sai 1/4 pra fora, pra direita ou pra esquerda */
.cl-row{overflow-x:clip;overflow-y:visible}
.cl-row-tela .tg{width:128%}
.cl-row.e .cl-row-tela .tg{margin-left:-28%}
.cl-row.d .cl-row-tela,.cl-row.e .cl-row-tela{margin-inline:0}
.cl-row .tg{box-shadow:inset 0 0 0 1.5px rgba(150,255,165,.5),0 50px 90px -40px rgba(0,0,0,.9),0 0 70px -34px rgba(83,255,93,.5)}
.cl-row.d .cl-pil{left:-4%}
.cl-row.e .cl-pil{left:auto;right:30%}

/* painel de abas, também com 1/4 saindo */
.cl-l .cl-abas-bt .cl-aba{color:#2A322B;box-shadow:inset 0 0 0 1px var(--linha-clara);background:#fff}
.cl-l .cl-aba:hover{box-shadow:inset 0 0 0 1px rgba(10,11,10,.35)}
.cl-l .cl-aba[aria-selected="true"]{background:var(--tinta);color:var(--branco);box-shadow:none}
.cl-painel-tela{overflow:visible;margin-right:0}
.cl-painel-tela .tg{width:128%}
.cl-painel{overflow:hidden}

/* números com contagem */
.cl-nums{padding-block:clamp(72px,9vw,130px)}
.cl-num-card{position:relative;overflow:hidden;padding:34px 32px 30px;gap:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--linha-clara),0 30px 70px -50px rgba(10,11,10,.3);--mx:50%;--my:0%}
.cl-num-card .cl-num-brilho{position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(44,200,110,.22),transparent 70%);opacity:0;transition:opacity .4s ease}
.cl-num-card:hover .cl-num-brilho{opacity:1}
.cl-num-card b{font-size:clamp(3rem,6vw,4.8rem);background:linear-gradient(90deg,#0E7A38,#18C66B);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.cl-num-card span{color:#3A423A;position:relative}
.cl-num-card em{position:absolute;left:0;bottom:0;height:4px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#16803A,#53FF5D);transition:transform 1.4s var(--mola) .3s}
.cl-num-card.on em{transform:scaleX(1)}

/* comparativo, risca o que sobra e desenha o que fica */
.cl-comp{padding-block:clamp(72px,9vw,130px)}
.cl-comp-col{position:relative;overflow:hidden}
.cl-comp-col li span{position:relative;transition:color .6s ease}
.cl-comp-col.nao li span{background:linear-gradient(currentColor,currentColor) 0 55%/0% 1.5px no-repeat;transition:background-size .7s var(--mola),color .6s ease}
.cl-comp-col.nao li svg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s ease}
.cl-comp-col.sim li svg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s ease}
.cl-comp-col li{opacity:.25;transform:translateX(-10px);transition:opacity .5s ease,transform .7s var(--mola)}
.cl-comp-col.sim li{transform:translateX(10px)}
.cl-comp-col.vai li{opacity:1;transform:none}
.cl-comp-col.vai li svg path{stroke-dashoffset:0}
.cl-comp-col.nao.vai li span{background-size:100% 1.5px;color:rgba(255,255,255,.42)}
.cl-comp-col li:nth-child(1){transition-delay:.15s}.cl-comp-col li:nth-child(2){transition-delay:.4s}.cl-comp-col li:nth-child(3){transition-delay:.65s}.cl-comp-col li:nth-child(4){transition-delay:.9s}
.cl-comp-col.nao.vai li:nth-child(1) span{transition-delay:.35s}.cl-comp-col.nao.vai li:nth-child(2) span{transition-delay:.6s}.cl-comp-col.nao.vai li:nth-child(3) span{transition-delay:.85s}.cl-comp-col.nao.vai li:nth-child(4) span{transition-delay:1.1s}
.cl-comp-col.sim{box-shadow:none;background:radial-gradient(90% 70% at 100% 0,rgba(83,255,93,.12),transparent 70%),rgba(255,255,255,.04)}
.cl-borda{position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--ang,0deg),rgba(83,255,93,0) 0 55%,rgba(83,255,93,.95) 78%,rgba(190,255,200,.95) 86%,rgba(83,255,93,0) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gira 6s linear infinite}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes gira{to{--ang:360deg}}
.cl-comp-col.sim::after{content:"";position:absolute;inset:auto -20% -40% -20%;height:60%;background:radial-gradient(closest-side,rgba(83,255,93,.28),transparent);filter:blur(30px);opacity:0;transition:opacity 1.2s ease .6s;pointer-events:none}
.cl-comp-col.sim.vai::after{opacity:1}

/* catálogo claro */
.cl-catalogo.cl-l{padding-bottom:clamp(56px,8vw,110px)}
.cl-l .busca{background:#fff;box-shadow:inset 0 0 0 1px var(--linha-clara),0 20px 50px -36px rgba(10,11,10,.35);-webkit-backdrop-filter:none;backdrop-filter:none}
.cl-l .busca:focus-within{box-shadow:inset 0 0 0 1.5px rgba(44,122,49,.7),0 20px 50px -30px rgba(44,122,49,.45)}
.cl-l .busca svg{color:var(--verde-texto)}
.cl-l .busca input{color:var(--tinta)}
.cl-l .busca input::placeholder{color:#7A827A}
.cl-l .busca-n{background:#EEF3EE;color:#3A423A}
.cl-l .busca-n b{color:var(--verde-texto)}
.cl-l .indice{background:rgba(243,246,243,.86);box-shadow:0 1px 0 var(--linha-clara),0 -1px 0 var(--linha-clara)}
.indice-fila{justify-content:center}
.cl-l .ind{color:#4A524A}
.cl-l .ind:hover{color:var(--tinta);background:rgba(10,11,10,.05)}
.cl-l .ind .n{background:#E4EAE4;color:#2A322B}
.cl-l .ind[aria-current="true"]{background:var(--tinta);color:var(--branco)}
.cl-l .ind[aria-current="true"] .n{background:var(--neon);color:var(--tinta)}
.cl-l .cat+.cat{border-top-color:var(--linha-clara)}
.cl-l .cat-topo h2{color:var(--tinta)}
.cl-l .cat-topo h2 small{color:var(--verde-texto)}
.cl-l .cat-topo p{color:#4A524A}
.cat-topo{grid-template-columns:1fr;gap:14px;align-items:start;margin-bottom:clamp(28px,4vw,44px)}
.cat-topo p{max-width:34em}
.cl-l .item{background:#fff;box-shadow:inset 0 0 0 1px var(--linha-clara)}
.cl-l .item:hover{background:#fff;box-shadow:inset 0 0 0 1px rgba(10,11,10,.25)}
.cl-l .item b{color:#2A322B}
.cl-l .item small{color:#4A524A}
.cl-l .item[aria-selected="true"]{background:#fff;box-shadow:inset 0 0 0 1.5px rgba(44,122,49,.7),0 20px 40px -30px rgba(44,122,49,.5)}
.cl-l .item[aria-selected="true"] b{color:var(--tinta)}
.cl-l .item .pro{color:var(--verde-texto);box-shadow:inset 0 0 0 1px rgba(44,122,49,.5)}
.cl-l .item .pro.breve{color:#8A5A00;box-shadow:inset 0 0 0 1px rgba(138,90,0,.5)}
.cl-l .item .prog{background:var(--verde)}
.cl-l .item .ponto{background:var(--verde);box-shadow:0 0 10px var(--verde)}
.cl-l .vazio-busca{background:#fff;box-shadow:inset 0 0 0 1px var(--linha-clara)}
.cl-l .vazio-busca p{color:#4A524A}
/* sem moldura atrás da tela do catálogo */
@media (min-width:901px){
  .tela-ancora{padding:0;border-radius:0;background:none !important;box-shadow:none}
  .cat.tom-claro .tela-ancora{background:none !important}
  .tela-ancora .tela{box-shadow:0 40px 90px -46px rgba(10,11,10,.55),0 0 0 1px rgba(10,11,10,.1)}
}
.cl-l .tela{box-shadow:0 40px 90px -46px rgba(10,11,10,.55),0 0 0 1px rgba(10,11,10,.1)}

@media (max-width:1100px){
  .cl-declara{min-height:0}
  .cl-row-tela .tg,.cl-row.e .cl-row-tela .tg,.cl-painel-tela .tg{width:100%;margin-left:0}
  .cl-row.d .cl-pil,.cl-row.e .cl-pil{left:4%;right:auto}
}
@media (max-width:640px){
  .cl-row-tela .tg,.cl-painel-tela .tg{width:172%}
  .cl-card-corpo{padding:22px}
}
@media (prefers-reduced-motion:reduce){.cl-borda{animation:none}.cl-comp-col li{opacity:1;transform:none}.cl-comp-col li svg path{stroke-dashoffset:0}}