/* Galeria de Posts — carrossel squeeze */
.wgp {
    --wgp-accent: #0066ff;
    --wgp-accent-fg: #ffffff;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Setas */
.wgp-setas { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 16px; }
.wgp-seta {
    width: 36px; height: 36px;
    border: none; border-radius: 8px;
    background: var(--wgp-accent); color: var(--wgp-accent-fg);
    font-size: 16px; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: opacity .2s ease;
}
.wgp-seta:hover { opacity: .85; }

/* Faixa */
.wgp-strip-wrap { width: 100%; height: 320px; overflow: hidden; }
.wgp-strip { display: flex; height: 100%; width: 100%; }

/* Painel */
.wgp-panel {
    position: relative;
    height: 100%;
    flex: 0 0 auto;
    overflow: hidden;
    border: none; padding: 0;
    background: #e5e7eb;
    cursor: pointer;
    isolation: isolate;
}
.wgp-media {
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}
span.wgp-media { display: block; }

/* Overlay no canto (aparece só no aberto) */
.wgp-overlay {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 16px;
    padding-top: 60px;
    font-size: 14px; font-weight: 500;
    color: #fff;
    background: linear-gradient(to top, rgba(0,0,0,.55), transparent);
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.16,1,0.3,1);
    pointer-events: none;
}
.wgp-panel.wgp-aberto .wgp-overlay { opacity: 1; }

/* Info (texto + botão) */
.wgp-info { margin-top: 24px; display: grid; }
.wgp-info-item {
    grid-column: 1; grid-row: 1;
    display: flex; flex-direction: column; gap: 16px;
    transition: opacity 1s cubic-bezier(0.16,1,0.3,1);
}
.wgp-texto { max-width: 46rem; font-size: 16px; line-height: 1.6; margin: 0; }
.wgp-titulo { color: #111827; font-weight: 600; }
.wgp-desc { color: #6b7280; }
.wgp-btn {
    align-self: flex-start;
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--wgp-accent); color: var(--wgp-accent-fg);
    padding: 10px 18px; border-radius: 8px;
    font-size: 14px; font-weight: 600; text-decoration: none;
    transition: opacity .2s ease;
}
.wgp-btn:hover { opacity: .85; }

.wgp-titulo, .wgp-desc, .wgp-btn { font-family: inherit; }

/* Desktop maior: título e descrição lado a lado */
@media (min-width: 900px) {
    .wgp-info-item { flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 40px; }
}

/* Mobile: painéis com largura mínima maior para tocar melhor */
@media (max-width: 767px) {
    .wgp-strip-wrap { height: 240px; }
    .wgp-texto { font-size: 15px; }
}