.vocesptm-podcast-player {
    display: grid;
    grid-template-columns: 96px 1fr auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    background: #0b0f14;
    color: #fff;
    border-radius: 12px;
    margin: 1.25rem 0;
}
.vocesptm-podcast-player .vp-cover {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 8px;
}
.vocesptm-podcast-player .vp-info {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}
.vocesptm-podcast-player .vp-title { font-size: 1.05rem; }
.vocesptm-podcast-player .vp-author { color: #9ca3af; font-size: .85rem; }
.vocesptm-podcast-player .vp-duration { color: #6b7280; font-size: .75rem; }
.vocesptm-podcast-player .vp-play-btn {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: var(--vocesptm-primary, #0c8ae9);
    color: #fff;
    border: 0;
    padding: .65rem 1.1rem;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 600;
    transition: transform .15s;
}
.vocesptm-podcast-player .vp-play-btn:hover { transform: scale(1.05); }
.vocesptm-podcast-player .vp-audio {
    grid-column: 1 / -1;
    width: 100%;
    display: none;
}
.vocesptm-podcast-player.fallback .vp-audio { display: block; }
.vocesptm-podcast-player.fallback .vp-play-btn { display: none; }

@media (max-width: 600px) {
    .vocesptm-podcast-player { grid-template-columns: 72px 1fr; }
    .vocesptm-podcast-player .vp-cover { width: 72px; height: 72px; }
    .vocesptm-podcast-player .vp-play-btn { grid-column: 1 / -1; justify-content: center; }
}