/* Vitrine de palestrantes — Lito Palestras
   Pacote independente: requer palestrantes.js (window.PALESTRANTES) e um <div id="grid-pal"> na página. */
.vitrine .pal-foto{display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--marrom,#1c1f5c),var(--grafite2,#171a2e))}
.vitrine .pal-foto img{display:block;width:100%;height:100%;object-fit:cover}
.vitrine .pal-foto span{font:700 2rem var(--fonte-titulo,'Montserrat',system-ui,sans-serif);color:var(--ambar,#778afd)}
.vitrine .idiomas{position:absolute;background:var(--botao,#5b6cf2);color:#fff;font:700 .7rem Inter,sans-serif;letter-spacing:.04em;padding:4px 9px;border-radius:99px;box-shadow:0 4px 12px rgba(0,0,0,.35)}
@keyframes vt-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.vitrine{display:grid;gap:16px}
.destaque{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);min-height:460px;border-radius:24px;overflow:hidden;
  background:linear-gradient(135deg,rgba(119,138,253,.12),rgba(255,255,255,.02) 60%);border:1px solid rgba(119,138,253,.22)}
.dest-foto{position:relative;background:linear-gradient(135deg,var(--marrom,#1c1f5c),var(--grafite2,#171a2e))}
.dest-foto .pal-foto{position:absolute;inset:0;aspect-ratio:auto}
.dest-foto img{object-position:50% 20%;filter:none;animation:foto-entra .7s cubic-bezier(.2,.8,.2,1)}
.dest-foto::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(16,16,24,.55));pointer-events:none}
.dest-foto .idiomas{top:16px;left:16px;right:auto;font-size:.75rem;padding:5px 11px}
@keyframes foto-entra{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}
.dest-info{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,4vw,48px)}
.dest-info > *{animation:vt-entra .5s ease both}
.dest-info > :nth-child(2){animation-delay:.05s}.dest-info > :nth-child(3){animation-delay:.1s}
.dest-info > :nth-child(4){animation-delay:.15s}.dest-info > :nth-child(5){animation-delay:.2s}.dest-info > :nth-child(6){animation-delay:.25s}
.dest-num{font:600 .78rem Inter,sans-serif;letter-spacing:.16em;color:var(--ambar,#778afd)}
.dest-info h3{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800}
.dest-esp{margin:0;color:var(--ambar2,#a3b0ff);font-weight:500;font-size:1.02rem}
.dest-bio{margin:0;color:var(--muted,#9ca1b9);font-size:1rem;line-height:1.7;max-width:62ch}
.dest-rotulo{display:block;margin-bottom:8px;font:600 .7rem Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted,#9ca1b9)}
.dest-temas ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.dest-temas li{padding:6px 13px;border-radius:99px;background:var(--ambar-suave,rgba(119,138,253,.12));border:1px solid rgba(119,138,253,.28);color:var(--ambar2,#a3b0ff);font-size:.86rem;font-weight:500}
.dest-acoes{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:8px}
.dest-nav{display:flex;gap:8px}
.dest-nav button{width:48px;height:48px;border-radius:50%;border:1px solid var(--linha,#2e3150);background:transparent;color:var(--txt,#f3f1ec);font-size:1.15rem;cursor:pointer;transition:border-color .15s,background .15s}
.dest-nav button:hover{border-color:var(--ambar,#778afd);background:var(--ambar-suave,rgba(119,138,253,.12))}

.seletor{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sel-pal{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;overflow:hidden;cursor:pointer;text-align:left;font:inherit;color:var(--txt,#f3f1ec);
  background:var(--grafite,#101018);border:1px solid #1d2036;border-radius:14px;transition:border-color .2s,background .2s}
.sel-pal .pal-foto{flex:none;width:46px;height:46px;border-radius:50%}
.sel-pal .pal-foto span{font-size:1rem}
.sel-pal .pal-foto img{filter:grayscale(1);transition:filter .3s}
.sel-pal:hover{border-color:rgba(119,138,253,.5)}
.sel-pal[aria-selected="true"]{border-color:var(--ambar,#778afd);background:rgba(119,138,253,.1)}
.sel-pal[aria-selected="true"] .pal-foto img,.sel-pal:hover .pal-foto img{filter:none}
.sel-nome{min-width:0;font-weight:600;font-size:.9rem;line-height:1.25}
.sel-nome small{display:block;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted,#9ca1b9);font-weight:400;font-size:.74rem}
.sel-barra{position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--ambar,#778afd)}
.vitrine.auto .sel-pal[aria-selected="true"] .sel-barra{animation:barra-pal 8s linear forwards}
.vitrine.auto:not(.visivel) .sel-barra,.vitrine.auto:hover .sel-barra{animation-play-state:paused}
@keyframes barra-pal{to{width:100%}}

@media (max-width:900px){
  .destaque{grid-template-columns:1fr;min-height:0}
  .dest-foto{aspect-ratio:4/3}
  .dest-foto::after{background:linear-gradient(180deg,transparent 70%,rgba(16,16,24,.55))}
  .dest-acoes .btn{flex:1 1 100%;justify-content:center}
  .dest-nav{margin-left:auto}
  .seletor{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}
  .seletor::-webkit-scrollbar{display:none}
  .sel-pal{flex:0 0 auto;width:210px;scroll-snap-align:start}
  .seletor{order:-1}
}
@media (prefers-reduced-motion:reduce){.dest-info > *,.dest-foto img{animation:none}}