#viewer-pdf{
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	.bar_controler{
		padding: 10px;
		border-bottom: 1px solid #cfd4da;
		position: sticky;
        top: 0px;
        background: #fafafa;
		.pdf-setting{
			*{font-size: 14px;color: #868e96;}
			.zoom{
				background: #f2f3f5;
				border-radius: 5px;
				padding: 5px;

				display: flex;
			    justify-content: center;
			    align-items: center;

				select{
					color: #000 !important;
					padding: 5px;
					border: none;
					background: transparent;
				}

				.btn_zoom{
					display: flex;
				    justify-content: center;
				    align-items: center;
				    border: none;
				    padding: 5px;
				    background: transparent;
				}
			}
		}
		.pdf-tools{
			*{font-size: 14px;color: #868e96;}
			display: flex;
		    justify-content: center;
		    align-items: center;
		    button{
		    	padding: 5px;
                margin-left: 10px;
                margin-right: 10px;
                border: none;
                border-radius: 5px;
                background: transparent;

		    }
		    button:hover{
		    	background: #c7d2dd;
		    }
		    button.active{

		    	color: #3183c8 !important;
		    	border-bottom: 2px solid #3183c8;
		    	border-bottom-left-radius: 0;
    			border-bottom-right-radius: 0;
		    }
		}
		.pdf-panel-left{
			display: flex;
		    justify-content: center;
		    align-items: center;
		}
	}
	.content_libro{
		background: #f2f3f5;
		width: 100%;
		height: auto;
		min-height: 100vh;
        padding-bottom: 20px;

		canvas{
			margin-left: auto;
		    margin-right: auto;
		    display: block;
		    margin-bottom: 10px;
		    box-shadow: 0px 0px 30px #0000001c;
		}
	}



}

.follow-cursor {
	position: absolute;
	pointer-events: none; /* Evita que la imagen interfiera con los clics del mouse */
	z-index: 1000px;
}