/* Scoped progressive enhancement: without ecossistema.js the original grid stays. */
.eco-grid:not([data-eco-ready])>.eco-card.reveal{opacity:1;transform:none}
.eco-palco{--eco-card-width:min(56vw,640px);position:relative;min-width:0;text-align:center}
.eco-palco [hidden]{display:none!important}
.eco-palco .eco-grid[data-eco-ready]{
  display:flex;position:relative;gap:18px;grid-template-columns:none;grid-auto-rows:auto;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  padding:18px calc((100% - var(--eco-card-width))/2) 26px;scrollbar-width:none;
  touch-action:pan-x pan-y pinch-zoom;cursor:grab;-webkit-overflow-scrolling:touch;
}
.eco-palco .eco-grid::-webkit-scrollbar{display:none}
.eco-palco .eco-grid.eco-arrastando{cursor:grabbing;scroll-snap-type:none;user-select:none}
.eco-palco .eco-grid[data-eco-ready]>.eco-card{
  flex:0 0 var(--eco-card-width);grid-column:auto;min-height:0;aspect-ratio:16/10;
  border:2px solid transparent;border-radius:24px;scroll-snap-align:center;scroll-snap-stop:always;
  transform:perspective(1100px) translateX(var(--eco-shift,0%)) rotateY(var(--eco-turn,0deg)) scale(var(--eco-scale,1));
  opacity:1;transition:border-color .22s ease,box-shadow .22s ease;transition-delay:0s!important;
  box-shadow:0 10px 22px rgba(10,10,15,.08);background:var(--noite);will-change:transform;
}
.eco-palco .eco-grid[data-eco-ready]>.eco-card[data-eco-active="true"]{border-color:var(--azul);box-shadow:0 12px 28px rgba(22,3,195,.14)}
.eco-palco .eco-grid[data-eco-ready]>.eco-card:focus-visible{outline:3px solid var(--azul);outline-offset:4px}
.eco-palco .eco-card img,.eco-palco .eco-card video.vida,.eco-palco .eco-card video.foto-viva{transform:none;filter:grayscale(.72) brightness(.73);transition:filter .3s ease,opacity .25s ease}
.eco-palco .eco-card[data-eco-active="true"] img,.eco-palco .eco-card[data-eco-active="true"] video.vida,.eco-palco .eco-card[data-eco-active="true"] video.foto-viva{filter:none}
.eco-palco .eco-info,.eco-palco .eco-go{display:none}
.eco-palco .eco-legenda{display:grid;justify-items:center;align-content:start;gap:8px;min-height:159px;max-width:600px;margin:0 auto;padding:0 12px}
.eco-palco .eco-posicao{margin:0;color:var(--azul);font-family:var(--display);font-size:.66rem;letter-spacing:.18em;font-weight:700;font-variant-numeric:tabular-nums}
.eco-palco .eco-titulo{margin:0;font-family:var(--display);font-stretch:125%;font-size:clamp(1.05rem,2.4vw,1.65rem);font-weight:900;letter-spacing:-.025em;color:var(--tinta);line-height:1.12}
.eco-palco .eco-descricao{margin:0;max-width:44ch;color:var(--c600);font-size:.88rem;line-height:1.55;min-height:2.8em}
.eco-palco .eco-visitar{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 23px;border:1px solid var(--c200);border-radius:999px;font-family:var(--display);font-stretch:125%;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--azul);background:var(--superficie);transition:border-color .2s,background .2s}
.eco-palco .eco-visitar:hover{border-color:var(--azul);background:var(--navy-tint)}
.eco-palco .eco-controles{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:14px}
.eco-palco .eco-seta{display:grid;place-items:center;width:46px;height:46px;flex:none;padding:0;border:1px solid var(--c200);border-radius:50%;background:var(--superficie);color:var(--tinta);cursor:pointer;transition:border-color .2s,transform .2s}
.eco-palco .eco-seta .ico{width:20px;height:20px}
.eco-palco .eco-seta:hover:not(:disabled){border-color:var(--azul);transform:translateY(-2px);color:var(--azul)}
.eco-palco .eco-seta:disabled{opacity:.3;cursor:default}
.eco-palco .eco-dica{font-size:.66rem;letter-spacing:.025em;color:var(--c600)}
@media(max-width:640px){
  .eco-palco{--eco-card-width:76vw;margin-inline:-18px}
  .eco-palco .eco-grid[data-eco-ready]{padding-top:12px;padding-bottom:22px}
  .eco-palco .eco-grid[data-eco-ready]>.eco-card{aspect-ratio:5/4;border-radius:21px}
  .eco-palco .eco-legenda{min-height:174px;padding-inline:26px;gap:8px}
  .eco-palco .eco-descricao{font-size:.8rem;max-width:32ch}
  .eco-palco .eco-controles{margin-top:6px;gap:18px}
}
@media(prefers-reduced-motion:reduce){
  .eco-palco .eco-grid[data-eco-ready]>.eco-card{transform:none;will-change:auto;transition:none}
  .eco-palco .eco-card img,.eco-palco .eco-card video.vida,.eco-palco .eco-card video.foto-viva,.eco-palco .eco-visitar,.eco-palco .eco-seta{transition:none}
  .eco-palco video.vida,.eco-palco video.foto-viva{display:none!important}
}