.synopsi-audio{text-align:center;padding:5px 0 0 0;margin-bottom:10px;border-radius:5px;background-color:#f1f1f1;width:100%}audio{max-height:100%;max-width:100%;margin:auto;object-fit:contain}.card-media{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#fff;background-clip:border-box;border-radius:.25rem;border-collapse:collapse;display:table}.card-bg{background-color:#f1f1f1;min-width:100%}.img-placeholder{height:100%!important;display:block;overflow:hidden;position:relative;padding:2rem;text-align:center}.title-share{padding-top:1.2rem;display:flex;flex-direction:row;justify-content:flex-start}.title-share h5{padding-top:0;padding-left:1rem;font-weight:bold}.share{padding-top:.5rem;display:flex;flex-direction:row;justify-content:flex-start;list-style:none;white-space:nowrap;border-top:1px solid #e3e3e3;position:relative;z-index:1000;padding-left:0!important}.share li{display:inline;padding:5px 8px}.share li img{}.share li:hover{cursor:pointer}.title-tag{padding-top:1.2rem;display:flex;flex-direction:row;justify-content:flex-start}.title-tag h5{padding-top:0;padding-left:1rem;font-weight:bold}.tag{padding-top:.5rem;display:flex;flex-direction:column;flex-wrap:wrap;list-style:none;white-space:nowrap;border-top:1px solid #e3e3e3;z-index:1000;padding-left:0!important;color:#1671c2}.tag li{display:inline;padding:8px 8px;border:1px solid #1671c2;margin:.5rem 0;border-radius:.6rem}.tag li p{margin:.3rem;white-space:pre-line}.tag li:hover{cursor:pointer;background-color:#1671c2;color:#fff}.title-audio-wave{padding-top:1.2rem;display:flex;flex-direction:row;justify-content:flex-start;border-bottom:1px solid #e3e3e3}.title-audio-wave h5{padding-top:0;padding-left:1rem;font-weight:bold}.audio-description{font-size:12px}.audio-wave{padding-top:.5rem;display:flex;flex-direction:column;flex-wrap:wrap;list-style:none;white-space:nowrap;z-index:1000;padding-left:0!important;color:#1671c2}.audio-wave li{display:inline;border-radius:.6rem;text-align:center}.audio-wave li:hover{cursor:pointer}@media(min-width:576px){.tag{flex-direction:row}.tag li{margin:.5rem .5rem}}@media(min-width:768px){.tag{flex-direction:row}.tag li{margin:.5rem .5rem}}@media(min-width:992px){.tag{flex-direction:column}.tag li{margin:.5rem 0}}@media(min-width:1200px){.tag{flex-direction:column}.tag li{margin:.5rem 0}}@media(min-width:1400px){.tag{flex-direction:column}.tag li{margin:.5rem 0}}