body {background: linear-gradient(to right, #68b9ec, #0f8ace);color:#fff;font-size: 14px;}

audio{width: 100%!important;}
audio::-webkit-media-controls-enclosure {border-radius: 5px;padding:0;background-color:#f5f4f4;padding: 2px;}
.contentStreaming  {max-width: 450px; width: 100%; padding: 10px;}

/* Botón Toggle*/
.toggle-btn {margin-bottom: 10px;padding: 5px 10px;color: #055160;cursor: pointer; font-size: 14px;}
.toggle-btn:hover {background-color: #cff4fc;}

body.dark .toggle-btn {border: solid 1px #073e5d;color: #fff;font-size: 14px;}
body.dark .toggle-btn:hover {background: #073e5d;}

/*Modo: claro */
body.light {background: linear-gradient(to right, #68b9ec, #0f8ace);color:#fff;font-size: 14px;}
body.light .bg-logoPalabraMaestra{ background-image: url('../images/logos/logo-palabraMaestraStreaming.png'); background-repeat: no-repeat; background-position: center; background-size:100%; height: 218px;}
body.light .txt-vivo {color:#dc3545}

/*Modo: oscuro */
body.dark {background: #0a5681;color:#fff;font-size: 14px;}
body.dark .bg-logoPalabraMaestra{ background-image: url('../images/logos/logo-palabraMaestraStreaming-blanco.png'); background-repeat: no-repeat; background-position: center; background-size: 100%; height: 218px;}
body.dark .txt-vivo {color:#36b0d7}
body.dark .alert-info {color: #fff;background-color: #073e5d;border-color: #073e5d;}