.divBanner{
    width: 100vw; /* Ancho del 100% de la pantalla */
    overflow: hidden; /* Evita desbordamientos */
}

.divBanner img {
    width: 100%; /* Hace que la imagen se ajuste al ancho del contenedor */
    height: auto; /* Mantiene la proporción original */
}

.divx22{
    /* background-color: red; */
    height: 100%;
    display: grid;
    /* grid-template-rows: 75% 10% 15%; */
    /* grid-template-rows: 60% 10% 15% 15%; */
    /* grid-template-rows: 400px 50px 60px 40px ; */
    /* grid-template-rows: minmax(400px, auto) 50px 60px 40px; */
    grid-template-rows: minmax(350px, auto) 50px 50px 60px;
    /* background-color: red; */
    
}

.libro-imagen {
    width: 150px; /* Cambia este valor al tamaño deseado */
    height: 200px; /* Cambia este valor al tamaño deseado */
    object-fit: cover; /* Esto asegura que las imágenes se ajusten al tamaño definido sin distorsionarse */
}

.btnAgregarBook{
    background-color: #f5403d;
    border-style: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
    padding: 10px 0px ;
    width: 200px;
	/* margin-left: 25%; */
	/* margin-right: 25%; */
	font-family:  sans-serif;
}
.btnAgregarBook2{
    background-color: #ECEBE4;
    border-style: none;
    color: rgb(0, 0, 0);
    font-size: 20px;
    cursor: pointer;
    padding: 10px 0px ;
    width: 200px;
	/* margin-left: 25%; */
	/* margin-right: 25%; */
	font-family:  sans-serif;
}
.btnAgregarBook3{
    
    background-color: #ffffff;
    border-style: none;
    /* color: rgb(0, 0, 0); */
    color: red;
    font-size: 15px;
    cursor: pointer;
    text-decoration: underline;
    /* padding: 10px 0px ; */
    /* width: 200px; */
	/* margin-left: 25%; */
	/* margin-right: 25%; */
	font-family:  sans-serif;
}
@media (max-width:700px) {
    .divx22{
        /* grid-template-rows: 300px 60px 50px 50px; */
        grid-template-rows: minmax(300px, auto) 60px 50px 50px;
        
    }
    .btnAgregarBook{
        font-size: 13px;
        padding: 10px 0px ;
        width: 124px;

        font-family:  sans-serif;
    }
    .btnAgregarBook2{
        font-size: 13px;
        padding: 10px 0px ;
        width: 124px;

        font-family:  sans-serif;
    }
    .btnAgregarBook3{
        font-size: 13px;
        /* width: 124px; */

        font-family:  sans-serif;
    }
}