/* episode-platforms.css — "Escúchalo también en" row of outline buttons linking a
 * podcast episode to Spotify / Apple Podcasts / iVoox. Printed right under the
 * video embed inside post_content. Platform glyphs are masks that inherit the
 * button colour, so hover recolours icon and label together. Empty icon spans
 * carry   so the classic editor does not strip them.
 * Enqueued on podcast-category posts by ig-includes/podcast-episode-assets.php. */
.episode-platforms { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0 24px; }
.episode-platforms .episode-platforms-label { margin-right: 4px; font-size: 12px; line-height: 1.5; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #6f6f6f; }
.episode-platforms .episode-platform { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; font-size: 13px; line-height: 1; font-weight: 700; color: #1a1a1a; background: #ffffff; border: 1px solid #e8e8e8; border-radius: 8px; text-decoration: none; transition: border-color 0.15s, color 0.15s; }
.episode-platforms .episode-platform:hover { border-color: #7464DE; color: #7464DE; text-decoration: none; }
.episode-platforms .episode-platform-icon { display: inline-block; width: 16px; height: 16px; flex-shrink: 0; overflow: hidden; font-size: 0; background-color: currentColor; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; }
.episode-platforms .episode-platform-spotify .episode-platform-icon { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 stroke-width=%222%22/%3E%3Cpath d=%22M7 9.5c3.5-1 7-.8 10 .8M7.5 12.5c3-.8 5.8-.6 8.4.7M8 15.3c2.3-.6 4.4-.4 6.4.5%22 stroke-width=%221.8%22/%3E%3C/svg%3E'); mask-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 stroke-width=%222%22/%3E%3Cpath d=%22M7 9.5c3.5-1 7-.8 10 .8M7.5 12.5c3-.8 5.8-.6 8.4.7M8 15.3c2.3-.6 4.4-.4 6.4.5%22 stroke-width=%221.8%22/%3E%3C/svg%3E'); }
.episode-platforms .episode-platform-apple .episode-platform-icon { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%2218%22 height=%2218%22 rx=%225%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.5%22/%3E%3Cpath d=%22M9.5 19c.5-3 1.2-4.5 2.5-4.5s2 1.5 2.5 4.5%22/%3E%3C/svg%3E'); mask-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%2218%22 height=%2218%22 rx=%225%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.5%22/%3E%3Cpath d=%22M9.5 19c.5-3 1.2-4.5 2.5-4.5s2 1.5 2.5 4.5%22/%3E%3C/svg%3E'); }
.episode-platforms .episode-platform-ivoox .episode-platform-icon { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M4 12v3M8 8v11M12 5v14M16 9v9M20 11v4%22/%3E%3C/svg%3E'); mask-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M4 12v3M8 8v11M12 5v14M16 9v9M20 11v4%22/%3E%3C/svg%3E'); }