/* Estilos generales */
        body {
            font-family: Arial, sans-serif;
			color: white;
		    background-color: #242526;
        }

        body1 {
            font-family: Arial, sans-serif;
            background-color: #242526;
            margin: 0;
            padding: 0;
        }

		button, input, optgroup, select, textarea
		{
			color:black;
		}

		.footer {
			border-top: 1px solid #9e4033 !important;
		}

		.border-top {
			border-top: 1px solid #9e4033 !important;
		}

        .container1 {
            max-width: 1400px;
            margin: 0 auto;
            margin-top: 20px ;
            padding: 20px;
        }

        .container-card1 {
            max-width: 1400px;
            margin: 0 auto;
            padding: 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly ;
			border-bottom: 1px solid #9e4033;
			border-radius: 45px;
        }


        /* Estilos del slider */
		.slider1 {
			display: flex;
			width: 100%;
			transition: transform 0.5s ease;
		}

		.slider-container1 {
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
			position: relative;
			padding: 0px;	
            max-width: 1500px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
		}


        /* Estilos del titulo del slider card */

		.slider-title1 {
			margin: 0 auto;
			padding-top: 0px;
			padding-left: 0px;
			font-size: 32px;
			color: #ebebed;
	
		}


        /* Estilos del slider card */

		.slider-card1 {
			padding:20px;	
			flex: 0 0 300px;
			min-width: 300px;
            background-color: #d5d5d9;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            border-radius: 15px;
			margin: 20px 20px;
            margin-bottom: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            border-radius: 15px;
            overflow: hidden;
            display: flex;
            flex-direction: row; /* Imagen a la derecha y texto a la izquierda */
            transition: transform 0.2s;
            position: relative; /* Hacer que el "footer" sea relativo a la tarjeta */
			cursor: pointer;
		}

        .slider-card-img1 {
            width: 140px; /* Tamaño fijo de la imagen */
            height: 250px;
            max-height: 150px;
        }

        .slider-card1:hover {
            transform: scale(1.1);
        }


/* Estilos botones next prev 
		.prev,
		.next {
			background-color: #ebebed;
			color: #17a2b8;
			border: 1px solid #17a2b8;
			border-radius: 5px;
			padding: 20px 6px;
			cursor: pointer;
			font-size: 16px;
			position: absolute;
			top: 80%;
			transform: translateY(-50%);
			z-index: 2;
		}

		.prev {
			left: 0;
		}

		.next {
			top: 60%;
			left: 0;
		}
*/

		.prev:hover,
		.next:hover {
			color: #ebebed;
			background-color: #9e4033; /* Cambia el color al pasar el mouse */
		}


        /* Estilos botones con iconos */
		.button-icon {
			margin-right:10px;
			background-color: #242526;
			color: white;
			border: 1px solid #9e4033;
			border-radius: 5px;
			width: 44px;
			padding: 6px;
			cursor: pointer;
			font-size: 14px;
		}

		.button-icon:hover {
			color: #ebebed;
			background-color: #9e4033; /* Cambia el color al pasar el mouse */
		}


		.btn  {
			margin-right:10px;
			background-color: #242526;
			color: white;
			border: 1px solid #9e4033;
			border-radius: 5px;
			padding: 6px;
			cursor: pointer;
			font-size: 14px;
		}

		.btn:hover {
			color: #ebebed;
			background-color: #9e4033; /* Cambia el color al pasar el mouse */
			border: 1px solid #9e4033;
		}

		.btn-outline-info {
			margin-right:10px;
			background-color: #242526;
			color: white;
			border: 1px solid #9e4033;
			border-radius: 5px;
			padding: 6px;
			cursor: pointer;
			font-size: 14px;
		}

		.btn-outline-info:hover {
			color: #ebebed;
			background-color: #9e4033; /* Cambia el color al pasar el mouse */
			border: 1px solid #9e4033;
		}

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
			background-color: #9e4033;
			border-color: #9e4033;

}
.btn-outline-info.focus, .btn-outline-info:focus {
	box-shadow: 0 0 0 .2rem rgba(0,0,0,.5)
}
.btn-outline-info.focus {
	box-shadow: 0 0 0 .2rem rgba(0,0,0,.5)
}

.modal-content {
			background-color: #494b4d; /* Cambia el color al pasar el mouse */
			color: white;
}

.modal-header {
			border-bottom: 1px solid #9e4033; /* Cambia el color al pasar el mouse */
}

.modal-footer {
			border-top: 1px solid #9e4033; /* Cambia el color al pasar el mouse */
}

a {
color: white;
}

a:hover {

			color: #9e4033;

}
		.table {
			color: white;
		}

.table thead th {
			border-bottom: 1px solid #525253;
}

.table td {
			border-bottom: 1px solid #525253;
}


.table th {
			border-top: 1px solid #525253;
}


.thead:hover {

			color: #9e4033;
			background-color: #242526; /* Cambia el color al pasar el mouse */
			border: 1px solid #9e4033;

}
.tr:hover {

			color: #9e4033;
			background-color: #242526; /* Cambia el color al pasar el mouse */
			border: 1px solid #9e4033;

}
.th:hover {

			color: #9e4033;
			background-color: #242526; /* Cambia el color al pasar el mouse */
			border: 1px solid #9e4033;

}

.table:hover {

			color: #9e4033;
			background-color: #242526; /* Cambia el color al pasar el mouse */

}
.table-striped:hover {

			color: #242526;
			background-color: #242526; /* Cambia el color al pasar el mouse */

}
.table-hover:hover {

			color: white;
			background-color: #242526; /* Cambia el color al pasar el mouse */

}
.table-hover tbody tr:hover{

			color: #9e4033;
			background-color: #242526; /* Cambia el color al pasar el mouse */

}


        /* Estilos de la tarjeta */
        .card1 {
            width: calc(33% - 30px); /* 4 tarjetas en fila en resolución máxima colo bckground #ebebed*/
            margin-bottom: 50px;
            background-color: #d5d5d9;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
            border-radius: 15px;
            overflow: hidden;
            display: flex;
            flex-direction: row; /* Imagen a la derecha y texto a la izquierda */
            transition: transform 0.2s;
            position: relative; /* Hacer que el "footer" sea relativo a la tarjeta */
			cursor: pointer;
        }

        .card1:hover {
            transform: scale(1.2);
        }

        .card-img1 {
            width: 150px; /* Tamaño fijo de la imagen */
            height: auto;
        }

        .card-content1 {
            flex-grow: 1; /* El contenido ocupa el espacio restante */
            padding: 20px;
        }

        .card-isbn1 {
            font-size: 10px;
            color: #555;
            margin-bottom: 10px;
        }

        .card-title1 {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .card-autor1 {
            font-size: 10px;
            color: #555;
            margin-bottom: 10px;
        }

        .card-editorial1 {
            font-size: 10px;
            color: #555;
            margin-bottom: 10px;
			padding-bottom: 30px;
        }

        .card-price1 {
            font-size: 18px;
            margin-bottom: 5px;
            color: #e74c3c;
        }

        .card-footer1 {
            position: absolute; /* Fijar el "footer" en la parte inferior */
            bottom: 0px;
            left: 0px;
            right: -100;
			padding-left: 0px;
            text-align: center;
            margin-bottom: 20px;
            margin-left: 20px;
        }

        .card-footer2 {
            position: absolute; /* Fijar el "footer" en la parte inferior */
            bottom: 0px;
            right: 0;
			padding-left: 0px;
            text-align: center;
            margin-bottom: 20px;
            margin-right: 20px;
        }

        /* Estilos para dispositivos móviles */
        @media (max-width: 768px) {
            .container1 {
                flex-direction: column;
	            width: calc(90% - 30px); /* 4 tarjetas en fila en resolución máxima */
            }

            .card1 {
                width: 100%;
            }

            .card-img1 {
	            height: 100%;
            }

		    .card:hover1 {
		        transform: scale(1.1);
		    }

		    .card-title1 {
		        font-size: 18px;
		        font-weight: bold;
		        margin-bottom: 10px;
		    }

		    .card-autor1 {
		        font-size: 16px;
		        color: #555;
		        margin-bottom: 10px;
		    }

		    .card-isbn1 {
		        font-size: 14px;
		        color: #555;
		        margin-bottom: 10px;
		    }

			.prev,
			.next {
				display: none; /* Ocultar los botones en dispositivos móviles */
			}

        }