/* Estilo para el contenedor que centra los botones usando Flexbox */
.about-box {
    display: flex;                /* Convertir en contenedor Flex */
    justify-content: center;      /* Centrar los botones horizontalmente */
    align-items: center;          /* Centrar los botones verticalmente */
    flex-wrap: wrap;              /* Permitir que los elementos se muevan a la siguiente fila */
    margin-top: 20px;             /* Espacio adicional */
    gap: 20px;                    /* Espacio entre botones */
}

/* Estilo para los botones */
#biblioteca .about-box .btn-biblioteca {
    display: inline-block;
    padding: 10px 20px;          /* Tamaño del botón */
    text-decoration: none;       /* Sin subrayado */
    color: white;                /* Color del texto */
    background-color: #ffcc00;   /* Color de fondo del botón */
    border: 2px solid #ffcc00;   /* Añadir borde */
    border-radius: 10px;         /* Bordes redondeados */
    font-weight: bold;           /* Texto en negrita */
    transition: background-color 0.3s ease; /* Efecto de transición al pasar el ratón */
    cursor: pointer;             /* Cambia el cursor al pasar sobre el botón */
}

/* Estilo para el hover de los botones */
#biblioteca .about-box .btn-biblioteca:hover {
    background-color: #e6b800; /* Cambia de color al pasar el ratón */
    color: white;              /* Color del texto al pasar el ratón */
}