@import url('https://fonts.googleapis.com/css2?family=Chewy&display=swap');

/*Cuerpo de toda la pagina*/
body{
    background-color: lch(94.22 11.47 208.6);
    padding: 0px 70px 25px 70px;
}
/*////////////////////////////////////////////////////////////////*/
/*Encabezado*/

.encabezado{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}
h1{
    font-family: "Chewy", system-ui;
    font-weight: 400;
    font-style: normal;
    font-size: 80px;
    padding-left: 330px;
    color: lch(58.42 36.23 195.79);
}
header section span img{
    padding-left: 20px;
}
nav{
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 45px;
    background-color: lch(55.1 45.86 197.5);
    padding: 5px;

    
}
nav a{
    text-decoration: none;
    
    font-size: 30px;
    color: lch(94.22 11.47 208.6);
}
span img{
    height: 25px;
    width: auto;
}
/*//////////////////////////////////////////////////////////*/
/*Portada*/
.portada{
    background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/42617afe-4e0c-4dad-a6e5-f1655618bd91/d4emdfx-870604b4-8e5c-43ce-aab2-d48cc51fe1dc.jpg);
    color: #fafafa;
    font-size: 55px;
    padding: 125px;
    background-size: cover;
    text-align: center;
    font-weight: bold;
    
}
.portada p{
    font-style: italic;
    font-size: 45px;
    padding-top: 55px;
    font-weight: lighter;
    
}
/*//////////////////////////////////////////////////////////*/
/*Recomendados, Libros y Conocenos*/
h3{
    font-size: 40px;
    color: lch(58.42 36.23 195.79);
    font-weight: bolder;
    padding-left: 20px;
    padding: 45px;
}
/*///////////////////////////////////////////////////////////*/
/*LIBROS RECOMENDADOS*/
div img{
    height: 400px;
    transition: 600ms ease-in-out;
}
.cuatro div img:hover {
    
	transform: scale(1.2);
}
.cuatro{
    display: flex;
    justify-content: center;
    gap: 100px
}
div p{
    text-align: center;
    font-size: 16px;
    line-height: 15px;
}
/*/////////////////////////////////////////////////////////*/
/*Boton Comprar, Ver mas*/
p input{
    background-color: lch(50.12 91.93 40.19);
    color: white;
}
/*/////////////////////////////////////////////////////////*/
/*LIBROS 7*/
.cinco{
    display: flex;
    justify-content: center;
    align-items: baseline;
    justify-content: space-between;
    gap: 70px;
    overflow-x: scroll;
}
/*////////////////////////////////////////////////////////////*/
/*CONOCENOS*/
.conocenos{
    display: flex;
    justify-content: center;
    padding: 0px 40px 40px 40px;
}
.conocenos div p {
    text-align: left;
    
    
}
#teEsperamos{
    color: lch(58.42 36.23 195.79);
    font-weight: bold;
    text-align: center;
}
figure img{
    width: 80%;
    height: auto;
    padding-left: 75px;
}

/*////////////////////////////////////////////////////////////*/
/*PIE DE PAGINA*/
.pie{
    background-color: lch(55.1 45.86 197.5);
    display: flex;
    gap: 15px;
    color: lch(94.22 11.47 208.6);
    padding: 0px 20px 20px 20px;
}
.pie div{
    flex: 1;
}
div h4{
    font-size: 26px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
}
.tunel p{
    text-align: left;
    padding-bottom: 32px;
}
.tunel span img{
    height: 25px;
    width: auto;
    padding-left: 15px;
}
.info a{
    display: block;
    text-decoration: none;
    padding-bottom: 20px;
    color: lch(94.22 11.47 208.6);
}
.subscri p{
    text-align: left;
    color: lch(94.22 11.47 208.6);
    padding-bottom: 10px;
}
#barra{
    width: 80%;
}
#enviar{
    background-color: lch(94.22 11.47 208.6);
    color: lch(55.1 45.86 197.5);
}
.derechos small{
    display: block;
    background-color: lch(55.1 45.86 197.5);
    color: lch(94.22 11.47 208.6);
    padding: 20px 0px 25px 0px;
    text-align: center;
}