/*
Theme Name: GeneratePress Child
Theme URI: https://bibliomedicina.com
Description: Tema hijo de GeneratePress
Author: Victorjqv 
Author URI: https://bibliomedicina.com
Template: generatepress
Version: 1.0.0
*/

/* Aquí empiezan tus estilos personalizados */

/* Ejemplo: cambiar el fondo */
body {
    background-color: #f5f5f5;
}
/* Estilos para la página de inicio */
.bienvenida {
    text-align: center;
    margin: 50px 0;
}

.bienvenida h1 {
    font-size: 2.5em;
    color: #333;
}

.libros-destacados {
    background-color: #f9f9f9;
    padding: 50px 0;
}

.libros-destacados h2 {
    text-align: center;
    font-size: 2em;
    color: #333;
}

.libros {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.libro {
    width: 250px;
    margin: 10px;
    padding: 15px;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
}

.libro img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.button {
    background-color: #0066cc;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}

.button:hover {
    background-color: #005bb5;
}


/* Estilo básico para la ficha de libro */
.libro-detalle {
    font-family: Arial, sans-serif;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.titulo-libro {
    font-size: 2em;
    margin-bottom: 10px;
}

.contenido-libro p {
    font-size: 1.1em;
    margin: 10px 0;
}

.contenido-libro img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-top: 20px;
}

a {
    color: #0066cc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}