/* =====================================================
   RETROCOCHES · ESTILO WINAMP (MÚSICA + PODCAST)
   ===================================================== */


/* =====================================================
   🎵 REPRODUCTOR MUSICAL 8-BIT (SIDEBAR)
   ===================================================== */

#reproductor-musica {
    width: 220px;
    background: linear-gradient(#1e4fa3, #0f2e66);
    border: 3px solid #000;
    box-shadow: 4px 4px 0 #000;
    padding: 8px;
    font-family: Verdana, Arial, sans-serif;
    color: #fff;
    text-align: center;
}

#musica-pista {
    width: 100%;
    font-size: 11px;
    margin-bottom: 6px;
    border: 2px inset #000;
    background-color: #dcdcdc;
    color: #000;
    font-family: Tahoma, Arial, sans-serif;
}

#reproductor-musica div {
    display: flex;
    justify-content: center;
    gap: 6px;
}

#btn-play,
#btn-stop {
    font-size: 11px;
    padding: 3px 8px;
    border: 2px outset #000;
    background-color: #c0c0c0;
    cursor: pointer;
    font-family: Tahoma, Arial, sans-serif;
}

#btn-play:active,
#btn-stop:active {
    border: 2px inset #000;
}

#btn-play:hover,
#btn-stop:hover {
    background-color: #e0e0e0;
}

.sidebar #reproductor-musica {
    margin: 10px auto;
}

.music-credit {
    font-size: 10px;
    line-height: 1.4;
    color: #0A0A0A;
    margin-top: 8px;
    text-align: center;
    font-family: Courier New, monospace;
}

.music-credit a {
    color: #0A0A0A;
    text-decoration: underline;
}

.music-credit a:hover {
    text-decoration: none;
}


/* =====================================================
   🎙️ PODCAST · ESTILO WINAMP CLÁSICO
   ===================================================== */

.episodio {
    width: 320px;
    background-color: #1e4fa3;
    border: 3px solid #0f2e66;
    box-shadow: 5px 5px 0 #0f2e66;
    color: #ffffff;
    font-family: Verdana, Arial, sans-serif;
    padding: 8px;
    margin-bottom: 20px;
}

.episodio h2 {
    margin: 0 0 6px 0;
    font-size: 14px;
    background-color: #0f2e66;
    padding: 4px;
    font-family: "Courier New", monospace;
}

.episodio p {
    font-size: 13px;
    margin: 6px 0;
}

.episodio audio {
    width: 100%;
    margin-top: 6px;
}

.episodio a {
    display: inline-block;
    margin-top: 6px;
    background-color: #c0c0c0;
    color: #000;
    padding: 4px 8px;
    text-decoration: none;
    border: 2px outset #000;
    font-size: 11px;
}

.episodio a:hover {
    background-color: #e0e0e0;
}

.episodio a:active {
    border: 2px inset #000;
}