body {
    font-family: Arial, sans-serif;
    background-color: #fcf8ef;;
    margin: 0;
    padding: 0;
    color: #6e7074;
}

/* Contenedor general */
.pagina {
    max-width: 800px;
    margin: 0 auto;
    padding: 30px;
}

/* Título principal */
h1 {
    text-align: center;
    color: #0d5dd6;
    margin-bottom: 20px;
}
.menu{

    background:#0d5dd6;

    padding:18px 15px;

    display:flex;

    justify-content:center;

    gap:60px;
    border-top:4px solid #fcf8ef;
    border-bottom:4px solid #646465;

}

.menu a{

    text-decoration:none;

    color:#fcfbfb;

    font-weight:bold;

    font-size:18px;

}
.menu a:hover{

    color:#f5d28a;

}
/* Bloques */
.bloque {
    background: white;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}

/* Subtítulos */
.bloque h2 {
    color: #0d5dd6;
    margin-top: 0;
}

/* Texto normal */
p, li {
    color: #6e7074;
    line-height: 1.5;
}

/* Links */
a {
    color: #0d5dd6;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
.bloque {
    transition: transform 0.2s ease;
}

.bloque:hover {
    transform: translateY(-2px);
}

.ficha-libro{
    border:1px solid #0d5dd6;
    background:white;
    border-radius:12px;
    width:80%;
    max-width:900px;
}

.portada-libro{
    width:180px;
    height:auto;
    border-radius:8px;
    float:left;
    margin-left:15px;
    margin-right:25px;
    margin-bottom:15px;
    margin-top:10px;
}
.encabezado{
    text-align:center;
}

.logo{
    max-width:320px;
    width:90%;
    height:auto;
    margin:20px auto 10px auto;
    display:block;
}
.catalogo{

    display:flex;
    flex-direction:column;
    align-items:center;

    gap:30px;

    padding-left:30px;
    padding-right:30px;
    padding-bottom:30px;
    padding-top:0;

}
.pagina.titulo-catalogo h1{
    margin-bottom:0;
}
.pagina.titulo-catalogo{
    padding-bottom:5px;
}
.datos-libro{
    text-align:justify;
    line-height:1.6;
     margin-left:15px;
     margin-right:25px;

}

.comprar-libro{
    display:inline-block;
    margin-bottom:20px;
}
@media (max-width:768px){

    .ficha-libro{

        width:95%;
        text-align:center;

    }

    .portada-libro{

        float:none;
        display:block;
        width:150px;
        margin:0 auto 20px auto;
        margin-top: 10px;
    }

    .datos-libro p{

        text-align:justify;

    }

    .menu{

        gap:15px;
        flex-wrap:wrap;
        padding:12px 8px;

    }

    .menu a{

        font-size:14px;

    }

    .bloque{
        text-align:justify;
        font-size:16px;
        line-height:1.6;
    }
    
    h1{
        font-size:24px;
    }

    .bloque h2{
        font-size:20px;
    }



}